:root{color-scheme:light;interpolate-size:allow-keywords;--brand-primary:#6d7aff;--brand-primary-light:#7a86ff;--brand-primary-lighter:#939cff;--brand-primary-lightest:#b8beff;--brand-primary-dark:#5461e6;--brand-secondary:#ff6dcf;--brand-secondary-lightest:#ff93de;--brand-tertiary:#6dffdb;--brand-quaternary:#55c8ff;--brand-tertiary-lightest:#93ffea;--color-white-lightest:#fff;--color-white-lighter:#fafafa;--color-white-light:#f5f5f5;--color-white:#f0f0f0;--primary-white:#f0f0f0;--color-white-dark:#ebebeb;--color-white-darker:#e6e6e6;--color-white-darkest:#e1e1e1;--color-grey-lightest:#c8c8c8;--color-grey-lighter:#b9b9b9;--color-grey-light:#aaa;--color-grey:#969696;--color-grey-dark:#828282;--color-grey-darker:#737373;--color-grey-darkest:#646464;--color-black-ultralight:#323232;--color-black-lightest:#1e1e1e;--color-black-lighter:#191919;--color-black-light:#141414;--color-black:#0f0f0f;--color-black-dark:#0a0a0a;--color-black-darker:#050505;--color-black-darkest:#000;--accent-success:var(--brand-tertiary);--accent-warn:var(--brand-secondary);--border-radius-cards:5px;--border-radius-buttons:4px;--border-radius-inputs:3px;--border-radius-search:20px;--border-radius-100:100%;--border-radius-50:50%;--border-radius-25:25px;--border-radius-pill:25px;--transition-fast:0.25s;--transition:0.5s;--transition-slow:0.75s;--button-height-low:25px;--button-height-medium:30px;--button-height-high:45px;--button-color:#fff;--box-shadow:0 2px 4px rgba(0,0,0,.15),0 1px 5px rgba(0,0,0,.2);--box-shadow-hover:0 20px 40px rgba(0,0,0,.2),0 10px 20px rgba(0,0,0,.2);--box-shadow-bottom:0 2px 4px rgba(0,0,0,.15),0 1px 5px rgba(0,0,0,.2);--calendar-width:224px;--date-gap:2px;--date-size:calc((var(--calendar-width) - (var(--date-gap)*6))/7);--nav-height:50px;--nav-offset:var(--nav-height);--sidebar-width:264px;--media-max-width:1880px;--border-color:#d3d3d3;--table-border-color:var(--border-color);--row-hover-color:#dadbe1;--row-stripe-color:#ebebeb;--scrollbar-color:var(--border-color);--anchor-color:#000;--dialog-color:#fff;--dialog-border-color:#fff;--dialog-backdrop:rgba(0,0,0,.9);--drag-color:#fff;--drag-bg-color:rgba(109,122,255,.55);--monthly-emoji:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%236d7aff' viewBox='0 0 256 256'%3E%3Cpath d='M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m-80 136a16 16 0 1 1 16-16 16 16 0 0 1-16 16m80-88H48V48h24v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24Z'/%3E%3C/svg%3E");--annual-emoji:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%236d7aff' viewBox='0 0 256 256'%3E%3Cpath d='M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m-96 152a8 8 0 0 1-16 0v-51.06l-4.42 2.22a8 8 0 0 1-7.16-14.32l16-8A8 8 0 0 1 112 120Zm56-8a8 8 0 0 1 0 16h-32a8 8 0 0 1-6.4-12.8l28.78-38.37a8 8 0 1 0-13.31-8.83 8 8 0 1 1-13.85-8A24 24 0 0 1 176 136a23.76 23.76 0 0 1-4.84 14.45L152 176ZM48 80V48h24v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32Z'/%3E%3C/svg%3E");--prepaid-emoji:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%2350d4b3' viewBox='0 0 256 256'%3E%3Cpath d='M160 152a16 16 0 0 1-16 16h-8v-32h8a16 16 0 0 1 16 16m72-24A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-56 24a32 32 0 0 0-32-32h-8V88h4a16 16 0 0 1 16 16 8 8 0 0 0 16 0 32 32 0 0 0-32-32h-4v-8a8 8 0 0 0-16 0v8h-4a32 32 0 0 0 0 64h4v32h-8a16 16 0 0 1-16-16 8 8 0 0 0-16 0 32 32 0 0 0 32 32h8v8a8 8 0 0 0 16 0v-8h8a32 32 0 0 0 32-32m-76-48a16 16 0 0 0 16 16h4V88h-4a16 16 0 0 0-16 16'/%3E%3C/svg%3E");--product-status-active:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%236dff8d' viewBox='0 0 256 256'%3E%3Cpath d='M120 40v-8a8 8 0 0 1 16 0v8a8 8 0 0 1-16 0m8 24a64 64 0 1 0 64 64 64.07 64.07 0 0 0-64-64m-69.66 5.66a8 8 0 0 0 11.32-11.32l-8-8a8 8 0 0 0-11.32 11.32Zm0 116.68-8 8a8 8 0 0 0 11.32 11.32l8-8a8 8 0 0 0-11.32-11.32M192 72a8 8 0 0 0 5.66-2.34l8-8a8 8 0 0 0-11.32-11.32l-8 8A8 8 0 0 0 192 72m5.66 114.34a8 8 0 0 0-11.32 11.32l8 8a8 8 0 0 0 11.32-11.32ZM40 120h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16m88 88a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-8a8 8 0 0 0-8-8m96-88h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16'/%3E%3C/svg%3E");--product-status-inactive:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23E6B800' viewBox='0 0 256 256'%3E%3Cpath d='M236.8 188.09 149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19 23.51 23.51 0 0 0 .02-23.72M120 104a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm8 88a12 12 0 1 1 12-12 12 12 0 0 1-12 12'/%3E%3C/svg%3E");--watermark-color:#000}*,:after,:before{box-sizing:border-box;font-family:Hedvig Letters Sans;margin:0;padding:0}::placeholder{color:var(--brand-secondary);font-family:Gochi Hand;font-size:1rem;opacity:.7}.search-products::placeholder{font-size:1.2rem}*{scrollbar-color:var(--border-color) transparent;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:5px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}a{color:var(--anchor-color);text-decoration:none}body{overflow-y:scroll}fieldset{margin-inline:0;padding-block:0;padding-inline:0;h5{align-items:center;color:var(--brand-primary);color:var(--color-black-ultralight);color:#a995c9;color:grey;color:var(--brand-secondary);display:flex;gap:5px;justify-content:center;letter-spacing:.2ch;line-height:1;margin-bottom:10px;opacity:.6;user-select:none;&:after,&:before{content:"---"}}}ul{list-style-type:none}input{cursor:text;padding-left:5px}select{cursor:pointer}input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]{appearance:none;-moz-appearance:none}input[disabled][type=search]{caret-color:transparent;cursor:unset;pointer-events:none;user-select:none}input[disabled]:not(td input):not(.search-products),select[disabled],textarea[disabled]{background-color:var(--color-white);caret-color:transparent;cursor:unset;pointer-events:none;user-select:none}input[type=file]{display:none}input,select{background-color:inherit;border:1px solid var(--color-grey-lightest);border-radius:var(--border-radius-inputs);color:var(--color-grey-darkest);height:28px;line-height:0;margin-bottom:10px;transition:var(--transition);width:100%}div:has(label+input):not(div:has(label+span)),div:has(label+select):not(div:has(label+span)),div:has(label+textarea):not(div:has(label+span)){color:grey}input:focus,select:focus{box-shadow:none;outline:none}input:hover:not([disabled]),select:hover:not([disabled]){border:1px solid var(--brand-primary);color:var(--color-black-darkest);transition:var(--transition)}textarea{word-break:break-all}textarea:hover:not([disabled]){border:1px solid var(--color-black-darkest)}input[type=checkbox],input[type=radio]{accent-color:var(--color-black);height:14px;width:14px}input[type=checkbox]:hover{accent-color:var(--color-white-lightest)}label{font-size:.75rem;gap:5px;justify-content:space-between}.app-version,label{align-items:center;display:flex}.app-version{color:var(--brand-primary);font-size:12px;justify-content:center;letter-spacing:.5px}img{height:auto;margin-left:10px;margin-right:10px;width:auto}h6{align-items:center;display:flex;font-size:1.15rem;font-weight:400;height:34.8px}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--color-white-lightest) inset!important;-webkit-box-shadow:0 0 0 1000px var(--color-white-lightest) inset!important}input::-webkit-calendar-picker-indicator{opacity:0}body{border-top:1px solid var(--border-color)}footer,header{align-items:center;background-color:var(--color-black);color:var(--color-white-lighter);display:none;height:var(--nav-height);justify-content:space-evenly;position:fixed;width:100%;z-index:3}header{top:0}footer{bottom:0}.display-none{display:none!important}main{margin-bottom:60px;margin-inline:auto;max-width:1880px}.sidebar:not(.pinned){left:calc((var(--nav-offset) + var(--sidebar-width))*-1)}.sidebar.pinned{left:0}.transition{transition:var(--transition)}.nav-bar{align-items:center;background-color:var(--brand-primary-light);display:flex;gap:10px;overflow:auto;position:fixed;scrollbar-width:none;z-index:3;button{align-items:center;background-color:transparent;box-shadow:none;display:flex;flex-direction:column;font-size:.5rem;justify-content:center;margin:0;max-height:40px;max-width:40px;min-height:40px;min-width:40px;&:hover{background-color:var(--brand-primary-lighter);box-shadow:none}&:focus-visible{background-color:var(--brand-primary-lighter);box-shadow:none}&.active{background-color:var(--brand-primary-lighter)}& svg{max-height:22px;max-width:22px;min-height:22px;min-width:22px}}}.action-buttons{align-items:center;display:flex;gap:5px;height:35px;justify-content:center;margin-block:10px;margin-inline:auto;[role=button]{align-items:center;background-color:var(--color-grey-lightest);border-radius:var(--border-radius-cards);box-shadow:var(--box-shadow);display:flex;height:25px;justify-content:center;transition:var(--transition);width:37px;label{color:var(--primary-white);cursor:pointer;padding-block:4px;padding-inline:10px;svg{max-height:18px;max-width:18px;min-height:18px;min-width:18px}}&:hover{background-color:var(--brand-primary-lighter);box-shadow:var(--box-shadow-hover)}}.hidden-checkbox{opacity:0;pointer-events:none;position:absolute}.hidden-checkbox-label .svg-checked,.hidden-checkbox:checked~.svg-unchecked{display:none}.hidden-checkbox:checked~.svg-checked{display:inline-block}[role=button]:has(.hidden-checkbox:checked){background-color:var(--brand-secondary);box-shadow:var(--box-shadow-hover)}}@media (width < 768px){main:has(.pinned){padding-left:0}.container{padding-inline:10px}.nav-bar{bottom:0;height:var(--nav-height);overflow-x:scroll;padding-inline:15px;scrollbar-gutter:stable;width:100dvw}.sidebar{padding-bottom:60px}[role=button]:has(.vertical-layout){display:none}}@media (width >= 768px){main:has(.pinned){padding-left:var(--sidebar-width);.sidebar.pinned{margin-left:var(--nav-offset)}}.container{padding-left:calc(var(--nav-offset) + 10px);padding-right:10px}.nav-bar{flex-direction:column;height:100dvh;padding-bottom:calc(var(--nav-offset)*2);padding-top:var(--nav-offset);top:0;width:var(--nav-offset)}}@media (width > 2495px){main:has(.pinned){padding-left:0}.container{padding-inline:10px}}.search{align-items:center;border:1px solid var(--color-grey-lighter);border-radius:var(--border-radius-search);display:flex;height:fit-content;justify-content:space-between;margin-block:20px;margin-inline:auto;max-width:400px;padding-block:4px;padding-inline:10px;transition:var(--transition-fast);user-select:none;input.search-products{border:none;font-size:.95rem;margin:0;overflow:hidden;padding-inline:10px;width:100%}.clear-search-results{cursor:pointer;transition:var(--transition-fast);user-select:none}.clear-search-results:hover{fill:var(--brand-secondary)}&:hover{border:1px solid var(--color-grey-darkest)}}.sidebar{background-color:var(--color-white-lightest);border-right:1px solid var(--border-color);border-top:1px solid var(--border-color);box-shadow:var(--box-shadow);height:100%;overflow-y:auto;position:fixed;scrollbar-width:none;top:0;width:var(--sidebar-width);z-index:2;legend{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:1.15rem;height:35px;justify-content:space-between;margin-bottom:10px;padding-inline:10px;user-select:none;width:100%}}.prepared-by{display:none;pointer-events:none}form:has(fieldset){padding-top:5px;padding-inline:10px}.delete-row{cursor:pointer;transition:var(--transition)}.delete-row:hover{fill:var(--brand-secondary)}.close{align-items:center;cursor:pointer;display:flex;justify-content:center}.close:before{background-color:var(--color-grey);content:"";display:inline-block;height:20px;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 256 256'%3E%3Cpath d='M228 128a12 12 0 0 1-12 12H69l51.52 51.51a12 12 0 0 1-17 17l-72-72a12 12 0 0 1 0-17l72-72a12 12 0 0 1 17 17L69 116h147a12 12 0 0 1 12 12'/%3E%3C/svg%3E");mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 256 256'%3E%3Cpath d='M228 128a12 12 0 0 1-12 12H69l51.52 51.51a12 12 0 0 1-17 17l-72-72a12 12 0 0 1 0-17l72-72a12 12 0 0 1 17 17L69 116h147a12 12 0 0 1 12 12'/%3E%3C/svg%3E");-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;transition:var(--transition);width:20px}.close:hover:before{background-color:var(--brand-secondary)}.match-list{position:absolute;top:auto}.form-notes{textarea{border:1px solid var(--border-color);border-radius:var(--border-radius-inputs);min-height:calc(100dvh - var(--nav-offset)*2);outline:none;overflow:hidden;resize:none;width:100%;field-sizing:content;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word;word-break:break-all;&:hover{border-color:var(--brand-primary)!important}}}.box[role=button]{border:1px solid var(--brand-primary);color:#575757;color:var(--brand-primary);height:36px;padding-inline:10px;label{font-size:.9rem}&:hover{border-color:var(--brand-secondary);color:var(--brand-secondary)}svg{max-height:20px;max-width:20px;min-height:20px;min-width:20px}}.box:not([role=button]){border:1px solid var(--border-color);height:30px;padding-inline:5px;label{font-size:.8rem}&:hover{border-color:var(--brand-primary)}}.box{align-items:center;border-radius:var(--border-radius-buttons);color:var(--color-grey-darkest);cursor:pointer;display:flex;gap:20px;justify-content:space-between;margin-bottom:10px;transition:var(--transition-fast);user-select:none;label{cursor:pointer;height:100%;width:100%}input{margin:0}}.no-display{display:none}section:has(table){border-bottom-left-radius:var(--border-radius-cards);border-top-left-radius:var(--border-radius-cards)}.table-heading{align-items:center;border:1px solid var(--table-border-color);border-bottom:none;border-left:0 solid transparent;border-radius:var(--border-radius-cards) var(--border-radius-cards) 0 0;display:flex;font-weight:700;height:50px;justify-content:center;padding:10px}.table-list-price{align-items:center;border-right:1px solid var(--table-border-color);display:inline-flex;font-size:.85rem;font-weight:700;gap:10px;height:40px;justify-content:center;padding:10px;text-align:center;width:100%;:nth-child(2){color:var(--brand-primary)}}.table-totals{align-items:center;border-bottom:1px solid var(--table-border-color);border-radius:0 0 var(--border-radius-cards) var(--border-radius-cards)!important;border-right:1px solid var(--table-border-color);border-top:1px solid var(--table-border-color);display:grid;font-size:.75rem;gap:10px;grid-template-columns:repeat(auto-fit,minmax(135px,min-content));height:fit-content;margin-bottom:20px;padding:10px;white-space:nowrap;ul{display:flex;gap:10px;list-style:none}}.capex-section :is(h2,table,.table-list-price,.table-totals){border-left:4px solid var(--brand-primary-lighter)}.opex-section :is(h2,table,.table-list-price,.table-totals){border-left:4px solid var(--brand-secondary-lightest)}.otf-section :is(h2,table,.table-list-price,.table-totals){border-left:4px solid #55c8ff}table{border:1px solid var(--table-border-color);border-collapse:collapse;font-size:.625rem;overflow-x:scroll;scrollbar-gutter:stable;text-align:center;width:100%}section:has(table){container-type:inline-size}thead{background-color:#fff}tr[data-vertical-layout=false]{border:none;border-right:1px solid var(--table-border-color);height:50px}tbody tr{transition:background-color var(--transition-fast)}tbody tr:nth-child(odd of :not([data-description=false])){background-color:var(--row-stripe-color)}table tbody tr:hover{background-color:var(--row-hover-color)!important;box-shadow:inset 0 0 0 1px var(--brand-primary-dark);transition:var(--transition-fast)}tbody tr td{user-select:all}td:has(input){white-space:nowrap;input{transition:0s;field-sizing:content;border-color:var(--brand-primary);color:var(--brand-primary);font-size:100%;height:24px;margin:0;padding:0;text-align:center;width:35px}input[disabled]{border-color:#d3d3d3}input:hover{cursor:text}input:hover:not([disabled]){border-color:var(--brand-primary);color:var(--brand-primary)}}td:has(input.term){input{border-color:transparent;color:unset;margin-right:.5ch;width:fit-content}}[data-subscription=monthly],[data-subscription=prepaid]{&:after{content:"mo"}&[data-vertical-layout=true]:before{content:"mo";opacity:0;visibility:hidden}}[data-subscription=annual]{&:after{content:"yr"}&[data-vertical-layout=true]:before{content:"yr";opacity:0;visibility:hidden}}.percent{&:after{content:"%"}&[data-vertical-layout=true]:before{content:"%";opacity:0;visibility:hidden}}.currency{&:before{content:"$"}&[data-vertical-layout=true]:after{content:"$";opacity:0;visibility:hidden}}table[data-vertical-layout=true]{align-content:center;display:flex}tbody[data-vertical-layout=true]{display:flex}thead[data-vertical-layout=true]{box-shadow:var(--box-shadow);left:0;padding-left:10px;position:sticky;z-index:1}td[data-vertical-layout=true],th[data-vertical-layout=true]{align-items:center;display:flex;justify-content:center;min-height:36px}th[data-vertical-layout=true]{justify-content:left;width:90px}td[data-vertical-layout=true]{padding-inline:1ch;width:clamp(100px,130px,150px)!important}.description td[data-vertical-layout=true]{display:block;height:100%;padding:10px}section:has(table tbody:empty){display:none}body:not(:has(section table tbody tr)){.grand-totals-section{display:none}.drop-zone{display:flex}}body:has(section table tbody tr){.grand-totals-section{display:block}.drop-zone{display:none}}thead>tr[data-vertical-layout=true]{height:100%!important}[data-description][data-vertical-layout]{text-align:left}[data-description=true][data-vertical-layout=false]{td{padding:10px}}[data-description=true][data-vertical-layout=false]{display:table-row}[data-description=false][data-vertical-layout=false]{display:none}[data-description=true][data-vertical-layout=true]{display:"unset"}[data-description=false][data-vertical-layout=true]{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[data-display=false]{display:none!important}tr:has(td[data-subscription=monthly]){td:first-child:not([data-display=false]),td[data-display=false]:first-child+td:not([data-display=false]){&:before{content:var(--monthly-emoji);display:inline-block;vertical-align:middle}}}tr:has(td[data-subscription=annual]){td:first-child:not([data-display=false]),td[data-display=false]:first-child+td:not([data-display=false]){&:before{content:var(--annual-emoji);display:inline-block;vertical-align:middle}}}tr:has(td[data-expenditure=capex]),tr:has(td[data-expenditure=otf]),tr:has(td[data-subscription=prepaid]){td:first-child:not([data-display=false]),td[data-display=false]:first-child+td:not([data-display=false]){&:before{content:var(--prepaid-emoji);display:inline-block;vertical-align:middle}}}tr:has(td[data-subscription]){td:first-child:not([data-display=false]),td[data-display=false]:first-child+td:not([data-display=false]){&:before{padding-right:.2rem}}}tr[data-vertical-layout=false]:not(.description){td:first-child:not([data-display=false]),td[data-display=false]:first-child+td:not([data-display=false]){padding-inline:5px;text-align:left;white-space:nowrap;width:0}}[role=button],button{overflow:hidden;position:relative}button{align-items:center;background-color:var(--brand-primary-lighter);border:none;border-radius:var(--border-radius-cards);box-shadow:var(--box-shadow);color:var(--button-color);display:inline-flex;font-size:.9rem;height:34px;justify-content:space-evenly;margin-bottom:10px;outline:none;padding-inline:10px;user-select:none;width:100%;&:hover{background-color:var(--brand-primary-light);box-shadow:var(--box-shadow-hover);cursor:pointer}&:focus-visible{box-shadow:var(--box-shadow);outline:none}}dialog[open],dialog[open]::backdrop{display:block;opacity:1;@starting-style{opacity:0}}dialog,dialog::backdrop{opacity:0;transition-behavior:allow-discrete;transition-duration:var(--transition-fast);transition-property:overlay display opacity}dialog{background:none;background-color:none;border:1px solid var(--dialog-border-color);border-radius:var(--border-radius-cards);margin:auto;max-width:500px;min-width:280px;outline:none;padding-block:20px;padding-inline:20px}dialog::backdrop{background-color:var(--dialog-backdrop)}.dialog>*{border:none;outline:none}.dialog-header{color:var(--dialog-color);font-family:unset;font-size:1.2rem;font-weight:700;margin-bottom:10px}.dialog-message{color:var(--dialog-color);margin-bottom:20px}.dialog-footer{margin-top:10px;text-align:right;white-space:nowrap;button{border:1px solid transparent;font-size:.88rem;margin-block:0;margin-inline:auto;max-width:90px;outline:1p solid transparent}}.dialog[data-dialog]{border:1px solid transparent;box-shadow:unset;outline:unset;&:hover{filter:brightness(.8)}}.dialog [data-dialog=no]{background-color:inherit;border:1px solid var(--dialog-border-color);box-shadow:none}.dialog:has(.spinner){position:relative}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-white);border:4px solid var(--color-white);border-radius:var(--border-radius-50);border-top-color:var(--brand-primary-lightest);height:30px;position:absolute;right:20px;top:20px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.calendar{margin:auto;user-select:none;width:var(--calendar-width);.calendar-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;[data-navigate]{border-radius:var(--border-radius-100);cursor:pointer;height:28px;width:28px;svg{height:100%;width:100%;fill:var(--brand-primary-lighter);transition:var(--transition);&:hover{fill:var(--brand-secondary)}}}}.weekdays{display:flex;gap:var(--date-gap);div{align-items:center;display:flex;font-size:.8rem;height:var(--date-size);justify-content:center;width:var(--date-size)}}.days-of-month{display:flex;flex-wrap:wrap;gap:var(--date-gap);[data-date]{align-items:center;border-radius:var(--border-radius-inputs);cursor:pointer;display:flex;font-size:.8rem;height:var(--date-size);justify-content:center;transition:background-color var(--transition-fast);width:var(--date-size)}[data-date]:hover:not([data-selected=yes]),[data-date][data-selected=yes]{background-color:var(--brand-primary-lighter);color:var(--button-color)}[data-date]:hover:not([data-selected=yes]){opacity:.75}.next-month-days,.previous-month-days{color:var(--color-grey)}}}[data-navigate][disabled=true]{cursor:unset;pointer-events:none}.ripple{animation:ripple .5s linear;border-radius:var(--border-radius-50);height:0;opacity:.5;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:0}@keyframes ripple{to{height:12rem;opacity:0;width:12rem}}.toasted{--toast-height:30px;--toasted-width:170px;align-items:center;animation-duration:.55s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.215,.61,.355,1.65);background-color:var(--brand-primary-lighter);border:none;border-radius:var(--border-radius-buttons);box-shadow:none;color:var(--color-white-lightest);display:flex;font-size:12px;height:var(--toast-height);justify-content:center;left:calc(100vw + var(--nav-offset)*2);position:fixed;top:12px;user-select:none;width:var(--toasted-width);z-index:10}@keyframes showToasted{0%{box-shadow:var(--box-shadow-hover);left:100%}60%{box-shadow:var(--box-shadow-hover);left:calc(100% - var(--toasted-width) - 20px)}75%{box-shadow:var(--box-shadow-hover);left:calc(100% - var(--toasted-width) - 5px)}90%{box-shadow:var(--box-shadow-hover);left:calc(100% - var(--toasted-width) - 10px)}to{box-shadow:var(--box-shadow-hover);left:calc(100% - var(--toasted-width) - 5px)}}@keyframes hideToasted{0%{box-shadow:var(--box-shadow-hover);left:calc(100% - var(--toasted-width) - 5px)}50%{box-shadow:var(--box-shadow-hover);left:calc(100% - var(--toasted-width) - 20px)}to{box-shadow:none;left:100%}}.section-fine-print,.section-print-notes{display:none}@media print{*,:after,:before{box-shadow:none!important;margin:0!important;padding:0!important;user-select:unset!important}@page{size:landscape!important;margin:0!important;padding:0!important}body,html{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}footer,header{align-items:center!important;border-top:4px solid var(--brand-primary)!important;display:flex!important;justify-content:center!important}header{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;justify-content:space-between!important;padding-inline:20px!important;div:has(span){font-size:.9rem!important}}footer{justify-content:center!important;padding-inline:10px!important}body:has(#print_logo:not(:checked)) header{background-image:none!important}body:has(#print_logo:checked) .header-title{display:none!important}body:has(#show_fine_print:not(:checked)) .fine-print{display:none!important}.header-title{font-size:2rem!important}section{border:0 solid transparent!important}.sidebar{position:unset!important}label{color:#787878!important;font-size:12px!important}.created-by{background-color:unset!important;display:unset!important}fieldset{color:unset!important}legend{font-weight:700}input,legend,select{border:0 solid transparent!important}input,select{color:#000!important;font-weight:700!important;height:fit-content!important;margin:0!important;padding:0!important;width:fit-content!important}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit!important}.section-info{border-bottom:1px solid var(--brand-primary)!important;height:50px!important;margin-top:60px!important;margin-inline:20px!important;overflow:hidden!important;padding-inline:20px!important;width:calc(100% - 40px)!important;fieldset{align-items:center!important;display:flex!important;gap:10px!important;justify-content:space-around!important;padding-bottom:10px!important;label{justify-content:center!important}div{font-size:.9rem!important;font-size:unset!important;font-weight:700!important;overflow:visible!important}}}.section-sales-tiers{display:flex!important;flex-direction:column!important}.customer-section,.disti-section,.partner-section{align-items:center!important;display:flex!important;justify-content:center!important;width:100%!important;legend{font-size:1.25rem!important;font-weight:700!important;justify-content:right!important;margin-right:15px!important;min-width:fit-content!important;width:150px!important}form{align-items:center!important;border-left:1px solid var(--brand-primary)!important;display:grid!important;padding-bottom:15px!important;padding-left:15px!important;padding-top:15px!important;width:70%!important}}table{border-left:1px solid var(--border-color)!important}table[data-vertical-layout]{display:table!important}tbody[data-vertical-layout],thead{display:table-row-group!important}thead{height:30px}td[data-vertical-layout],th[data-vertical-layout]{display:table-cell!important;width:auto!important}tbody tr{color:unset!important}thead th{font-weight:100!important}td,th{border-right:1px solid var(--border-color)!important;border-top:1px solid var(--border-color)!important}td[data-vertical-layout].percent{padding-inline:2px!important;input{width:fit-content!important}}td[data-vertical-layout].percent:before{content:""!important;opacity:unset!important;visibility:unset!important}td[data-vertical-layout][data-name=term]{padding-inline:2px!important;input{width:fit-content!important}}td[data-vertical-layout][data-name=term]:before{content:""!important;opacity:unset!important;visibility:unset!important}tr:not(.description){td:first-child:not([data-display=false]),td[data-display=false]:first-child+td:not([data-display=false]){padding-inline:2px!important;text-align:left!important;white-space:nowrap!important;width:0!important}}th[data-name=partner_ext_discount],th[data-name=partner_margin]{width:40px!important}th[data-name=disti_ext_discount],th[data-name=disti_margin]{width:35px!important}.table-heading,.table-list-price,.table-totals{border-left:1px solid var(--border-color)!important;padding:10px!important}td[data-vertical-layout],tr[data-vertical-layout]{height:30px!important}tr.description[data-vertical-layout] td{padding:5px!important}input.discount,input.quantity,input.term{border:none!important;color:unset!important;height:fit-content!important;width:clamp(2ch,4ch,5ch)!important}.grand-totals-grid{height:100%!important;margin-inline:auto!important;.grand-totals-card{border:1px solid var(--color-grey-lightest)!important;gap:5px!important;height:fit-content!important;margin:auto!important;max-width:500px!important;padding:15px!important;h3{border-bottom:1px solid var(--border-color)!important;margin-bottom:10px!important;padding-bottom:10px!important}ul{padding-block:4px!important;padding-right:5px!important}.sub-item{background-color:var(--color-white-dark)!important;border-radius:var(--border-radius-inputs)!important;margin-left:5px!important;padding-left:5px!important}}}.print-notes-data{width:100%!important}.section-fine-print,.section-print-notes{align-items:center!important;display:flex!important;font-size:.75rem!important;justify-content:center!important;div:first-child{font-size:1.25rem!important;font-weight:700!important;height:fit-content!important;min-width:250px!important;padding-inline:20px!important;text-align:center!important}div:last-child{align-items:center!important;border-left:1px solid var(--brand-primary)!important;display:grid!important;gap:5px!important;min-height:200px!important;padding-left:10px!important;padding-right:100px!important}}.print-notes-data{overflow-wrap:break-word!important;white-space:pre-wrap!important;word-break:break-word!important;word-break:break-all!important}.close,.no-print,.no-print[data-vertical-layout],[data-name=discount][data-display=false],[data-name=list_price][data-display=false],[data-name=part_number][data-display=false],[data-tag=disti][data-display=false],[data-tag=partner][data-display=false],[data-vertical-layout][data-display=false]{display:none!important}.print-container{break-after:page!important;height:700px!important;margin-inline:5px!important;margin-top:60px!important;page-break-after:always!important}.print-container.section-sales-tiers{height:640px!important;margin-top:10px!important}.print-container:has(table){height:fit-content!important}tr:has(+tr.page-break-spacer) td{border-bottom:1px solid #d3d3d3!important}tr.page-break-spacer,tr.page-break-spacer td{background-color:transparent!important;border:1px solid transparent!important;border-bottom-color:#d3d3d3!important;height:70px!important}tr.page-break-before{break-before:page!important;page-break-before:always!important}}.watermark{color:var(--watermark-color);display:none;font-size:17rem;left:50%;opacity:.05;position:fixed;top:50%;transform:translate(-50%,-50%) rotate(-45deg);z-index:10}.watermark:before{content:"DRAFT"}@media print{body:has(input.print-watermark:checked) .watermark{display:block!important}}[data-status]{bottom:10px;height:18px;position:fixed;right:5px;width:18px;svg{max-height:18px;max-width:18px;min-height:18px;min-width:18px}}[data-status=online]{svg{fill:var(--accent-success)}}[data-status=offline]{svg{fill:var(--accent-warn)}}[data-authorization]{div{line-height:1}}[data-authorization=false]{animation:pulse-white 1s infinite}@keyframes pulse-white{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 8px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}input[readonly]{border:1px solid #d3d3d3;color:#9a9a9a;user-select:none;&:hover{border:1px solid #d3d3d3;color:#9a9a9a}}form:has([data-auth-action=login]){div:not(:has([data-auth-action])),fieldset{height:0;opacity:0;visibility:hidden}[data-auth-action]+svg{transform:rotate(180deg)}}form:has([data-auth-action=logout]){div,fieldset{height:auto;opacity:1;visibility:visible}}.user-profile-pic{align-items:center;display:flex;justify-content:center;user-select:none;img{border-radius:100%;height:52px;object-fit:contain;width:52px}svg{fill:var(--brand-primary)}}#user_email{border:1px solid transparent;color:var(--brand-primary);cursor:pointer;padding:0;text-align:center}.account-plan{align-items:center;background-color:var(--brand-secondary);border-radius:25px;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;letter-spacing:1px;margin-inline:auto;min-width:52.11px;padding-inline:12px;user-select:none;width:fit-content}[data-name=drag-indicator]{cursor:grab;width:40px;svg{transition:transform var(--transition);fill:var(--brand-primary-lighter)}&:hover{svg{fill:var(--brand-secondary)}}}table tbody tr.draggable{background-color:var(--drag-bg-color)!important;color:var(--drag-color);.term{border:1px solid transparent!important}input{border-color:var(--drag-color);color:var(--drag-color)}svg{fill:var(--drag-color)!important}}[data-vertical-layout=true] svg.drag-indicator{transform:rotate(90deg)}fieldset{border:none;border-image:none}fieldset[disabled=true]{input,select,textarea{caret-color:transparent;color:#d3d3d3;cursor:unset;pointer-events:none}}.drop-zone{align-items:center;border:1px dashed transparent;border-radius:var(--border-radius-25);caret-color:transparent;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:space-around;margin-inline:auto;max-width:400px;padding-block:30px;transition:border var(--transition-fast);& *{transition:var(--transition-fast)}.dz-header{align-items:center;display:grid;position:relative;h1{animation:typing 2s steps(20) forwards,blink .75s step-end infinite,hide-border 0s linear 2s forwards;border-right:2px solid #000;color:var(--color-black-ultralight)!important;color:#302c40!important;font-size:2rem;font-weight:700;letter-spacing:-1px;overflow:hidden;padding-inline:1px;position:relative;white-space:nowrap;span{color:var(--brand-primary-lighter)}}}.dz-logo{animation:popBounce .75s cubic-bezier(.25,.46,.45,.94) 2.25s forwards;background:url(../icons/1024.png) no-repeat 50%;background-size:24px 24px;border-radius:var(--border-radius-50);content:"";height:24px;position:absolute;right:-14px;top:10px;transform:translateY(-50%) scale(0);transform-origin:center center;width:24px;z-index:-1}svg{fill:var(--color-grey-lightest)}.dz-footer{animation:fill-text 1.5s forwards;animation-delay:3s;background:linear-gradient(to right,var(--color-grey-lightest) 0,var(--color-grey-lightest) 100%);background-clip:text;background-repeat:no-repeat;background-size:0 100%;color:transparent;font-family:Gochi Hand;font-size:1.5rem;transform:rotate(-10deg)}&:hover{border:1px dashed var(--brand-primary-light);svg{fill:var(--brand-secondary)}div{color:var(--color-grey-light)}}&:focus{border:1px solid var(--brand-primary-light);outline:none}}.drop-zone,.drop-zone *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.drop-zone ::selection{background:transparent;color:inherit}@keyframes fill-text{0%{background-size:0 100%}to{background-size:100% 100%}}@keyframes typing{0%{width:0}to{width:fit-content}}@keyframes blink{50%{border-color:transparent}}@keyframes hide-border{to{border-right:2px solid transparent}}@keyframes popBounce{0%{transform:translateY(-50%) scale(0)}25%{transform:translateY(-50%) scale(1.5)}50%{transform:translateY(-50%) scale(1)}75%{transform:translateY(-50%) scale(1.25)}to{transform:translateY(-50%) scale(1)}}.product-grid{align-items:center;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,max-content));justify-content:center;margin-block:20px}.product-card{border-radius:var(--border-radius-cards);box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:100%;justify-content:space-between;max-width:500px;min-width:100%;padding:10px;position:relative;transition:var(--transition);.product-header{height:80px;h2{font-size:1rem;max-width:242px}h3{color:var(--brand-primary-dark);font-size:.95rem}h4{font-size:.85rem;font-style:italic}h5{align-items:center;color:var(--color-grey-darkest);display:flex;font-size:.75rem;font-weight:500;gap:5px;justify-content:space-between;margin-block:5px;min-height:fit-content}}.product-body{height:100%;p{font-size:.7rem}}hr{height:1px;margin-block:5px}.product-footer{align-items:center;display:flex;height:18px;justify-content:space-between;h6,span{font-size:.75rem;height:fit-content;user-select:all}span:after,span:before{vertical-align:middle}}.item-counter{align-items:center;display:flex;justify-content:center;position:absolute;right:10px;top:5px;.item-count{align-items:center;display:flex;font-weight:700;justify-content:center;margin:0;min-width:30px;padding:0;user-select:none}.item-decrement,.item-increment{align-items:center;background-color:transparent;box-shadow:none;cursor:pointer;display:flex;justify-content:center;margin:0;padding:0;svg{fill:var(--color-grey-light);transition:var(--transition-fast)}}.item-decrement:hover,.item-increment:hover{svg{fill:var(--brand-primary-dark)}}}}.product-card{[data-product-status]:not([data-product-status=active]){&:after{content:var(--product-status-inactive)}}}.product-card.capex{border-left:4px solid var(--brand-primary-lighter);.product-footer span:before{content:var(--prepaid-emoji)}}.product-card.opex-annual,.product-card.opex-monthly,.product-card.opex-prepaid{border-left:4px solid var(--brand-secondary-lightest)}.product-card.opex-monthly{border-left:4px solid var(--brand-secondary-lightest);.product-footer span:before{content:var(--monthly-emoji)}}.product-card.opex-annual{.product-footer span:before{content:var(--annual-emoji)}}.product-card.opex-prepaid{.product-footer span:before{content:var(--prepaid-emoji)}}.product-card.otf{border-left:4px solid var(--brand-quaternary);.product-footer span:before{content:var(--prepaid-emoji)}}.product-card:hover{box-shadow:var(--box-shadow-hover)}.grand-totals-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}.grand-totals-card{border-left:4px solid var(--brand-primary-lightest);border-radius:var(--border-radius-cards);box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:3px;justify-content:center;margin-inline:auto;padding-block:10px;padding-inline:15px;transition:var(--transition);width:clamp(250px,100%,615px);h3{border-bottom:1px solid gray;margin-bottom:10px;padding-bottom:5px;text-align:center}ul{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;list-style:none;margin-inline-start:10px;white-space:nowrap;&:has([data-monthly]){color:var(--brand-primary);font-style:italic;font-weight:700}&:not(.sub-item){font-weight:700}}ul.sub-item{margin-left:20px}span{border-bottom:1px dashed #d3d3d3;margin-inline:10px;width:100%}&:hover{box-shadow:var(--box-shadow-hover)}}.product-catalog{font-size:.8rem;user-select:none;details *{align-items:center;margin-block:1px;margin-inline-start:1rem;padding-inline-start:5px}details::details-content{block-size:0;overflow:hidden;transition:block-size .5s,content-visibility .5s;transition-behavior:allow-discrete}details[open]>summary::marker{color:var(--brand-primary)}details[open]>summary{border:1px solid var(--brand-primary);color:var(--brand-primary)}details[open]::details-content{block-size:auto}summary{border:1px solid transparent;border-radius:var(--border-radius-buttons);cursor:pointer;list-style-position:outside;padding-block:5px}summary::marker{font-size:.6rem}li{border:1px solid transparent;cursor:pointer;list-style-type:square;transition:var(--transition-fast)}li::marker{font-size:1rem}li:hover,summary:focus,summary:hover{border:1px solid var(--brand-primary);color:var(--brand-primary-dark)}summary:focus{outline:none}}.generate-catalog{color:var(--brand-secondary);cursor:pointer;font-family:Gochi Hand;font-size:1rem;padding:10px;text-wrap:balance;transition:var(--transition-fast);b{font-family:inherit}}form:has(.catalog-contents){transition:var(--transition-fast)}form:has(.catalog-contents:empty){&:hover{background-color:var(--color-white)}}form:has(.catalog-contents:not(:empty)){&:hover{background-color:none}.generate-catalog{display:none}}[data-open]{transition:var(--transition)}fieldset:has(.open-from-file:checked){[data-open=file]{opacity:1;visibility:visible}[data-open=database]{height:0;opacity:0;visibility:hidden}}fieldset:has(.open-from-db:checked){[data-open=database]{opacity:1;visibility:visible}[data-open=file]{height:0;opacity:0;visibility:hidden}}.quote-name,.search-quotes{align-items:center;border-bottom:1px solid var(--brand-primary);display:flex;justify-content:left;margin-bottom:5px;input{border:none;color:unset;font-size:.8rem;height:100%;margin:0;&:hover{border:none}}button{align-items:center;background-color:currentColor;box-shadow:none;display:flex;height:26px;justify-content:center;margin:0;padding:0;width:26px;svg{height:100%;width:100%;fill:var(--color-grey-lighter);transition:var(--transition-fast);&:hover{fill:var(--brand-primary-light)}}}}.name-your-quote{color:var(--brand-secondary);i{font-family:Gochi Hand}}.section-info{fieldset{align-items:stretch;display:grid}label{color:var(--brand-primary);font-size:.7rem;font-weight:700}div{font-size:.75rem;margin-block:5px;overflow:hidden;padding-block:2px;text-overflow:ellipsis;white-space:nowrap;span{user-select:all}span:empty:before{color:var(--brand-secondary);content:"waiting..."}}}.section-help{a{align-items:center;border:1px solid transparent;border-radius:4px;color:var(--color-grey);display:inline-flex;font-size:.8rem;height:100%;padding-left:5px;transition:var(--transition-fast);width:100%;&:hover{border:1px solid var(--brand-primary);color:var(--brand-primary)}}ul{display:flex;flex-direction:column;gap:5px;justify-content:center;margin-inline:10px;li:first-child a{color:var(--brand-primary)}}li{align-items:center;display:inline-flex;height:28px}ul li:before{background:url(../icons/32.png) no-repeat 50%/contain;content:"";display:inline-block;height:14px;margin-right:5px;width:14px}}.quote-search-results{align-items:center;display:grid;padding-block:10px;[data-quote-search]:empty{display:none}[data-quote-search]:not(:empty){display:flex;flex-direction:column;font-size:.8rem;font-weight:700;gap:3px;overflow:hidden;text-overflow:ellipsis;[data-quote-item]{border:1px solid transparent;border-radius:var(--border-radius-cards);color:unset;cursor:pointer;span{border:1px solid transparent;display:block;font-size:.8rem;font-weight:500;height:100%;overflow:hidden;padding:5px;text-overflow:ellipsis;transition:var(--transition-fast);white-space:nowrap;width:100%}div{align-items:center;display:flex;justify-content:center;opacity:95%;pointer-events:none;position:absolute;right:5px;top:50%;transform:translateX(120%) translateY(-50%);transition:transform .2s ease}button{background-color:currentColor;box-shadow:none;height:24px;margin:0;padding:0;transition:var(--transition-fast);width:24px;svg{height:100%;transition:var(--transition-fast);width:100%;fill:var(--color-grey-lighter)}&:hover{&[data-save-quote]{svg{fill:var(--brand-primary-light)}}&[data-delete-quote]{svg{fill:var(--brand-secondary-lightest)}}}}&:hover{border:1px solid var(--brand-primary);color:var(--brand-primary);div{pointer-events:auto;transform:translateX(0) translateY(-50%)}}&.active-quote{border:1px solid var(--brand-primary)!important;color:var(--brand-primary)!important}}}}[data-adjustment]{transition:var(--transition)}fieldset:has(.adjustment-credit:checked){[data-adjustment]{height:0;opacity:0;visibility:hidden}[data-adjustment=expenditure]{height:unset;opacity:1;visibility:visible}}fieldset:has(.adjustment-trade-in:checked){[data-adjustment]{height:0;opacity:0;visibility:hidden}[data-adjustment=part_number]{height:unset;opacity:1;visibility:visible}}fieldset:has(.adjustment-item:checked){[data-adjustment]{height:unset;opacity:1;visibility:visible}}.custom-description{border:1px solid var(--border-color);border-radius:var(--border-radius-inputs);min-height:120px;outline:none;resize:none;transition:var(--transition);width:100%;field-sizing:content}input[required]:user-invalid{border-color:var(--brand-secondary)}input[required]:user-invalid:focus{border-color:var(--brand-secondary);outline:none}.search:has(input:disabled){border-color:#d3d3d3;color:#d3d3d3;pointer-events:none;svg{fill:#d3d3d3}}fieldset:disabled>*{color:#d3d3d3;pointer-events:none}.billing-dialog{background:transparent;border:none;height:100vh;height:100dvh;padding:0;width:100vw;width:100dvw;&::backdrop{background:rgba(0,0,0,.8)}input[type=radio]{display:none}.billing-toggle{background:#fff;border-radius:var(--border-radius-buttons);box-shadow:0 8px 24px rgba(0,0,0,.08);display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-inline:auto;padding-inline:10px;position:relative;width:fit-content;& label{align-items:center;color:#666;cursor:pointer;display:flex;justify-content:center;padding-block:12px;padding-inline:10px;text-align:center;z-index:2}& .slider{background:var(--brand-primary);border-radius:var(--border-radius-buttons);inset:4px;position:absolute;transition:transform .35s ease;width:calc(33.33333% - 2.22222px);z-index:1}}#annual:checked~.billing-toggle .slider{transform:translateX(100%)}#lifetime:checked~.billing-toggle .slider{transform:translateX(200%)}#annual:checked~.billing-toggle label[for=annual],#lifetime:checked~.billing-toggle label[for=lifetime],#monthly:checked~.billing-toggle label[for=monthly]{color:#fff}.cards{margin-block:20px;margin-inline:auto;max-height:400px;max-width:250px;position:relative}.card{align-items:center;background:#fff;border-radius:var(--border-radius-buttons);box-shadow:0 20px 40px rgba(0,0,0,.08);display:grid;gap:10px;height:fit-content;inset:0;margin-inline:auto;opacity:0;padding:20px;position:absolute;transform:translateY(40px);transition:opacity .4s ease,transform .4s ease;white-space:nowrap;& button{border-radius:var(--border-radius-buttons);margin:0;transition:var(--transition)}}#annual:checked~.cards .annual,#lifetime:checked~.cards .lifetime,#monthly:checked~.cards .monthly{opacity:1;transform:translateY(0);z-index:1}.price{font-size:48px;font-weight:700;& span{color:#777;font-size:16px}}}