@layer utility, app;@layer app{.global-nav{position:relative;width:100%;height:3.2rem;z-index:200;background:var(--color-white);padding:var(--spacing-xsmall) 0;border-bottom:1px solid var(--color-black-rgba-1);display:grid;grid-template-columns:var(--global-nav-columns);> .site{display:flex;gap:var(--spacing-small);flex-direction:row;padding:0 0 0 var(--spacing-side);align-items:center;> span{flex-basis:3rem;flex-grow:0;> img{width:100%;height:auto;}}> h1{font-weight:var(--font-weight-heavy);font-size:var(--font-size-medium);color:var(--color-black-rgba-6);flex-grow:1;}button{appearance:none;background:none;border:none;cursor:pointer;outline:none;flex-basis:24px;padding-right:var(--spacing-xsmall);border-right:1px solid var(--color-black-rgba-1);svg{width:1.5rem;height:1.5rem;}}}> search{display:none;padding-left:20%;> input{background:var(--color-black-rgba-02);border:1px solid var(--color-black-rgba-02);}}> .user{display:none;padding:0 var(--spacing-side);> nav > ul{display:flex;gap:var(--spacing-small);align-items:center;li{position:relative;svg{width:18px;height:18pxpx;}}}}@media all and (min-width:768px){> search{display:flex;}> .user{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:var(--spacing-xlarge);}}}.blur{filter:blur(0.8px);transition:all 0.02s var(--cubic-bezier);}.dropdown + dialog{position:absolute;top:115%;left:calc(100% - 16rem);width:16rem;background:var(--color-white);box-shadow:var(--shadow-elevation-low);border:1px solid var(--color-black-rgba-1);border-radius:var(--border-radius);padding:var(--spacing-xsmall);z-index:10;&.notifications{width:24rem;left:calc(100% - 24rem);> ul{padding:var(--spacing-small) var(--spacing-xsmall);}}header{padding:var(--spacing-xsmall);border-bottom:1px solid var(--color-black-rgba-1);}menu{display:flex;flex-direction:column;gap:0;li{width:100%;}li > button,li > a{appearance:none;font-family:inherit;outline:none;background:none;border:none;width:100%;padding:var(--spacing-xsmall);color:var(--color-dark-blue);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all 0.2s var(--cubic-bezier);text-decoration:none;font-size:var(--font-size-small);svg{width:16px;height:16px;}svg path{stroke:var(--color-dark-blue);}&:hover{color:var(--color-dark-blue-rgba-8);background:var(--color-dark-blue-rgba-03);svg path{stroke:var(--color-dark-blue-rgba-8);}}}div{display:none;padding:var(--spacing-small);flex-direction:column;gap:var(--spacing-xsmall);background:var(--color-dark-blue-rgba-1);&.active{display:flex;}.button{justify-content:center;}}li:not(:last-child){border-bottom:1px solid var(--color-black-rgba-1);}}}.app{display:flex;flex-direction:column;}.app-page{margin:0 auto;width:100%;padding:0 0 var(--spacing-xsmall);}.data-table-toolbar-wrapper{display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-small);padding:var(--spacing-small) var(--spacing-side);border-bottom:1px solid var(--color-black-rgba-1);overflow:visible;> div:first-child{flex-grow:2;}> div{display:flex;gap:var(--spacing-medium);flex-grow:0;position:relative;}}.data-table-wrapper{position:relative;overflow:visible;min-height:20rem;}.data-table{width:100%;border-collapse:collapse;padding-bottom:calc(var(--spacing-xlarge) * 3);thead{border-bottom:1px solid var(--color-black-rgba-2);padding:0;th{text-align:left;font-weight:var(--font-weight-medium);color:var(--color-black-rgba-9);font-size:var(--font-size-small);padding:var(--spacing-xsmall) var(--spacing-small);background:var(--color-dark-blue-rgba-02);&:first-child{padding:0 0 0 var(--spacing-side);}&:last-child{padding:0 var(--spacing-side) 0 0;}}}td{padding:var(--spacing-xsmall) var(--spacing-small);background:var(--color-white);color:var(--color-black-rgba-8);&:first-child{padding:0 0 0 var(--spacing-side);}&:last-child{padding:0 var(--spacing-side) 0 0;}a{color:var(--color-dark-blue);text-decoration:none;font-weight:var(--font-weight-bold);}> figure{display:flex;flex-direction:column;gap:0.26rem;}b{font-weight:var(--font-weight-medium);}}tr:not(:last-child){border-bottom:1px solid var(--color-black-rgba-1);}tr:hover td,tr:has(input[type="checkbox"]:checked) td{background:var(--color-dark-blue-rgba-05);}}.data-table-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xsmall) var(--spacing-side) var(--spacing-small);background:var(--color-white);width:100%;box-shadow:0 -6px 12px -6px var(--color-black-rgba-1);> nav{display:flex;gap:var(--spacing-small);}span{font-size:var(--font-size-small);color:var(--color-black-rgba-6);}}.tag{font-size:var(--font-size-xsmall);background:var(--color-black-rgba-05);border:0.4rem;border-radius:var(--border-radius);padding:var(--spacing-xsmall);font-weight:var(--font-weight-medium);white-space:nowrap;}@media all and (min-width:768px){.app-wrapper{display:grid;grid-template-columns:1fr;gap:0;}}.app-header{display:flex;position:absolute;left:0;width:var(--header-width);top:var(--spacing-top);height:100vh;z-index:900;padding:var(--spacing-xsmall) var(--spacing-side);flex-direction:column;background:var(--header-background);transition:transform 0.24s var(--cubic-bezier),box-shadow 0.1s var(--cubic-bezier);transform:translateX(-100%);&.active{transform:translateX(0);box-shadow:var(--shadow-elevation-medium);@media all and (min-width:768px){position:fixed;}}}.app-header-nav{display:flex;flex-direction:column;margin:var(--spacing-medium) 0 0 0;gap:0;height:100%;padding-bottom:calc(2 * var(--spacing-xlarge));overflow-y:auto;.nav-group-name{color:var(--color-black-rgba-4);font-size:var(--font-size-small);padding-left:0.2rem;font-weight:var(--font-weight-medium);}li:has(.nav-group-name){margin-top:var(--spacing-large);margin-bottom:0.26rem;}a{padding:calc(var(--spacing-small) / 1.8) var(--spacing-xsmall);text-decoration:none;border-radius:var(--border-radius);font-size:var(--font-size-medium);line-height:1;color:var(--color-black-rgba-7);width:100%;display:flex;gap:calc(var(--spacing-small) / 1.2);align-items:center;&:hover{background:var(--color-dark-blue-rgba-03);}&.active{color:var(--color-dark-blue);font-weight:var(--font-weight-medium);svg path{stroke:var(--color-dark-blue);}}svg{width:18px;height:auto;}}}main{width:100%;position:relative;z-index:100;}.page-header{padding:var(--spacing-small) var(--spacing-side);display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--color-black-rgba-1);button.back{text-decoration:none;cursor:pointer;display:block;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xsmall);padding-left:var(--spacing-small);color:var(--primary-color);border:none;background:url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.5303%205.46967C10.8232%205.76256%2010.8232%206.23744%2010.5303%206.53033L5.81066%2011.25H20C20.4142%2011.25%2020.75%2011.5858%2020.75%2012C20.75%2012.4142%2020.4142%2012.75%2020%2012.75H5.81066L10.5303%2017.4697C10.8232%2017.7626%2010.8232%2018.2374%2010.5303%2018.5303C10.2374%2018.8232%209.76256%2018.8232%209.46967%2018.5303L3.46967%2012.5303C3.17678%2012.2374%203.17678%2011.7626%203.46967%2011.4697L9.46967%205.46967C9.76256%205.17678%2010.2374%205.17678%2010.5303%205.46967Z%22%20fill%3D%22%230f76d7%22%2F%3E%0A%3C%2Fsvg%3E")no-repeat left center;&:hover{text-decoration:underline;}}h2{flex-basis:50%;font-size:var(--font-size-xlarge);}> nav{justify-self:flex-end;display:flex;flex-direction:row;justify-content:space-around;gap:var(--spacing-small);display:none;@media all and (min-width:768px){display:flex;}a{width:auto;flex-basis:auto;flex-grow:0;}}}.stats{display:flex;flex-direction:row;padding:0 0 var(--spacing-medium) 0;gap:var(--spacing-medium);overflow-x:scroll;scrollbar-width:none;li{display:flex;flex-direction:column;padding:var(--spacing-xsmall) 0;gap:var(--spacing-xsmall);font-size:var(--font-size-small);flex-basis:auto;min-width:fit-content;text-wrap:no-wrap;span:has(svg){display:flex;align-items:center;gap:var(--spacing-xsmall);}svg{width:16px;height:16px;}.sync-false path{fill:var(--color-orange);}&:not(:last-child){padding-right:var(--spacing-medium);border-right:1px solid var(--color-black-rgba-1);}span:first-child{color:var(--color-black-rgba-4);}}}.page-tabs{display:flex;gap:var(--spacing-small);padding:var(--spacing-xsmall) calc(var(--spacing-medium) * 0.8);border-bottom:1px solid var(--color-black-rgba-1);overflow-x:scroll;scrollbar-width:none;li{cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color-black-rgba-7);padding:var(--spacing-xsmall);border-radius:var(--border-radius);font-size:var(--font-size-medium);}li:hover{background:var(--color-dark-blue-rgba-05);}li.active{color:var(--color-dark-blue);}}.tab{display:none;&.active{display:block;}}.tab header,.dashboard header,.form-wrapper header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-xsmall);padding:var(--spacing-small) 0 var(--spacing-small) 0;border-bottom:1px solid var(--color-black-rgba-1);h3{font-size:var(--font-size-medium);}p{color:var(--color-black-rgba-4);}}.dashboard{padding:var(--spacing-medium) var(--spacing-side);.container{padding:var(--spacing-medium) 0;gap:calc(var(--spacing-xlarge) * 2);}.card{background:var(--color-white);padding:var(--spacing-medium);border-radius:var(--border-radius);box-shadow:var(--shadow-elevation-low);border:1px solid var(--color-black-rgba-1);display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--spacing-large);h4{grid-column:span 4;font-size:var(--font-size-medium);color:var(--color-black-rgba-8);font-weight:var(--font-weight-medium);padding-bottom:var(--spacing-small);border-bottom:1px solid var(--color-black-rgba-1);}}h4{font-weight:var(--font-weight-medium);font-size:var(--font-size-regular);color:var(--color-black-rgba-7);}.stat{display:flex;flex-direction:column;gap:var(--spacing-xsmall);span{font-size:var(--font-size-small);}p{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--color-dark-blue);}}.chart{grid-column:span 4;padding:var(--spacing-medium) 0;min-height:200px;display:flex;align-items:center;}.legend{grid-column:span 4;display:flex;flex-direction:column;gap:var(--spacing-xsmall);> div{display:flex;justify-content:space-between;padding:var(--spacing-small) 0;border-bottom:1px solid var(--color-black-rgba-1);span:last-child{font-weight:var(--font-weight-medium);}}}@media (max-width:768px){.card{grid-template-columns:repeat(2, 1fr);.stat{grid-column:span 2;}}}.empty-state{display:flex;justify-content:center;align-items:center;padding:var(--spacing-large);width:100%;min-height:120px;p{color:var(--color-black-rgba-4);font-size:var(--font-size-medium);text-align:center;}}.data-table td.empty-state{text-align:center;color:var(--color-black-rgba-4);padding:var(--spacing-large);background:var(--color-black-rgba-01);}}.bar-chart{width:100%;height:2rem;background:var(--color-black-rgba-05);border-radius:var(--border-radius);overflow:hidden;display:flex;> div:first-child{background:var(--color-dark-blue);transition:width 0.3s ease;}> div:last-child{background:var(--color-dark-blue-rgba-3);transition:width 0.3s ease;}}.form-wrapper{padding:var(--spacing-small) var(--spacing-side);}.form-group{background:var(--color-white-rgba-1);padding:var(--spacing-medium);border-radius:var(--border-radius);}.form{padding:var(--spacing-small) 0 var(--spacing-medium) 0;&.meta{padding:var(--spacing-xsmall) 0 var(--spacing-medium) 0;font-size:90%;}label{&:not(.button){display:grid;gap:var(--spacing-xsmall);position:relative;}span{display:flex;}span:first-child{color:var(--color-black-rgba-8);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);}&:has(textarea) span{align-items:flex-start;padding-top:0.26rem;}.button-wrapper{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:var(--spacing-small);padding:var(--spacing-xsmall) 0;}&:has(span + .button-wrapper) > .button-wrapper{padding:0;}}+ .variation{border-bottom:1px solid var(--color-black-rgba-1);}header{display:flex;flex-direction:column;gap:var(--spacing-small);}.file-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-small);& > label{max-width:min-content;text-wrap:nowrap;}}}ul.select-list{display:flex;flex-direction:column;width:100%;label{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-medium);padding:var(--spacing-small) 0;input{width:1.5rem;height:1.5rem;}}li{&:not(:last-child){border-bottom:1px solid var(--color-black-rgba-1);}span{justify-content:flex-start;}}}.grid-span-2{grid-column:span 2;}div.sortable{background:var(--color-white);border:2px dashed var(--color-black-rgba-2);display:flex;flex-flow:row wrap;border-radius:var(--border-radius);justify-content:left;min-height:9.375rem;.handle{padding:var(--spacing-large);position:relative;a{position:absolute;color:var(--color-orange);right:var(--spacing-medium);top:var(--spacing-medium);text-decoration:none;}img{max-height:9.375rem;max-width:9.375rem;border:1px solid var(--color-black-rgba-2);}}}.data-conversion-task{display:none;}.toggle-switch{position:relative;display:inline-block;width:3.8rem;height:2.26rem;> input[type="checkbox"]{display:none;&:checked + .slider{background-color:var(--color-dark-blue);}&:checked + .slider:before{transform:translateX(1.62rem);}}> .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-black-rgba-1);border:1px solid var(--color-black-rgba-2);box-shadow:0 0 3px var(--color-black-rgba-3) inset;border-radius:34px;&:before{position:absolute;content:"";height:2rem;width:2rem;left:0rem;bottom:0.07rem;background-color:var(--color-white);border-radius:50%;transition:transform 0.3s var(--cubic-bezier),background-color 0.3s var(--cubic-bezier);}}}.loader{position:fixed;top:0;left:0;display:none;justify-content:center;align-items:center;z-index:999;width:100%;height:100%;transition:display 0.2s var(--cubic-bezier);.spinner{border:1rem solid var(--color-white);border-radius:50%;border-top:1rem solid var(--color-dark-blue);width:7.5rem;height:7.5rem;animation:spin 2s linear infinite;}}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}#pos{display:grid;grid-template-columns:9fr 3fr;height:100%;}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-small) var(--spacing-side);border-bottom:1px solid var(--color-black-rgba-1);gap:var(--spacing-small);position:relative;.search{display:flex;flex-direction:row;gap:var(--spacing-xsmall);flex-basis:50%;flex-grow:1;position:relative;}&.customer{background:var(--color-black-rgba-01);.selected-customer{padding:0 var(--spacing-small) 0 0;flex-basis:30%;}}}#posCheckout{border-left:1px solid var(--color-black-rgba-1);background:var(--color-dark-blue-rgba-01);.cart-totals{display:flex;flex-direction:column;gap:var(--spacing-small);padding:var(--spacing-medium);.totals{display:flex;flex-direction:column;justify-content:space-between;> div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-medium);padding:var(--spacing-small) 0;transition:all 0.2s var(--cubic-bezier);&:not(:last-child){border-bottom:1px solid var(--color-black-rgba-1);}}}> div{display:flex;justify-content:space-between;}}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeOut{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(-10px);}}.cart-wrapper{header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-small) var(--spacing-side);border-bottom:1px solid var(--color-black-rgba-1);p{font-weight:var(--font-weight-medium);}}.cart{overflow-y:scroll;height:calc(100vh - 20rem);position:relative;}.item{padding:var(--spacing-medium) var(--spacing-side);display:grid;gap:var(--spacing-medium);grid-template-columns:2rem 5fr 2fr 1fr;&:not(:last-child){border-bottom:1px solid var(--color-black-rgba-1);}&.empty-cart-message p{grid-column:span 10;}> div{display:flex;flex-direction:column;justify-content:center;gap:calc(var(--spacing-xsmall) / 2);}.qty{align-items:center;flex-direction:row;gap:var(--spacing-xsmall);input{text-align:center;appearance:none;--webkit-appearance:none;max-width:4rem;}}.qty-button{padding:var(--spacing-xsmall);svg{stroke:var(--color-black-rgba-7);}}.price{align-items:flex-end;}}}.search-results{display:flex;position:absolute;top:2.8rem;left:0;flex-direction:column;max-height:0;opacity:0;overflow:hidden;background:var(--color-white);z-index:500;width:100%;border-radius:var(--border-radius);box-shadow:0 0 8px var(--color-black-rgba-2);transition:max-height var(--cubic-bezier), opacity var(--cubic-bezier);header{padding:var(--spacing-xsmall) var(--spacing-small);border-bottom:1px solid var(--color-black-rgba-1);font-size:var(--font-size-small);color:var(--color-black-rgba-8);display:flex;justify-content:space-between;flex-direction:row;align-items:center;> img{width:16px;height:16px;}}&.active{max-height:30vh;opacity:1;}.search-results-list{display:flex;flex-direction:column;overflow-y:scroll;}.search-result-item{padding:var(--spacing-small) var(--spacing-small);display:grid;grid-template-columns:10fr auto auto;gap:var(--spacing-large);grid-template-areas:a b c d;&:last-child{grid-area:d;}&:not(:last-child){border-bottom:1px solid var(--color-black-rgba-1);}}}.highlighted{background-color:var(--color-yellow-rgba-1);}.number-pad{margin-top:var(--spacing-medium);display:flex;gap:var(--spacing-xsmall);flex-direction:column;.container{gap:var(--spacing-xsmall);button{grid-column:span 4;}}}.number-button{appearance:none;-webkit-appearance:none;border:none;background:var(--color-green);color:#fff;padding:var(--spacing-medium) 0;border-radius:var(--border-radius);font-size:var(--font-size-xlarge);font-weight:var(--font-weight-heavy);cursor:pointer;&.quick-amount-button{background:var(--color-dark-blue-rgba-8);}}.login-form{display:flex;width:100%;min-height:100vh;justify-content:center;align-items:center;background:var(--color-grey);.form{display:flex;flex-direction:column;gap:var(--spacing-small);background:var(--color-white);width:100%;min-width:30rem;max-width:34rem;border:1px solid var(--color-black-rgba-1);border-radius:var(--border-radius);padding:var(--spacing-xlarge) var(--spacing-large);box-shadow:var(--shadow-elevation-medium);margin-top:4rem;> div{display:flex;flex-direction:column;gap:var(--spacing-small);}}.logo{text-align:center;img{max-width:14rem;height:auto;margin:0 auto;}}h1{font-size:var(--font-size-large);font-weight:var(--font-weight-medium);}}.message{display:flex;flex-direction:column;margin:var(--spacing-small) 0;gap:var(--spacing-small);padding:var(--spacing-small);border-radius:var(--border-radius);background:var(--color-green-rgba-5);p{line-height:1.5;font-size:var(--font-size-small);font-weight:var(--font-weight-bold);}}}.notification{position:absolute;top:4rem;right:2rem;min-width:30rem;max-width:min(90vw, 40rem);background:var(--color-black-rgba-4);border-radius:var(--border-radius);box-shadow:var(--shadow-elevation-low);padding:var(--spacing-small) var(--spacing-medium);display:flex;flex-direction:row;gap:var(--spacing-small);z-index:1000;align-items:center;transition:all 0.2s var(--cubic-bezier);opacity:0.95;&.notification--success{background-color:var(--color-green);padding-left:2rem;color:#fff;font-weight:600;&::before{content:"";width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7.5 12 3 3 6-6m5.5 3c0 5.5228-4.4772 10-10 10-5.52285 0-10-4.4772-10-10C2 6.47715 6.47715 2 12 2c5.5228 0 10 4.47715 10 10Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}}&.notification--error{background-color:var(--color-orange);padding-left:2rem;color:#fff;font-weight:600;&::before{content:"";width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22800%22 height=%22800%22 fill=%22none%22 viewBox=%220 0 24 24%22%3E%3Cpath stroke=%22%23fff%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%222%22 d=%22M12 8v4m0 4h.01M22 12c0 5.5228-4.4772 10-10 10-5.52285 0-10-4.4772-10-10C2 6.47715 6.47715 2 12 2c5.5228 0 10 4.47715 10 10Z%22/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}}}.alert{display:flex;border-radius:var(--border-radius);padding:var(--spacing-small) var(--spacing-small);background:var(--color-orange);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-medium);}.fade-in{animation:fadeIn 0.4s var(--cubic-bezier);}.fade-out{animation:fadeOut 0.4s var(--cubic-bezier);}.custom-select-container{position:relative;width:100%;}.custom-select-input{width:100%;padding:0 var(--spacing-small);border:1px solid #ccc;height:2.26rem;border-radius:var(--border-radius);background-color:#fff;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23333333' fill-rule='evenodd' d='M4.43057 8.51192c.26957-.31449.74304-.35092 1.05754-.08135L12 14.0122l6.5119-5.58163c.3145-.26956.788-.23314 1.0576.08135.2695.3145.2331.78797-.0814 1.05754l-7 6.00004c-.2809.2407-.6953.2407-.9762 0L4.51192 9.56946c-.31449-.26957-.35092-.74305-.08135-1.05754Z' clip-rule='evenodd'/%3E%3C/svg%3E")var(--color-white) no-repeat right var(--spacing-small) center;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:4px;}.custom-select-input .selected-item{background-color:var(--color-dark-blue-rgba-05);padding:3px 8px;border-radius:var(--border-radius);font-size:16px;display:inline-flex;align-items:center;}.custom-select-input .remove-item{background:none;border:none;color:#999;font-size:16px;cursor:pointer;padding:0 0 0 4px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;}.selected-item:hover{color:#333;background-color:var(--color-black-rgba-1);& > .remove-item{color:var(--color-orange);}}.custom-select-input .placeholder{color:#999;line-height:1;}.custom-select-dropdown{position:absolute;top:105%;left:0;right:0;background-color:white;border:1px solid #ccc;max-height:200px;overflow-y:auto;z-index:1000;border-radius:var(--border-radius);box-shadow:var(--shadow-elevation-low);transition:opacity 0.3s ease-out;opacity:0;display:none;}.custom-select-dropdown.visible{display:block;}.custom-select-dropdown.fade-in{opacity:1;}.custom-select-dropdown.fade-out{opacity:0;}.custom-select-search{width:100%;padding:8px 12px;border:none;border-bottom:1px solid #eee;border-radius:0;}.custom-select-option{padding:8px 12px;}.custom-select-option:hover{background-color:var(--color-dark-blue-rgba-05);}.custom-select-option label{display:flex;align-items:center;cursor:pointer;}.custom-select-option input[type="checkbox"],.custom-select-option input[type="radio"]{margin-right:8px;pointer-events:none;}.custom-select-option-text{flex-grow:1;}.no-results-message{padding:8px 12px;color:#999;font-style:italic;}.tooltip{position:relative;display:inline-flex;align-items:center;cursor:help;padding-right:20px;}.tooltip::before{content:'';position:absolute;right:0;top:60%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 16V12' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8H12.01' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;}.tooltip::after{content:attr(data-tooltip);position:absolute;bottom:90%;right:0;background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;white-space:wrap;max-width:min(300px, 40vw);opacity:0;visibility:hidden;transition:opacity 0.3s, visibility 0.3s;z-index:1;}.tooltip:hover::after{opacity:1;visibility:visible;}.toast-container{position:fixed;z-index:9999;}.toast-top-right{top:20px;right:20px;}.toast{background-color:#333;color:#fff;padding:var(--spacing-small);border-radius:var(--border-radius);margin-bottom:var(--spacing-small);opacity:0;transition:opacity 0.3s ease-in-out;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-small);font-weight:var(--font-weight-bold);}.toast.show{opacity:1;}.toast-success{background-color:var(--color-green);}.toast-error{background-color:#dc3545;}.toast-warning{background-color:#ffc107;color:#333;}.toast-info{background-color:#17a2b8;}.toast-close{cursor:pointer;background:none;border:none;color:inherit;font-size:18px;}.loading-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.8);display:flex;justify-content:center;align-items:center;z-index:9999;}.spinner{width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}#app-modal{position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 0.2s ease;z-index:1000;}.modal-overlay.fade-in{opacity:1;}.modal-header{padding:var(--spacing-small) var(--spacing-large);border-bottom:1px solid var(--color-black-rgba-1);background:var(--color-dark-blue);color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:move;h3{pointer-events:none;}}.modal-content{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-elevation-high);max-width:90%;max-height:90%;overflow:auto;position:relative;transition:transform 0.2s ease, opacity 0.2s ease;transform:scale(0.9);opacity:0;z-index:1001;align-self:center;padding:var(--spacing-large);}.modal-content.fade-in{transform:scale(1);opacity:1;}.modal-close{position:absolute;top:var(--spacing-xlarge);right:var(--spacing-xlarge);font-size:4rem;color:#ffffff;background:none;border:none;cursor:pointer;z-index:1002;}.modal-small{width:300px;}.modal-medium{width:500px;}.modal-large{width:800px;}.modal-center{}.modal-top{align-items:flex-start;padding-top:50px;}.modal-bottom{align-items:flex-end;padding-bottom:50px;}.modal-overlay.fade-out{opacity:0;}.modal-content.fade-out{transform:scale(0.9);opacity:0;}.error-message{color:#ff0000;font-size:0.9em;margin-top:5px;}body.modal-open{overflow:hidden;}.modal-actions{display:flex;gap:var(--spacing-small);justify-content:flex-end;margin-top:var(--spacing-large);}.image-upload-container{border:2px dashed var(--color-black-rgba-2);padding:var(--spacing-medium);border-radius:var(--border-radius);margin-top:0.5rem;}.image-preview-container{display:flex;gap:var(--spacing-small);margin-bottom:var(--spacing-medium);flex-wrap:wrap;}.image-preview{position:relative;width:100px;height:100px;border-radius:var(--border-radius);overflow:hidden;}.image-preview img{width:100%;height:100%;object-fit:cover;}.image-preview .remove-image{position:absolute;top:var(--spacing-xsmall);right:var(--spacing-xsmall);background:var(--color-white);border:1px solid var(--color-black-rgba-2);border-radius:50%;padding:4px;cursor:pointer;box-shadow:var(--shadow-elevation-low);display:flex;align-items:center;justify-content:center;}.image-preview .remove-image:hover{background:var(--color-black-rgba-05);}.image-preview .remove-image svg{width:16px;height:16px;stroke:var(--color-orange);}.upload-controls{display:flex;justify-content:center;}.schedule-list{display:flex;flex-direction:column;gap:var(--spacing-small);margin-bottom:var(--spacing-medium);}.schedule-item{display:flex;align-items:center;gap:var(--spacing-small);}.schedule-item input[type="date"]{flex:1;}.schedule-item .button.danger{padding:var(--spacing-xsmall);height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;}.schedule-item .button.danger svg{width:1rem;height:1rem;}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--spacing-small);}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xsmall);} :root{--grid-columns:12;--color-black:hsl(0, 0%, 0%);--color-white:hsl(0, 0%, 100%);--color-dark-blue:hwb(213 6% 16%);--color-dark-blue-hex:#2d3e99;--color-yellow:hsl(54, 86%, 81%);--color-green:hsl(150, 22%, 63%);--color-orange:hsl(22, 98%, 49%);--color-grey:#fef9ff;--color-light:hsl(240, 1%, 86%);--color-dark-grey:#66999b;--color-dark:hsl(24, 14%, 7%);--primary-color:#2d3e99;--light-color:#f8f4e3;--cubic-bezier:cubic-bezier(0.5, -0.53, 0.14, 1.23);--color-black-rgba-01:hsla(0, 0%, 0%, 0.01);--color-black-rgba-02:hsla(0, 0%, 0%, 0.02);--color-black-rgba-05:hsla(0, 0%, 0%, 0.05);--color-black-rgba-1:hsla(0, 0%, 0%, 0.1);--color-black-rgba-2:hsla(0, 0%, 0%, 0.2);--color-black-rgba-3:hsla(0, 0%, 0%, 0.3);--color-black-rgba-4:hsla(0, 0%, 0%, 0.4);--color-black-rgba-5:hsla(0, 0%, 0%, 0.5);--color-black-rgba-6:hsla(0, 0%, 0%, 0.6);--color-black-rgba-7:hsla(0, 0%, 0%, 0.7);--color-black-rgba-8:hsla(0, 0%, 0%, 0.8);--color-black-rgba-9:hsla(0, 0%, 0%, 0.9);--color-white-rgba-1:hsla(0, 0%, 100%, 0.1);--color-white-rgba-2:hsla(0, 0%, 100%, 0.2);--color-white-rgba-3:hsla(0, 0%, 100%, 0.3);--color-white-rgba-4:hsla(0, 0%, 100%, 0.4);--color-white-rgba-5:hsla(0, 0%, 100%, 0.5);--color-white-rgba-6:hsla(0, 0%, 100%, 0.6);--color-white-rgba-7:hsla(0, 0%, 100%, 0.7);--color-white-rgba-8:hsla(0, 0%, 100%, 0.8);--color-white-rgba-9:hsla(0, 0%, 100%, 0.9);--color-dark-blue-rgba-01:hsla(213, 87%, 45%, 0.01);--color-dark-blue-rgba-02:hsla(213, 87%, 45%, 0.02);--color-dark-blue-rgba-03:hsla(213, 87%, 45%, 0.03);--color-dark-blue-rgba-04:hsla(213, 87%, 45%, 0.04);--color-dark-blue-rgba-05:hsla(213, 87%, 45%, 0.05);--color-dark-blue-rgba-1:hsla(213, 87%, 45%, 0.1);--color-dark-blue-rgba-2:hsla(213, 87%, 45%, 0.2);--color-dark-blue-rgba-3:hsla(213, 87%, 45%, 0.3);--color-dark-blue-rgba-4:hsla(213, 87%, 45%, 0.4);--color-dark-blue-rgba-5:hsla(213, 87%, 45%, 0.5);--color-dark-blue-rgba-6:hsla(213, 87%, 45%, 0.6);--color-dark-blue-rgba-7:hsla(213, 87%, 45%, 0.7);--color-dark-blue-rgba-8:hsla(213, 87%, 45%, 0.8);--color-dark-blue-rgba-9:hsla(213, 87%, 45%, 0.9);--color-yellow-rgba-1:hsla(54, 86%, 81%, 0.1);--color-yellow-rgba-2:hsla(54, 86%, 81%, 0.2);--color-yellow-rgba-3:hsla(54, 86%, 81%, 0.3);--color-yellow-rgba-4:hsla(54, 86%, 81%, 0.4);--color-yellow-rgba-5:hsla(54, 86%, 81%, 0.5);--color-yellow-rgba-6:hsla(54, 86%, 81%, 0.6);--color-yellow-rgba-7:hsla(54, 86%, 81%, 0.7);--color-yellow-rgba-8:hsla(54, 86%, 81%, 0.8);--color-yellow-rgba-9:hsla(54, 86%, 81%, 0.9);--color-green-rgba-1:hsla(150, 22%, 63%, 0.1);--color-green-rgba-2:hsla(150, 22%, 63%, 0.2);--color-green-rgba-3:hsla(150, 22%, 63%, 0.3);--color-green-rgba-4:hsla(150, 22%, 63%, 0.4);--color-green-rgba-5:hsla(150, 22%, 63%, 0.5);--color-green-rgba-6:hsla(150, 22%, 63%, 0.6);--color-green-rgba-7:hsla(150, 22%, 63%, 0.7);--color-green-rgba-8:hsla(150, 22%, 63%, 0.8);--color-green-rgba-9:hsla(150, 22%, 63%, 0.9);--color-orange-rgba-1:hsla(28, 87%, 53%, 0.1);--color-orange-rgba-2:hsla(28, 87%, 53%, 0.2);--color-orange-rgba-3:hsla(28, 87%, 53%, 0.3);--color-orange-rgba-4:hsla(28, 87%, 53%, 0.4);--color-orange-rgba-5:hsla(28, 87%, 53%, 0.5);--color-orange-rgba-6:hsla(28, 87%, 53%, 0.6);--color-orange-rgba-7:hsla(28, 87%, 53%, 0.7);--color-orange-rgba-8:hsla(28, 87%, 53%, 0.8);--color-orange-rgba-9:hsla(28, 87%, 53%, 0.9);--font-family-system:system-ui, sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:600;--font-weight-heavy:800;--font-size-xsmall:0.75rem;--font-size-small:0.875rem;--font-size-medium:1rem;--font-size-large:1.5rem;--font-size-xlarge:1.5rem;--spacing-xsmall:0.46rem;--spacing-small:0.66rem;--spacing-medium:1.46rem;--spacing-large:2rem;--spacing-xlarge:3rem;--spacing-side:1rem;--border-radius:0.5rem;--box-shadow:0px 1px 1px 0px var(--color-black-rgba-3);--header-width:100vw;--header-background:var(--color-grey);--margin-top:16rem;--global-nav-columns:1fr;--app-page-height:calc(100vh - var(--margin-top));--flex-direction:column;--shadow-color:0deg 0% 0%;--shadow-elevation-low:0.6px 0.6px 1px hsl(var(--shadow-color) / 0.1),1.1px 1.1px 1.8px -1.2px hsl(var(--shadow-color) / 0.1),2.6px 2.6px 4.2px -2.3px hsl(var(--shadow-color) / 0.1);--shadow-elevation-medium:0.6px 0.6px 1px hsl(var(--shadow-color) / 0.1),2.2px 2.2px 3.6px -0.8px hsl(var(--shadow-color) / 0.1),5.4px 5.4px 8.8px -1.5px hsl(var(--shadow-color) / 0.1),12.9px 12.9px 21.1px -2.3px hsl(var(--shadow-color) / 0.1);--shadow-elevation-high:0.6px 0.6px 1px hsl(var(--shadow-color) / 0.1),4.5px 4.5px 7.4px -0.4px hsl(var(--shadow-color) / 0.1),8.7px 8.7px 14.2px -0.8px hsl(var(--shadow-color) / 0.1),15px 15px 24.5px -1.2px hsl(var(--shadow-color) / 0.1),25.1px 25.2px 41.1px -1.5px hsl(var(--shadow-color) / 0.1),40.9px 41px 66.9px -1.9px hsl(var(--shadow-color) / 0.1),64.1px 64.3px 104.9px -2.3px hsl(var(--shadow-color) / 0.1);}@media all and (min-width:768px){:root{--header-background:var(--color-grey);--margin-top:16rem;--global-nav-columns:3fr 6fr 3fr;--spacing-side:2rem;--flex-direction:row;--spacing-xsmall:0.46rem;--spacing-small:0.96rem;--spacing-medium:1.86rem;--header-width:26vw;}}@layer utility{*,*::before,*::after{box-sizing:border-box;list-style:none;margin:0;padding:0;}html{scroll-behavior:smooth;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body{font-family:var(--font-family-system);background:var(--color-white);font-size:var(--font-size-medium);font-weight:var(--font-weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;&.no-scroll{overflow:hidden;}}a,a:link,a:active{color:var(--color-dark-blue-rgba-9);text-decoration:none;font-weight:var(--font-weight-medium);transition:all 0.35s var(--cubic-bezier);&:hover{text-decoration:underline;}}.text-small{font-size:var(--font-size-small);line-height:1.5;}.text-xsmall{font-size:var(--font-size-xsmall);}.text-medium{font-size:var(--font-size-medium);font-variation-settings:"wght" 500;}.text-large{font-size:var(--font-size-large);}.text-xlarge{font-size:var(--font-size-xlarge);}.flex{display:flex;flex-direction:column;}.gap-xsmall{gap:var(--spacing-xsmall);}.gap-small{gap:var(--spacing-small);}.gap-medium{gap:var(--spacing-medium);}.gap-large{gap:var(--spacing-large);}.gap-xlarge{gap:var(--spacing-xlarge);}.pad-xsmall{padding:var(--spacing-xsmall);}.pad-small{padding:var(--spacing-small);}.pad-medium{padding:var(--spacing-medium);}.pad-large{padding:var(--spacing-large);}.pad-xlarge{padding:var(--spacing-xlarge);}.text-grey{color:var(--color-black-rgba-6);}.text-grey-light{color:var(--color-black-rgba-4);}.text-weight-light{font-weight:var(--font-weight-light);}.text-weight-regular{font-weight:var(--font-weight-regular);}.text-weight-medium{font-weight:var(--font-weight-medium);}.text-weight-bold{font-weight:var(--font-weight-bold);}.text-weight-heavy{font-weight:var(--font-weight-heavy);}.text-center{text-align:center;}.text-red{color:var(--color-orange);}.text-white{color:var(--color-white);}.text-dark-grey{color:#2d848a;}.bg-white{background:var(--color-white);}.bg-light-grey{background:var(--color-grey);}:root{--grid-gap:var(--spacing-small);--grid-columns:12;}.container{display:grid;grid-template-columns:repeat(var(--grid-columns), 1fr);gap:var(--grid-gap);}.subgrid{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;gap:var(--grid-gap);}.col-span-1{grid-column:span 1;}.col-span-2{grid-column:span 2;}.col-span-3{grid-column:span 3;}.col-span-4{grid-column:span 4;}.col-span-5{grid-column:span 5;}.col-span-6{grid-column:span 6;}.col-span-7{grid-column:span 7;}.col-span-8{grid-column:span 8;}.col-span-9{grid-column:span 9;}.col-span-10{grid-column:span 10;}.col-span-11{grid-column:span 11;}.col-span-12{grid-column:span 12;}.col-span-13{grid-column:span 13;}.col-span-14{grid-column:span 14;}.col-span-15{grid-column:span 15;}.col-span-16{grid-column:span 16;}.col-offset-1{grid-column-start:span 1;}.col-offset-2{grid-column-start:span 2;}.col-offset-3{grid-column-start:span 3;}.col-offset-4{grid-column-start:span 4;}.col-offset-5{grid-column-start:span 5;}.col-offset-6{grid-column-start:span 6;}.col-offset-7{grid-column-start:span 7;}.col-offset-8{grid-column-start:span 8;}.col-offset-9{grid-column-start:span 9;}.col-offset-10{grid-column-start:span 10;}.col-offset-11{grid-column-start:span 11;}.col-offset-12{grid-column-start:span 12;}.col-offset-13{grid-column-start:span 13;}.col-offset-14{grid-column-start:span 14;}.col-offset-15{grid-column-start:span 15;}.col-offset-16{grid-column-start:span 16;}.grid-start-1{grid-column-start:1;}.grid-start-2{grid-column-start:2;}.grid-start-3{grid-column-start:3;}.grid-start-4{grid-column-start:4;}.grid-start-5{grid-column-start:5;}.grid-start-6{grid-column-start:6;}.grid-start-7{grid-column-start:7;}.grid-start-8{grid-column-start:8;}.grid-start-9{grid-column-start:9;}.grid-start-10{grid-column-start:10;}.grid-start-11{grid-column-start:11;}.grid-start-12{grid-column-start:12;}.grid-span-1{grid-column:span 1;}.grid-span-2{grid-column:span 2;}.grid-span-3{grid-column:span 3;}.grid-span-4{grid-column:span 4;}.grid-span-5{grid-column:span 5;}.grid-span-6{grid-column:span 6;}.grid-span-7{grid-column:span 7;}.grid-span-8{grid-column:span 8;}.grid-span-9{grid-column:span 9;}.grid-span-10{grid-column:span 10;}.grid-span-11{grid-column:span 11;}.grid-span-12{grid-column:span 12;}.grid-1-span-1{grid-column:1 / span 1;}.grid-1-span-2{grid-column:1 / span 2;}.grid-1-span-3{grid-column:1 / span 3;}.grid-1-span-4{grid-column:1 / span 4;}.grid-1-span-5{grid-column:1 / span 5;}.grid-1-span-6{grid-column:1 / span 6;}.grid-1-span-7{grid-column:1 / span 7;}.grid-1-span-8{grid-column:1 / span 8;}.grid-1-span-9{grid-column:1 / span 9;}.grid-1-span-10{grid-column:1 / span 10;}.grid-1-span-11{grid-column:1 / span 11;}.grid-1-span-12{grid-column:1 / span 12;}.grid-2-span-1{grid-column:2 / span 1;}.grid-2-span-2{grid-column:2 / span 2;}.grid-2-span-3{grid-column:2 / span 3;}.grid-2-span-4{grid-column:2 / span 4;}.grid-2-span-5{grid-column:2 / span 5;}.grid-2-span-6{grid-column:2 / span 6;}.grid-2-span-7{grid-column:2 / span 7;}.grid-2-span-8{grid-column:2 / span 8;}.grid-2-span-9{grid-column:2 / span 9;}.grid-2-span-10{grid-column:2 / span 10;}.grid-2-span-11{grid-column:2 / span 11;}.grid-2-span-12{grid-column:2 / span 12;}.grid-3-span-1{grid-column:3 / span 1;}.grid-3-span-2{grid-column:3 / span 2;}.grid-3-span-3{grid-column:3 / span 3;}.grid-3-span-4{grid-column:3 / span 4;}.grid-3-span-5{grid-column:3 / span 5;}.grid-3-span-6{grid-column:3 / span 6;}.grid-3-span-7{grid-column:3 / span 7;}.grid-3-span-8{grid-column:3 / span 8;}.grid-3-span-9{grid-column:3 / span 9;}.grid-3-span-10{grid-column:3 / span 10;}.grid-3-span-11{grid-column:3 / span 11;}.grid-3-span-12{grid-column:3 / span 12;}.grid-4-span-1{grid-column:4 / span 1;}.grid-4-span-2{grid-column:4 / span 2;}.grid-4-span-3{grid-column:4 / span 3;}.grid-4-span-4{grid-column:4 / span 4;}.grid-4-span-5{grid-column:4 / span 5;}.grid-4-span-6{grid-column:4 / span 6;}.grid-4-span-7{grid-column:4 / span 7;}.grid-4-span-8{grid-column:4 / span 8;}.grid-4-span-9{grid-column:4 / span 9;}.grid-4-span-10{grid-column:4 / span 10;}.grid-4-span-11{grid-column:4 / span 11;}.grid-4-span-12{grid-column:4 / span 12;}.grid-5-span-1{grid-column:5 / span 1;}.grid-5-span-2{grid-column:5 / span 2;}.grid-5-span-3{grid-column:5 / span 3;}.grid-5-span-4{grid-column:5 / span 4;}.grid-5-span-5{grid-column:5 / span 5;}.grid-5-span-6{grid-column:5 / span 6;}.grid-5-span-7{grid-column:5 / span 7;}.grid-5-span-8{grid-column:5 / span 8;}.grid-5-span-9{grid-column:5 / span 9;}.grid-5-span-10{grid-column:5 / span 10;}.grid-5-span-11{grid-column:5 / span 11;}.grid-5-span-12{grid-column:5 / span 12;}.grid-6-span-1{grid-column:6 / span 1;}.grid-6-span-2{grid-column:6 / span 2;}.grid-6-span-3{grid-column:6 / span 3;}.grid-6-span-4{grid-column:6 / span 4;}.grid-6-span-5{grid-column:6 / span 5;}.grid-6-span-6{grid-column:6 / span 6;}.grid-6-span-7{grid-column:6 / span 7;}.grid-6-span-8{grid-column:6 / span 8;}.grid-6-span-9{grid-column:6 / span 9;}.grid-6-span-10{grid-column:6 / span 10;}.grid-6-span-11{grid-column:6 / span 11;}.grid-6-span-12{grid-column:6 / span 12;}.grid-7-span-1{grid-column:7 / span 1;}.grid-7-span-2{grid-column:7 / span 2;}.grid-7-span-3{grid-column:7 / span 3;}.grid-7-span-4{grid-column:7 / span 4;}.grid-7-span-5{grid-column:7 / span 5;}.grid-7-span-6{grid-column:7 / span 6;}.grid-7-span-7{grid-column:7 / span 7;}.grid-7-span-8{grid-column:7 / span 8;}.grid-7-span-9{grid-column:7 / span 9;}.grid-7-span-10{grid-column:7 / span 10;}.grid-7-span-11{grid-column:7 / span 11;}.grid-7-span-12{grid-column:7 / span 12;}.grid-8-span-1{grid-column:8 / span 1;}.grid-8-span-2{grid-column:8 / span 2;}.grid-8-span-3{grid-column:8 / span 3;}.grid-8-span-4{grid-column:8 / span 4;}.grid-8-span-5{grid-column:8 / span 5;}.grid-8-span-6{grid-column:8 / span 6;}.grid-8-span-7{grid-column:8 / span 7;}.grid-8-span-8{grid-column:8 / span 8;}.grid-8-span-9{grid-column:8 / span 9;}.grid-8-span-10{grid-column:8 / span 10;}.grid-8-span-11{grid-column:8 / span 11;}.grid-8-span-12{grid-column:8 / span 12;}.grid-9-span-1{grid-column:9 / span 1;}.grid-9-span-2{grid-column:9 / span 2;}.grid-9-span-3{grid-column:9 / span 3;}.grid-9-span-4{grid-column:9 / span 4;}.grid-9-span-5{grid-column:9 / span 5;}.grid-9-span-6{grid-column:9 / span 6;}.grid-9-span-7{grid-column:9 / span 7;}.grid-9-span-8{grid-column:9 / span 8;}.grid-9-span-9{grid-column:9 / span 9;}.grid-9-span-10{grid-column:9 / span 10;}.grid-9-span-11{grid-column:9 / span 11;}.grid-9-span-12{grid-column:9 / span 12;}.grid-10-span-1{grid-column:10 / span 1;}.grid-10-span-2{grid-column:10 / span 2;}.grid-10-span-3{grid-column:10 / span 3;}.grid-10-span-4{grid-column:10 / span 4;}.grid-10-span-5{grid-column:10 / span 5;}.grid-10-span-6{grid-column:10 / span 6;}.grid-10-span-7{grid-column:10 / span 7;}.grid-10-span-8{grid-column:10 / span 8;}.grid-10-span-9{grid-column:10 / span 9;}.grid-10-span-10{grid-column:10 / span 10;}.grid-10-span-11{grid-column:10 / span 11;}.grid-10-span-12{grid-column:10 / span 12;}.grid-11-span-1{grid-column:11 / span 1;}.grid-11-span-2{grid-column:11 / span 2;}.grid-11-span-3{grid-column:11 / span 3;}.grid-11-span-4{grid-column:11 / span 4;}.grid-11-span-5{grid-column:11 / span 5;}.grid-11-span-6{grid-column:11 / span 6;}.grid-11-span-7{grid-column:11 / span 7;}.grid-11-span-8{grid-column:11 / span 8;}.grid-11-span-9{grid-column:11 / span 9;}.grid-11-span-10{grid-column:11 / span 10;}.grid-11-span-11{grid-column:11 / span 11;}.grid-11-span-12{grid-column:11 / span 12;}.grid-12-span-1{grid-column:12 / span 1;}.grid-12-span-2{grid-column:12 / span 2;}.grid-12-span-3{grid-column:12 / span 3;}.grid-12-span-4{grid-column:12 / span 4;}.grid-12-span-5{grid-column:12 / span 5;}.grid-12-span-6{grid-column:12 / span 6;}.grid-12-span-7{grid-column:12 / span 7;}.grid-12-span-8{grid-column:12 / span 8;}.grid-12-span-9{grid-column:12 / span 9;}.grid-12-span-10{grid-column:12 / span 10;}.grid-12-span-11{grid-column:12 / span 11;}.grid-12-span-12{grid-column:12 / span 12;}@media (max-width:1400px){.col-span-xl-1{grid-column:span 1;}.col-span-xl-2{grid-column:span 2;}.col-span-xl-3{grid-column:span 3;}.col-span-xl-4{grid-column:span 4;}.col-span-xl-5{grid-column:span 5;}.col-span-xl-6{grid-column:span 6;}.col-span-xl-7{grid-column:span 7;}.col-span-xl-8{grid-column:span 8;}.col-span-xl-9{grid-column:span 9;}.col-span-xl-10{grid-column:span 10;}.col-span-xl-11{grid-column:span 11;}.col-span-xl-12{grid-column:span 12;}.col-span-xl-13{grid-column:span 13;}.col-span-xl-14{grid-column:span 14;}.col-span-xl-15{grid-column:span 15;}.col-span-xl-16{grid-column:span 16;}}@media (max-width:1200px){.col-span-lg-1{grid-column:span 1;}.col-span-lg-2{grid-column:span 2;}.col-span-lg-3{grid-column:span 3;}.col-span-lg-4{grid-column:span 4;}.col-span-lg-5{grid-column:span 5;}.col-span-lg-6{grid-column:span 6;}.col-span-lg-7{grid-column:span 7;}.col-span-lg-8{grid-column:span 8;}.col-span-lg-9{grid-column:span 9;}.col-span-lg-10{grid-column:span 10;}.col-span-lg-11{grid-column:span 11;}.col-span-lg-12{grid-column:span 12;}.col-span-lg-13{grid-column:span 13;}.col-span-lg-14{grid-column:span 14;}.col-span-lg-15{grid-column:span 15;}.col-span-lg-16{grid-column:span 16;}}@media (max-width:992px){.col-span-md-1{grid-column:span 1;}.col-span-md-2{grid-column:span 2;}.col-span-md-3{grid-column:span 3;}.col-span-md-4{grid-column:span 4;}.col-span-md-5{grid-column:span 5;}.col-span-md-6{grid-column:span 6;}.col-span-md-7{grid-column:span 7;}.col-span-md-8{grid-column:span 8;}}@media (max-width:768px){.col-span-sm-1{grid-column:span 1;}.col-span-sm-2{grid-column:span 2;}.col-span-sm-3{grid-column:span 3;}.col-span-sm-4{grid-column:span 4;}}@media (max-width:576px){.col-span-xs-1{grid-column:span 1;}.col-span-xs-2{grid-column:span 2;}}.flex{display:flex;}.flex-inline{display:inline-flex;}.flex-row{flex-direction:row;}.flex-row-reverse{flex-direction:row-reverse;}.flex-column{flex-direction:column;}.flex-column-reverse{flex-direction:column-reverse;}.flex-wrap{flex-wrap:wrap;}.flex-wrap-reverse{flex-wrap:wrap-reverse;}.flex-nowrap{flex-wrap:nowrap;}.justify-start{justify-content:flex-start;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.justify-around{justify-content:space-around;}.justify-evenly{justify-content:space-evenly;}.items-start{align-items:flex-start;}.items-end{align-items:flex-end;}.items-center{align-items:center;}.items-baseline{align-items:baseline;}.items-stretch{align-items:stretch;}.content-start{align-content:flex-start;}.content-end{align-content:flex-end;}.content-center{align-content:center;}.content-between{align-content:space-between;}.content-around{align-content:space-around;}.content-evenly{align-content:space-evenly;}.grow-0{flex-grow:0;}.grow-1{flex-grow:1;}.shrink-0{flex-shrink:0;}.shrink-1{flex-shrink:1;}.basis-auto{flex-basis:auto;}.basis-0{flex-basis:0;}.self-auto{align-self:auto;}.self-start{align-self:flex-start;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-baseline{align-self:baseline;}.self-stretch{align-self:stretch;}.order-1{order:1;}.order-2{order:2;}.order-3{order:3;}.order-4{order:4;}.order-5{order:5;}.order-6{order:6;}.order-7{order:7;}.order-8{order:8;}.order-9{order:9;}.order-10{order:10;}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="url"],input[type="tel"],input[type="search"],input[type="color"],textarea,select{appearance:none;outline:none;background-color:var(--color-white);border:1px solid var(--color-black-rgba-2);border-radius:var(--border-radius);padding:0 var(--spacing-small);width:100%;height:2.26rem;font-weight:var(--font-weight-regular);transition:all 0.2s var(--cubic-bezier);font-family:var(--font-family-system);font-size:var(--font-size-medium);&:focus{border-color:var(--color-dark-blue);}&:hover{border:1px solid var(--color-black-rgba-4);}option{color:var(--color-black-rgba-9);}option:first-child{color:var(--color-black-rgba-3);}&[multiple="true"]{height:16rem;}}input[type="checkbox"],input[type="radio"]{appearance:none;outline:none;width:1rem;height:1rem;border:1px solid var(--color-black-rgba-2);border-radius:calc(var(--border-radius) / 2);box-shadow:var(--shadow-elevation-low);&:checked{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")var(--color-dark-blue);border-color:var(--color-dark-blue);}}select:not([multiple]){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23333333' fill-rule='evenodd' d='M4.43057 8.51192c.26957-.31449.74304-.35092 1.05754-.08135L12 14.0122l6.5119-5.58163c.3145-.26956.788-.23314 1.0576.08135.2695.3145.2331.78797-.0814 1.05754l-7 6.00004c-.2809.2407-.6953.2407-.9762 0L4.51192 9.56946c-.31449-.26957-.35092-.74305-.08135-1.05754Z' clip-rule='evenodd'/%3E%3C/svg%3E")var(--color-white) no-repeat right var(--spacing-small) center;cursor:pointer;padding-right:var(--spacing-xlarge);}textarea{height:6rem;padding:var(--spacing-xsmall) var(--spacing-small);}.button{appearance:none;outline:none;border-radius:var(--border-radius);padding:var(--spacing-xsmall) var(--spacing-small);display:inline-flex;align-items:center;cursor:pointer;background:var(--color-white);border:1px solid var(--color-black-rgba-2);text-decoration:none;color:var(--color-black-rgba-7);font-weight:var(--font-weight-bold);gap:var(--spacing-xsmall);box-shadow:var(--box-shadow);transition:all 0.35s var(--cubic-bezier);font-family:inherit;font-size:var(--font-size-small);height:2.26rem;svg,img{width:16px;height:auto;pointer-events:none;}svg path{stroke:var(--color-black-rgba-7);}&:hover,&.active{border:1px solid var(--color-black-rgba-4);}&.filter{color:var(--color-black-rgba-9);}&.primary{background:var(--color-dark-blue);border-color:var(--color-dark-blue);color:var(--color-white);&:hover{background:var(--color-dark-blue-rgba-8);border-color:var(--color-dark-blue-rgba-8);}svg path{stroke:var(--color-white);}}&.secondary{background:var(--color-black-rgba-6);border-color:var(--color-black-rgba-2);color:var(--color-white);&:hover{background:var(--color-black-rgba-9);}}&.empty{background:none;border:1px solid var(--color-dark-blue-rgba-8);color:var(--color-dark-blue-rgba-8);&.white{border:1px solid var(--color-white);color:var(--color-white);& > svg{path{stroke:var(--color-white);}}}&:hover{background:#fff;color:var(--color-dark-blue);border:1px solid var(--color-dark-blue);transition:all 0.35s var(--cubic-bezier);text-transform:none;& > svg{transition:all 0.35s var(--cubic-bezier);path{stroke:var(--color-dark-blue);}}}& > svg{path{stroke:var(--color-dark-blue-rgba-8);}}}&.dropdown:not(.circle){padding-right:var(--spacing-xlarge);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23333333' fill-rule='evenodd' d='M4.43057 8.51192c.26957-.31449.74304-.35092 1.05754-.08135L12 14.0122l6.5119-5.58163c.3145-.26956.788-.23314 1.0576.08135.2695.3145.2331.78797-.0814 1.05754l-7 6.00004c-.2809.2407-.6953.2407-.9762 0L4.51192 9.56946c-.31449-.26957-.35092-.74305-.08135-1.05754Z' clip-rule='evenodd'/%3E%3C/svg%3E")no-repeat right var(--spacing-small) center;}&.circle{border-radius:50%;height:auto;line-height:1;padding:0.4rem 0.6rem;}&.invisible{padding:var(--spacing-xsmall);border:none;background:none;box-shadow:none;&:hover,&.active{background:var(--color-dark-blue-rgba-05);border:none;}&.active > svg path{stroke:var(--color-dark-blue);}}&:focus-visible{border:1px solid var(--color-dark-blue);}}}.hidden{display:none;}