@import 'lumo/lumo.css';@import 'lumo/utility.css';.custom-label{color:var(--lumo-secondary-text-color);font-weight:500;font-size:var(--lumo-font-size-s)}h1{margin-block-start:0.67em;margin-block-end:0.67em;font-size:2em}h2{margin-block-start:0.83em;margin-block-end:0.83em;font-size:24px;font-weight:300}:root{--color-header:#ffffff;--color-main:#f3f2ed;--gradient-history:linear-gradient(to bottom,#4c57a7,#225d95);--color-promo:#161616;--color-footer:#ffffff;--border-promo:#6974dd;--color-primary:#5D70E8}html{margin:0;font-family:"Inter",sans-serif;font-size:14px;line-height:1.5em;--lumo-primary-color:var(--color-primary);--vaadin-button-background:transparent;--vaadin-button-border:2px solid black;--vaadin-button-border-radius:25px;--vaadin-button-font-size:14px;--vaadin-button-font-weight:300;--vaadin-button-text-color:black;--vaadin-button-height:3em;--vaadin-button-min-width:100px;--vaadin-button-tertiary-border:none;--vaadin-button-tertiary-padding:0 2px;--vaadin-input-field-background:#e4e2da;--vaadin-input-field-border-color:transparent;--vaadin-input-field-border-radius:25px;--vaadin-input-field-value-font-size:16px;--vaadin-input-field-value-color:#333333}body{background-color:var(--color-main)}a{color:#4C5FF2;text-decoration:none}a:visited{color:#372580;text-decoration:none}a:hover{color:#4C5FF2;text-decoration:underline}a:active{color:#4c57a7}vaadin-button,vaadin-menu-bar-button{letter-spacing:1px;transition:all 0.5s ease-out}vaadin-menu-bar-button{border-radius:25px}vaadin-button:hover,vaadin-menu-bar-button:hover,vaadin-menu-bar-button::part(label):hover{transition:all 0.2s ease-out;cursor:pointer;color:var(--color-primary);border-color:var(--color-primary);background-color:transparent}vaadin-button:active,vaadin-menu-bar-button:active,vaadin-menu-bar-button[expanded]{background-color:#a8b0e8;border:2px solid #a8b0e8}vaadin-text-field::part(input-field){gap:12px}vaadin-select::part(overlay),vaadin-menu-bar-submenu::part(overlay){background-color:#f9f9f9;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2)}vaadin-select-item,vaadin-menu-bar-item{color:black}vaadin-select-item:hover,vaadin-menu-bar-submenu vaadin-menu-bar-item:hover{background-color:#f1f1f1}vaadin-menu-bar-button:hover vaadin-menu-bar-item{color:var(--color-primary);transition:all 0.2s ease-out}vaadin-grid{--vaadin-grid-cell-background:transparent;background-color:var(--vaadin-grid-cell-background)}.section{display:flex;justify-content:center;width:100%}.inner{padding:1em;height:100%;display:flex;flex-direction:column;justify-content:center}.section>.inner{display:flex;flex-direction:column;width:1124px;padding:1em;box-sizing:border-box}.dark{color:white;--lumo-header-text-color:white;--vaadin-button-primary-background:white;--vaadin-button-primary-text-color:black}.dark vaadin-button,.dark vaadin-menu-bar-button{border:2px solid white}.dark vaadin-button:hover{--color-primary:white}.header{--vaadin-input-field-background:#EFEEEB;background-color:var(--color-header);min-height:85px}.header .flex-row{display:flex;gap:20px}.header .flex-item{flex:1}header .flex-item.logo{flex:0 0 250px!important;display:block}header a.flex-item.logo:hover{text-decoration:none}header a.flex-item.logo *{color:black}header a.flex-item.logo:hover *{color:#343434}.badge{width:56px;height:56px;border-radius:50%;background:#F9C535;box-shadow:0 2px 6px rgba(0,0,0,.08);margin:0 1em 0 0}.badge,.namae{float:left}.namae{font-weight:bolder;line-height:1em}.instance,.namae{margin:0}.instance{font-size:20px}header .flex-item.search{flex:1 1 auto;min-width:200px;max-width:700px}header .flex-item.search vaadin-text-field{padding:0}header .flex-item.search vaadin-text-field::part(input-field){height:46px}header .flex-item.actions{display:flex;gap:0.5rem;flex:0 0 auto}header .flex-item.actions *{margin:0}header .flex-item.actions vaadin-button,header .flex-item.actions vaadin-menu-bar-button{height:46px}header .flex-item.actions vaadin-select{padding:0}header .flex-item.actions vaadin-select::part(input-field){height:46px}.feature-item h3{color:#4C5FF2}.hook{font-size:1.2em;line-height:1.5em;padding:0 2em}.rich-text{font-size:1em;padding:0 2em}.history-about{background:var(--gradient-history);min-height:344px}.promo{background-color:var(--color-promo);border-top:20px solid var(--border-promo);min-height:274px;color:#ffffff}.promo p{font-size:1.5em;line-height:1.7em}.site-footer a:link{font-size:1em}.site-footer{background-color:var(--color-footer);min-height:288px}.site-footer .flex-item{height:3em;background-repeat:no-repeat;background-position:center;background-size:auto}footer.site-footer .link div.flex-item{padding:0;margin:2em 0 0 0;text-align:center}footer.site-footer .credit{text-align:center;line-height:1em}.article{display:flex;flex-direction:column}.article .header-info{background:#EBE8DE;background-image:url("images/illu-bg.png");background-repeat:no-repeat;background-size:contain;min-height:auto}.article .header-info .item-container{display:flex;flex-direction:row;width:90%;gap:10%;margin:0 auto}.article .header-info .title{flex:1}.title h2{margin-top:0}.article .header-info vaadin-details{flex:0}.article .header-info vaadin-details[opened]{flex:3}.article .section{flex:1}.article .content .bread-trail{flex:0}.article .content vaadin-split-layout{flex:1}.article vaadin-text-field.search{padding:0}.article vaadin-text-field.search::part(input-field){height:46px}.bread-trail vaadin-button{--_button-size:1.5em;font-size:0.9em}@media only screen and (max-width:600px){body{border:10px solid red}}@media (orientation:portrait){}@media (orientation:landscape){}@media only screen and (min-width:601px) and (max-width:768px){body{border:10px solid green}}@media only screen and (min-width:769px) and (max-width:992px){body{border:10px solid blue}}@media only screen and (min-width:993px) and (max-width:1200px){body{border:0px solid yellow}}@media only screen and (min-width:1201px){body{border:0px solid purple}}