.btn{cursor:pointer;border:1px solid;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:10px;font-size:medium;display:flex}.btn.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-primary)}.btn.btn-primary:hover{background-color:color-mix(in srgb, var(--primary-color), #fff 10%)}.btn.btn-secondary{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--text-primary)}.btn.btn-secondary:hover{background-color:color-mix(in srgb, var(--secondary-color), #fff 10%)}.btn.btn-success{background-color:var(--success-color);border-color:var(--success-color);color:var(--text-primary)}.btn.btn-success:hover{background-color:color-mix(in srgb, var(--success-color), #fff 10%)}.btn.btn-warning{background-color:var(--warn-color);border-color:var(--warn-color);color:var(--text-primary)}.btn.btn-warning:hover{background-color:color-mix(in srgb, var(--warn-color), #fff 20%)}.btn.btn-danger{background-color:var(--error-color);border-color:var(--error-color);color:var(--text-primary)}.btn.btn-danger:hover{background-color:color-mix(in srgb, var(--error-color), #fff 10%)}.btn.btn-cancel{background-color:var(--cancel-color);border-color:var(--cancel-color);color:var(--text-primary)}.btn.btn-cancel:hover{background-color:color-mix(in srgb, var(--cancel-color), #fff 10%)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.rounded{border-radius:50%}.btn .loader{aspect-ratio:1;background:#535353;width:10px;margin-left:10px;animation:2.5s linear infinite alternate l8-0;position:relative}.btn .loader:before{content:"";transform-origin:0 0;background:#fff;animation:.5s infinite alternate l8-1;position:absolute;inset:0;transform:translate(100%)}@keyframes l8-0{0%,19.9%,80%,to{transform:scale(1)}20%,39.9%{transform:scaleX(-1)}40%,59.9%{transform:scale(-1)}60%,79.9%{transform:scaleY(-1)}}@keyframes l8-1{0%,20%{transform:translate(100%)rotate(0)}80%,to{transform:translate(100%)rotate(-180deg)}}.card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#3f3a3a26;border-radius:20px;padding:10px;box-shadow:0 8px 32px #0003}.carousel-container{justify-content:center;align-items:center;width:100%;display:flex}.carousel-container .carousel-btn{cursor:pointer;color:var(--text-color);background-color:#555;border:none;justify-content:center;align-items:center;padding:5px;display:flex;top:50%}.carousel-container .carousel-btn.btn-left{left:0}.carousel-container .carousel-btn.btn-right{right:0}.carousel-container .carousel-btn:hover{opacity:1}.carousel-container .carousel-btn:disabled{opacity:0}.carousel-container .list-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;scroll-snap-type:inline mandatory;flex-wrap:nowrap;width:100%;display:flex;overflow-x:auto}.carousel-container .list-container .item-wrapper{scroll-snap-align:start;flex:none;justify-content:center;width:100%;margin-block:15px;display:flex}.toast-confirm{background-color:var(--confirm-toat-bg-color);border-radius:8px;flex-direction:column;gap:5px;padding:8px 10px;display:flex}.toast-confirm .toast-footer{justify-content:space-between;display:flex}.error{color:var(--error-color);padding-top:3px;display:block}.input-wrapper{width:100%;display:inline-block;position:relative}.input-wrapper .input{padding-right:1.5rem}.input-wrapper .clear-button{cursor:pointer;color:#ccc;background:0 0;border:none;align-items:center;height:100%;font-size:1rem;display:flex;position:absolute;top:0;right:.5rem}.input-wrapper .clear-button>svg{fill:currentColor;stroke:currentColor;stroke-width:0;line-height:1;display:inline-block}.input-wrapper .clear-button:hover{color:#999}.input{appearance:none;background-clip:padding-box;background-color:var(--bs-body-background);border:1px solid var(--bs-border-color);color:var(--bs-body-color);border-radius:.375em;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.input:focus{outline-color:initial;outline-style:initial;border-color:#86b7fe;outline-width:0;box-shadow:0 0 0 .25rem #0d6efd40}.input.invalid{border-color:var(--error-color)}.input:-webkit-autofill{-webkit-text-fill-color:var(--bs-body-color);-webkit-box-shadow:0 0 0px 1000px var(--bs-body-background) inset;caret-color:var(--bs-body-color);transition:background-color 5000s ease-in-out}.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--bs-body-color);-webkit-box-shadow:0 0 0px 1000px var(--bs-body-background) inset;caret-color:var(--bs-body-color);transition:background-color 5000s ease-in-out}.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--bs-body-color);-webkit-box-shadow:0 0 0px 1000px var(--bs-body-background) inset;caret-color:var(--bs-body-color);transition:background-color 5000s ease-in-out}.password{position:relative}.password>input::-ms-reveal{display:none}.password>input::-ms-clear{display:none}.password>button{cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password>button>svg{color:var(--bs-body-color)}.switch{align-items:center;gap:.5em;width:fit-content;display:flex}.switch .switch-input{vertical-align:top;appearance:none;background-color:var(--switch-bg-color);border:1px solid var(--switch-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact;background-repeat:no-repeat;background-size:contain;background-image:var(--switch-bgimage-color);background-position:0;border-radius:2em;width:2em;height:1em;transition:background-position .15s ease-in-out}.switch .switch-input:focus{background-image:var(--switch-focus-bgimage-color);border-color:var(--switch-focus-border-color);box-shadow:0 0 0 .25rem var(--switch-focus-boxShadow-color);outline:0}.switch .switch-input:checked{background-position:100%;background-image:var(--switch-active-bgimage-color);background-color:var(--switch-active-bg-color);border-color:var(--switch-active-border-color)}.modal-overlay{z-index:1;background-color:#0000001a;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:15px;width:clamp(250px,100%,500px);max-width:500px;animation:.3s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 10px 25px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.select{background-color:var(--bs-body-background);border:1px solid var(--bs-border-color);color:var(--bs-body-color);border-radius:.375em;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.select:focus{outline-color:initial;outline-style:initial;border-color:#86b7fe;outline-width:0;box-shadow:0 0 0 .25rem #0d6efd40}.select.invalid{border-color:var(--error-color)}.select:-webkit-autofill{-webkit-text-fill-color:var(--bs-body-color);-webkit-box-shadow:0 0 0px 1000px var(--bs-body-background) inset;caret-color:var(--bs-body-color);transition:background-color 5000s ease-in-out}.select:-webkit-autofill:hover{-webkit-text-fill-color:var(--bs-body-color);-webkit-box-shadow:0 0 0px 1000px var(--bs-body-background) inset;caret-color:var(--bs-body-color);transition:background-color 5000s ease-in-out}.select:-webkit-autofill:focus{-webkit-text-fill-color:var(--bs-body-color);-webkit-box-shadow:0 0 0px 1000px var(--bs-body-background) inset;caret-color:var(--bs-body-color);transition:background-color 5000s ease-in-out}.select option:not(:checked){background-color:var(--bs-body-background)}.select option:hover,.select option:checked{background-color:var(--primary-color);color:var(--text-primary)}.side-container{height:var(--max-height);position:relative;overflow:hidden}.side-container .sidebar{height:100%;transition:transform .25s ease-in-out;display:flex;position:absolute;top:0;right:0;overflow-x:hidden;transform:translate(100%)}.side-container .sidebar.--open{width:fit-content;transform:translate(0)}.tab-header{background-color:var(--secondary-color);justify-content:space-between;align-items:stretch;height:40px;display:flex}.tab-header .tab-header-item-container{flex-wrap:nowrap;display:flex;overflow:hidden}.tab-header .tab-header-item-container .tab-header-item{color:var(--background);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-color:#0000;border:none;border-right:.125rem solid #fff6;flex-grow:1;flex-shrink:1;min-width:40px;height:100%;padding:0 1.2em;overflow:hidden}.tab-header .tab-header-item-container .tab-header-item.selected{background-color:var(--background);color:var(--text-primary)}.tab-header .right-side{justify-content:center;align-items:center;display:flex}.react-select-tag-container .react-select__control{background-color:var(--bs-body-background);border:1px solid var(--bs-border-color);border-radius:.375em}.react-select-tag-container .react-select__control .react-select__value-container .react-select__multi-value{background-color:var(--select-multi-value-color);border-radius:20px;margin:5px;padding:2px 4px}.react-select-tag-container .react-select__control .react-select__value-container .react-select__multi-value .react-select__multi-value__label{color:var(--text-primary)}.react-select-tag-container .react-select__control .react-select__value-container .react-select__multi-value .react-select__multi-value__remove:hover{color:var(--text-primary);background-color:color-mix(in srgb, var(--primary-color), #fff 50%);border-radius:50%}.react-select-tag-container .react-select__control .react-select__value-container .react-select__input-container,.react-select-tag-container .react-select__control .react-select__indicators{color:var(--text-primary)}.react-select-tag-container .react-select__control--is-focused{box-shadow:var(--bs--focus-box-shadow);border-color:var(--bs--focus-border-color)!important}.react-select-tag-container .react-select__control--is-focused .react-select__indicators .react-select__indicator-separator{background-color:#464545}.react-select-tag-container .react-select__control:hover{border-color:var(--bs-border-color)}.react-select-tag-container .react-select__menu{background-color:var(--bs-body-background)}.react-select-tag-container .react-select__menu .react-select__menu-list .react-select__option--is-focused{background-color:var(--select-option--hover)}.react-select-tag-container .react-select__menu .react-select__menu-list .react-select__option--is-disabled{color:var(--cancel-color)}.react-select-tag-container.invalid .react-select__control{border-color:var(--error-color)}.react-select-tag-container.invalid .react-select__control--is-focused{border-color:var(--error-color)!important}.react-select-tag-container.invalid .react-select__control:hover{border-color:var(--error-color)}.vertical-timeline-container{height:100%;overflow:hidden auto}.vertical-timeline{width:100%;min-height:fit-content;margin:0 auto;padding:2em 5%;position:relative}.vertical-timeline:after{content:"";clear:both;display:table}.vertical-timeline:before{content:"";background:var(--line-color);width:4px;height:100%;position:absolute;top:0;left:calc(5% + 18px)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (width>=1170px){.vertical-timeline.vertical-timeline--two-columns:before{margin-left:-2px;left:50%}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";clear:both;display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (width>=1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;width:40px;height:40px;position:absolute;top:0;left:0}.vertical-timeline-element-icon.shadow-size-small{box-shadow:0 0 0 2px #fff,inset 0 1px #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{box-shadow:0 0 0 3px #fff,inset 0 2px #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:block;position:relative;top:50%;left:50%}@media only screen and (width>=1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;margin-left:-30px;left:50%}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;animation:.6s cd-bounce-1}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.vertical-timeline-element-content{background:var(--timeline-element-content-color);box-shadow:0 3px 0 var(--primary-color);border-radius:.25em;margin-left:60px;padding:1em;position:relative}.vertical-timeline-element-content ul{margin:0;padding-left:1em}.vertical-timeline-element-content ul li{margin:0;padding:0}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{box-shadow:none;background:0 0}.vertical-timeline-element-content:after{content:"";clear:both;display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content p,.vertical-timeline-element-content .vertical-timeline-element-date{font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{content:"";border:7px solid #0000;border-right:7px solid var(--primary-color);width:0;height:0;position:absolute;top:16px;right:100%}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";top:16px;right:unset;border:7px solid #0000;border-left-color:#fff;width:0;height:0;position:absolute;left:100%}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:unset;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content:before,.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (width>=768px){.vertical-timeline-element-content h2{font-size:1.25rem}.vertical-timeline-element-content p{font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:.875rem}}@media only screen and (width>=1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{width:44%;margin-left:0;padding:1.5em}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{width:100%;font-size:1rem;position:absolute;top:6px;left:124%}.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date{text-align:right;left:auto;right:124%}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;animation:.6s cd-bounce-2}@media only screen and (width>=1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in{animation:.6s cd-bounce-2-inverse}}@media only screen and (width<=1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;animation:.6s cd-bounce-2-inverse}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translate(-100px)}60%{opacity:1;-webkit-transform:translate(20px)}to{-webkit-transform:translate(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translate(-100px)}60%{opacity:1;-moz-transform:translate(20px)}to{-moz-transform:translate(0)}}@keyframes cd-bounce-2{0%{opacity:0;transform:translate(-100px)}60%{opacity:1;transform:translate(20px)}to{transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translate(100px)}60%{opacity:1;-webkit-transform:translate(-20px)}to{-webkit-transform:translate(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translate(100px)}60%{opacity:1;-moz-transform:translate(-20px)}to{-moz-transform:translate(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;transform:translate(100px)}60%{opacity:1;transform:translate(-20px)}to{transform:translate(0)}}.timer{justify-content:center;align-items:end;gap:5px;display:flex}.accordion .accordion-item{border:1px solid var(--accordion-border-color);border-bottom:0}.accordion .accordion-item:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.accordion .accordion-item:last-child{border-bottom:1px solid var(--accordion-border-color);border-bottom-right-radius:5px;border-bottom-left-radius:5px}.accordion .accordion-item .accordion-header .accordion-button{cursor:pointer;justify-content:space-between;align-items:center;padding:5px;display:flex}.accordion .accordion-item .accordion-header .accordion-button .accordion-icon{background-color:var(--background);transition:transform .25s ease-out;animation-iteration-count:infinite;transform:rotate(180deg)}.accordion .accordion-item .accordion-header .accordion-button.collapsed .accordion-icon{transition:transform .25s ease-out;transform:rotate(0)}.accordion .accordion-item .accordion-body{grid-template-rows:1fr;transition:grid-template-rows .25s ease-out;display:grid}.accordion .accordion-item .accordion-body.collapsed{grid-template-rows:0fr}.accordion .accordion-item .accordion-body .accordion-body-inner{margin:5px;overflow:hidden}.blade-view{scroll-snap-type:inline mandatory;width:100%;height:100%;display:flex;overflow:auto hidden}.blade-view .blade-item{scroll-snap-align:start;flex-direction:column;min-width:50%;display:flex}.blade-view .blade-item--maximize{min-width:100%}.blade-view .blade-item .blade-item-header{height:var(--header-height);background-color:var(--blade-item-header-bg-color);justify-content:space-between;align-items:stretch;gap:5px;display:flex}.blade-view .blade-item .blade-item-header span{margin-block:auto;color:var(--blade-item-header-title);margin-left:5px}.blade-view .blade-item .blade-item-header .blade-item-header-button-container{display:flex}.blade-view .blade-item .blade-item-header .blade-item-header-button-container .maximize-btn,.blade-view .blade-item .blade-item-header .blade-item-header-button-container .close-btn{width:var(--header-height);height:var(--header-height);cursor:pointer;border:none}.blade-view .blade-item .blade-item-header .blade-item-header-button-container .maximize-btn{background-color:var(--blade-item-header--maximize-bg-btn);color:var(--text-primary)}.blade-view .blade-item .blade-item-header .blade-item-header-button-container .maximize-btn:active{background-color:var(--blade-item-header--maximize-bg-btn--active)}.blade-view .blade-item .blade-item-header .blade-item-header-button-container .close-btn{background-color:var(--blade-item-header--close-bg-btn);color:var(--text-primary)}.blade-view .blade-item .blade-item-header .blade-item-header-button-container .close-btn:active{background-color:var(--blade-item-header--close-bg-btn--active)}.blade-view .blade-item .blade-content-container{overflow-y:none}.login-page{height:100%;display:flex}.login-page .login-container{flex-direction:column;justify-content:center;gap:10px;min-width:100dvw;padding:15px;display:flex}.login-page .login-container .create-account-link{color:var(--primary-color)}@media screen and (width>=500px){.login-container{border-right:1px solid var(--primary-color);width:clamp(500px,100%,25dvw)!important;min-width:500px!important}.about{flex-direction:column;width:100%;height:100%;margin:auto;display:flex}.about .title{text-align:center;margin:25px;font-size:clamp(20px,2vw,40px)}}.not-found-page{background:linear-gradient(#ffffff14 0%,#ffffff1f 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.not-found-card{background:var(--bs-body-background);text-align:center;border:1px solid #ffffff14;border-radius:1.5rem;width:100%;max-width:520px;padding:3rem 2rem;box-shadow:0 28px 70px #0000002e}.not-found-hero{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:inline-flex}.not-found-icon{color:var(--error-color);font-size:2.5rem}.not-found-code{color:var(--text-primary);font-size:clamp(3rem,5vw,6rem);font-weight:900}.not-found-title{color:var(--text-primary);margin:0;font-size:2rem;font-weight:700}.not-found-message{max-width:36rem;color:var(--text-secondary);margin:1rem auto 2rem;line-height:1.75}.not-found-button{background:var(--primary-color);color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;gap:.75rem;padding:.95rem 1.75rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.not-found-button:hover{background:var(--secondary-color);transform:translateY(-1px)}.shell{height:100%}.shell .version{visibility:hidden;opacity:0;white-space:nowrap;justify-content:center;font-size:10px;display:flex;overflow:hidden}.shell--pinned{display:flex}.shell--pinned .menu{min-width:var(--menu-width-open)}.shell--pinned .menu .version{visibility:visible;opacity:.5;transition:opacity .5s ease-in-out}.shell--pinned .outlet{width:100%;height:100%}.shell--flyout{position:relative}.shell--flyout .menu{z-index:1;width:var(--menu-width);transition:var(--menu-transition);position:fixed}.shell--flyout .menu .pin-button{visibility:collapse}.shell--flyout .menu .title{width:0%;transition:width var(--menu-width-open);white-space:nowrap;text-overflow:clip;margin:0;overflow:hidden}.shell--flyout .menu:not(:hover) .nav-link,.shell--flyout .menu:not(:hover) .menu-footer-item{border-radius:5px}.shell--flyout .menu:hover{width:var(--menu-width-open);transition:var(--menu-transition)}.shell--flyout .menu:hover .title{width:100%}.shell--flyout .menu:hover .pin-button{visibility:visible}.shell--flyout .menu:hover .version{visibility:visible;opacity:.5;transition:opacity .5s ease-in-out}.shell--flyout .menu .pin-button{transform:rotate(45deg)}.shell--flyout .outlet{margin-left:var(--menu-width);width:calc(100% - var(--menu-width));height:100%;position:fixed}.shell .menu{border-right:1px solid var(--primary-color);background-color:var(--background);flex-direction:column;height:100%;display:flex}.shell .menu .menu-container{flex-direction:column;gap:5px;height:100%;padding:5px;display:flex}.shell .menu .pin-button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid gray;border-radius:50%;width:25px;height:25px;margin:5px;padding:5px;transition:transform 50ms ease-in-out}.shell .menu-header{justify-content:space-between;align-items:center;gap:12px;margin:15px;display:flex}.shell .menu-footer{flex-direction:column;gap:5px;margin:5px;display:flex}.shell .nav-link,.shell .menu-footer-item{border:var(--primary-color) 1px solid;color:var(--text-primary);box-shadow:0px 1px 2px var(--shadow-primary-color), 0px 0px 2px var(--shadow-secondary-color);background-color:#0000;border-radius:5px;justify-content:flex-start;align-items:center;gap:5px;padding:5px;text-decoration:none;display:flex;overflow:hidden}.shell .nav-link .icon,.shell .menu-footer-item .icon{min-width:35px;min-height:35px}.shell .nav-link span,.shell .menu-footer-item span{white-space:nowrap;width:0;font-size:18px}.shell .nav-link:hover,.shell .menu-footer-item:hover{background-color:var(--secondary-color)}.shell .nav-link:visited,.shell .menu-footer-item:visited{color:#fff}.shell .nav-link.active,.shell .menu-footer-item.active{background-color:var(--primary-color);border-top-right-radius:25px;border-bottom-right-radius:25px}.shell .nav-link.active:hover,.shell .menu-footer-item.active:hover{background-color:var(--secondary-color)}.restaurant-card{margin:15px}.restaurant-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.restaurant-header .control{flex-grow:1}.restaurant-container{max-height:var(--max-height);flex-direction:column;gap:10px;padding:10px;display:flex}.restaurant-container .add-restaurant-address{gap:5px;margin:0}.restaurant-container .restaurant-footer{gap:10px;display:flex}.restaurant-container .restaurant-footer>*{flex:1 1 0}.address-container{border:1px solid gray;border-radius:8px;grid-template-areas:"street street""postalcode empty""city country";margin:0 7px;padding:5px;display:grid}.address-container .street{grid-area:street}.address-container .postalcode{grid-area:postalcode}.address-container .city{grid-area:city}.address-container .country{grid-area:country}.share-link-container{background-color:var(--background);flex-direction:column;justify-content:center;gap:15px;padding:25px;display:flex}.share-link-container .input-container{justify-content:space-between;align-items:center;gap:15px;display:flex}.share-link-container .expire-container{background-color:var(--primary-color);border-radius:15px;align-items:flex-end;gap:5px;margin:auto;padding:15px;font-size:20px;display:flex}.card-container{background-color:var(--restaurant-card-bg-color);border-radius:10px;display:flex;overflow:hidden}.card-container.--small{flex-direction:column}.card-container{height:100%;transition:box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out,opacity .2s ease-in}.card-container .principal-info{flex-direction:column;flex:1;display:flex}.card-container .principal-info .card-header{border-bottom:var(--restaurant-card-separator);height:65%;position:relative;overflow:hidden}.card-container .principal-info .card-header .splash{width:100%}.card-container .principal-info .card-header .splash img{pointer-events:none;object-fit:contain;width:100%}.card-container .principal-info .card-header .btn-container{flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:transform .5s;display:flex;position:absolute;top:10px;right:0;transform:translate(100%)}.card-container .principal-info .card-header .btn-container .btn{opacity:0}.card-container .principal-info .card-header .btn-container .btn:hover{opacity:1}.card-container .principal-info .info{flex-direction:column;flex:auto;gap:5px;padding:16px;display:flex}.card-container .principal-info .info .title-rate{justify-content:space-between;align-items:center;display:flex}.card-container .principal-info .info .title-rate .title,.card-container .principal-info .info .title-rate .title-ref{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.card-container .principal-info .info .title-rate .title-ref{color:var(--text-primary);clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);margin-left:-.5em;padding:.5em;text-decoration:none;display:inline-block;position:relative}.card-container .principal-info .info .title-rate .title-ref:before,.card-container .principal-info .info .title-rate .title-ref:after{content:"";border-bottom:4px solid var(--primary-color);border-radius:1em;transition:transform .4s cubic-bezier(.075,.82,.165,1);position:absolute;bottom:.2em}.card-container .principal-info .info .title-rate .title-ref:before{transform-origin:0;width:1em}.card-container .principal-info .info .title-rate .title-ref:after{width:83%;left:1em;transform:translate(110%)}.card-container .principal-info .info .title-rate .title-ref:hover:before{transform:scaleX(.3)}.card-container .principal-info .info .title-rate .title-ref:hover:after{transform:translate(0)}.card-container .principal-info .info .title-rate .rate{background-color:var(--secondary-color);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;display:flex}.card-container .principal-info .info .summary{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-container .principal-info .info .summary.--full{display:flex}.card-container .principal-info .info .info-footer{flex-direction:row;justify-content:space-between;align-items:center;gap:5px;margin-top:auto;display:flex}.card-container .principal-info .info .info-footer .chips-container{flex-wrap:wrap;gap:5px;height:30px;margin-top:5px;display:flex;overflow-x:auto}.card-container .principal-info .info .info-footer .chips-container.--full{height:fit-content;overflow-x:hidden}.card-container .principal-info .info .info-footer .chips-container .chips-item{background-color:var(--primary-color);border-radius:25px;justify-content:center;align-items:center;min-width:50px;height:25px;padding:5px 10px;display:flex}.card-container .more-info{border-left:var(--restaurant-card-separator);flex:1;padding:5px;display:flex}.card-container .more-info.--hidden{display:none}.card-container .more-info.--show{display:flex}.card-container .more-info{flex-direction:column;gap:5px}.card-container .more-info .vertical-stackLayout{flex-direction:column;gap:5px;display:flex}.card-container .sub-title{color:var(--secondary-color);font-size:large;font-weight:500}.card-container .sub-content{margin-left:5px}.card-container .info-btn{padding:5px;font-size:20px}.card-container:hover{background-color:var(--restaurant-card-bg-color--hover);transform:translateY(-1px);box-shadow:0 8px 16px #0000003d}.card-container:hover .card-header .splash{transform:scale(1.01)translateZ(0)}.card-container:hover .card-header .btn-container{transform:translate(-10px)}.card-container:hover .card-header .btn-container .btn{opacity:.5}.restaurant-filter{background-color:#3b3b3b;flex-direction:column;gap:15px;max-width:250px;height:100%;padding:15px;display:flex}.restaurant-filter .header{justify-content:space-between;align-items:center;display:flex}.restaurant-filter .header .btn{width:35px;height:35px}.restaurant-filter .filter-container{flex-direction:column;flex-grow:1;gap:15px;height:100%;display:flex}.restaurant-filter .filter-container .filter-group{flex-direction:column;gap:5px;display:flex}.restaurant-filter .filter-container .note-group{justify-content:space-between;align-items:center;gap:5px;display:flex}.restaurants-container{max-height:var(--max-height);flex-wrap:wrap;gap:15px;padding:15px;display:flex;position:relative;overflow-y:auto}.restaurants-container>*{width:300px}.restaurants-container--small{max-height:var(--max-height);flex-wrap:wrap;gap:15px;padding:10px;display:flex;overflow-y:auto}.restaurants-container>.--full{width:600px}.title-bar{background-color:var(--secondary-color);justify-content:space-between;align-items:center;height:40px;padding:5px;display:flex}.title-bar .right-side{gap:5px;display:flex}.random-card-container{height:calc(100dvh - var(--header-height) * 2);place-items:center;padding:12px;display:grid;overflow-y:auto}.random-card-container>*{z-index:1;grid-area:1/1}.random-card{width:300px;height:50%;min-height:500px}.random-card--small{height:100%}.random-card.--full{width:600px}.update-password-form{background-color:var(--background);flex-direction:column;gap:15px;padding:15px;display:flex}.update-password-form .footer{justify-content:space-between;align-items:center;display:flex}.update-view{justify-content:center;display:flex}.update-view .card{width:100%;max-width:1200px;margin:15px}.update-view .update-account-container{width:100%}.update-view .update-account-container .udpate-account-form{flex-direction:column;gap:10px;margin-inline:auto;padding:10px;display:flex}.update-view .update-account-container .udpate-account-form .header{justify-content:space-between;align-items:center;display:flex}.update-view .update-account-container .udpate-account-form .update-password{margin-right:auto}.update-view .update-account-container .user-footer{gap:10px;display:flex}.update-view .update-account-container .user-footer>*{flex:1 1 0}.create-account-container{flex-direction:column;align-items:center;margin:5px;display:flex}.create-account-container h1{text-align:center}.create-account-container .create-account-form{flex-direction:column;gap:5px;width:clamp(400px,90dvw,1200px);display:flex}.accept-link-page{justify-content:center;align-items:center;height:100%;display:flex}.accept-link-page .accept-link-container{text-align:center;background-color:var(--restaurant-card-bg-color);border-radius:15px;flex-direction:column;gap:10px;width:min(100%,500px);margin:15px;padding:10px;display:flex;box-shadow:0 8px 16px #0000003d}.accept-link-page .accept-link-container .btn-container{justify-content:space-between;display:flex}.accept-link-page .accept-link-container .btn-container .btn{min-width:150px}#root{height:100%}.custom-scroll{scrollbar-gutter:stable both-edges;overflow:hidden}.custom-scroll:hover,.custom-scroll--forced{overflow-y:auto}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::-webkit-scrollbar{cursor:pointer;width:10px;height:10px}.custom-scroll--forced::-webkit-scrollbar{cursor:pointer;width:10px;height:10px}::-webkit-scrollbar-thumb{cursor:pointer;background-color:#555;border-radius:10px}.custom-scroll--forced::-webkit-scrollbar-thumb{cursor:pointer;background-color:#555;border-radius:10px}:root{--background:#1f1f1f;--text-primary:#fff;--primary-color:#512bd4;--secondary-color:#ac99ea;--text-secondary:#9880e5;--error-color:#d95955;--warn-color:#ffd000;--success-color:#00a300;--cancel-color:#6c757d;--bs-body-background:#212529;--bs-body-color:#adb5bd;--bs-border-color:#495057;--bs--focus-border-color:#86b7fe;--bs--focus-box-shadow:0 0 0 .25rem #0d6efd40;--menu-transition:width .25s ease-in-out;--menu-width-open:250px;--menu-width:56px;--header-height:40px;--shadow-primary-color:#00000024;--shadow-secondary-color:#0000001f;--switch-bg-color:#495057;--switch-border-color:transparent;--switch-bgimage-color:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");--switch-focus-border-color:transparent;--switch-focus-bgimage-color:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");--switch-focus-boxShadow-color:#0d6efd40;--switch-active-bg-color:#1e831e;--switch-active-bgimage-color:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%274%27 fill=%27%23fff%27/%3e%3c/svg%3e");--switch-active-border-color:transparent;--accordion-border-color:#495057;--blade-item-header-bg-color:var(--secondary-color);--blade-item-header-title:var(--text-primary);--blade-item-header--maximize-bg-btn:#4c4d50;--blade-item-header--maximize-bg-btn--active:#606163;--blade-item-header--close-bg-btn:#e81023;--blade-item-header--close-bg-btn--active:#982025;--table-border:1px solid var(--primary-color);--table-hover-color:#4c4d50;--table-stripped-color:#606163;--select-option--selected:var(--primary-color);--select-option--hover:#606163;--select-multi-value-color:var(--primary-color);--confirm-toat-bg-color:#4c4d50;--timeline-element-content-color:#495057;--restaurant-card-bg-color:#232428;--restaurant-card-bg-color--hover:#1e1f22;--restaurant-card-separator:1px solid #3c3c3c6c;--max-height:calc(100dvh - var(--header-height))}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--text-primary);background-color:var(--background);margin:0;font-family:Roboto,Helvetica Neue,sans-serif;overflow:hidden}