:root{--radius-round:1e5px;--size-6:1.75rem;--size-5:1.5rem;--size-4:1.25rem;--main-font:FuturaNowText,InterVariable,Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;--background-color:oklch(96.4% 0 89.876);--contrast-background-color:oklch(100% 0 89.876);--text-color:oklch(0% 0 0);--text-color-secondary:oklch(62.7% 0 89.876);--inverse-text-color:oklch(100% 0 89.876);--corner-radius:0;--accent-color:oklch(46.4% 0.143 252.991);--shadow:0 30px 60px 0 oklch(34.5% 0 89.876/0.1);--shadow:none;--form-control-border-color:oklch(70.3% 0 89.876);--form-control-border-radius:0;accent-color:var(--accent-color);color-scheme:light;font-size:100%;interpolate-size:allow-keywords}@property --background-color{syntax:"<color>";inherits:true;initial-value:initial}@property --text-color{syntax:"<color>";inherits:true;initial-value:initial}@property --text-color-secondary{syntax:"<color>";inherits:true;initial-value:initial}@property --corner-radius{syntax:"<length>";inherits:true;initial-value:initial}@property --step{syntax:"<number>";inherits:true;initial-value:0}@property --total-steps{syntax:"<number>";inherits:true;initial-value:5}@property --surface-color{syntax:"<color>";inherits:true;initial-value:initial}@media (prefers-contrast:more){:root{--text-color-secondary:oklch(0.321 0 89.876)}}body,html{margin:0;padding:0;scroll-snap-type:y proximity}body{color-scheme:light;font-family:var(--main-font,sans-serif);font-feature-settings:"kern","liga","clig","calt","lnum","zero";font-kerning:normal;font-variant-ligatures:common-ligatures contextual;font-variant-numeric:lining-nums slashed-zero;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);text-rendering:geometricPrecision}@view-transition{navigation:none}@media (prefers-reduced-motion:no-preference){::backdrop,[popover],dialog{opacity:0;transition:display allow-discrete .3s,overlay allow-discrete .3s,opacity .3s}:popover-open,:popover-open::backdrop,[open],[open]::backdrop{opacity:1}@starting-style{:popover-open,:popover-open::backdrop,[open],[open]::backdrop{opacity:0}}@view-transition{navigation:auto}::view-transition-old(--step){animation:fade-out 90ms cubic-bezier(.4,0,1,1) both,slide-to-left .3s cubic-bezier(.4,0,.2,1) both}::view-transition-new(--step){animation:fade-in .21s cubic-bezier(0,0,.2,1) 90ms both,slide-from-right .3s cubic-bezier(.4,0,.2,1) both}body{scroll-behavior:smooth}}label:has(input:disabled){color:var(--text-color-secondary)}fieldset{border:none;margin:1em 0;min-width:0;padding:.01em 0 0}fieldset legend{display:block;padding:0}fieldset h3{margin-block-start:2em}fieldset legend+h4{margin-block-start:1rem}fieldset h4{font-size:.8rem;font-weight:400;margin:0;padding-inline-start:1rem}fieldset h4+ul.colors{padding-block-start:0}section>fieldset{margin:0;padding:0}.info{background-color:var(--text-color-secondary);border-radius:50%;color:var(--inverse-text-color);display:inline-flex;font:1.2em/1 system-ui;height:22px;justify-content:center;margin-inline:.5rem;text-decoration:none;width:22px}.info:hover{background-color:var(--accent-color)}.layout{--padding-inline:1rem;display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [content-start] minmax(0,55ch) [content-end] minmax(var(--padding-inline),1fr) [full-width-end]}.layout>*{grid-column:content}.layout>header{align-items:center;background-color:var(--background-color);border-image-outset:0 100vw;border-image-repeat:stretch;border-image-slice:0 fill;border-image-source:linear-gradient(0deg,var(--background-color),var(--background-color));border-image-width:0;box-shadow:1px 1px #f1f1f1;display:flex;height:58px;justify-content:space-between;position:sticky;top:0;z-index:10000;view-transition-name:--main-header;contain:layout}.cart{display:flex;position:relative}.cart[data-items-count]:after{align-content:center;background-color:red;border-radius:50%;color:var(--inverse-text-color);content:attr(data-items-count);display:flex;font:11px/1.4 system-ui;height:16px;justify-content:center;position:absolute;right:-6px;top:-6px;width:16px}.cart[data-items-count=""]:after,.cart[data-items-count="0"]:after{display:none}.cart button{appearance:none;background-color:initial;border:none}.step{--step:attr(data-step number,0);view-transition-name:--step;background-color:var(--background-color);padding-bottom:2em;--back-visible:1}.step.step-1{--step:1;--back-visible:0}.step.step-2{--step:2}.step.step-3{--step:3}.step.step-4{--step:4}.step.step-final{--step:var(--total-steps);--back-visible:0}.step[aria-hidden=true]{display:none}.step>header{view-transition-name:--step-header;contain:layout;display:grid;grid-template-columns:[back-start] calc(var(--back-visible)*32px) [back-end] calc(var(--back-visible)*8px) [icon-start] 40px [icon-end] 8px [text-start] 1fr [text-end];padding-block:11px;position:relative}:is(.step>header) button{appearance:none;background-color:initial;border:none;grid-column:back}:is(.step>header) button,:is(.step>header) i{align-items:center;display:flex;grid-row:span 2}:is(.step>header) i{--icon-size:40px;background-color:var(--contrast-background-color);border-radius:50%;grid-column:icon;height:var(--icon-size);justify-content:space-around;width:var(--icon-size)}:is(:is(.step>header) i) .sprite{align-items:center;display:flex;height:100%;justify-content:space-around;max-height:24px;max-width:24px;width:100%}:is(:is(.step>header) i) .sprite svg{height:100%;width:100%}:is(.step>header):after{border-bottom:1px solid var(--accent-color);bottom:0;content:"";position:absolute;width:calc(100%*var(--step)/var(--total-steps))}:is(.step>header) h2{font-size:.875rem;font-weight:400;grid-column:text;line-height:1;margin:0;width:fit-content}:is(.step>header) small{color:var(--text-color-secondary);font-size:.625rem;grid-column:text;line-height:1.25;text-transform:uppercase;width:fit-content}.step h3,.step hgroup{text-wrap:balance}.step hgroup{text-align:center}:is(.step hgroup) h3{font-size:1.75rem;font-weight:600;letter-spacing:-1.12px}:is(.step hgroup) p{color:var(--text-color-secondary)}[data-current-step]>.step{display:none}[data-current-step=step-1]>.step-1,[data-current-step=step-2]>.step-2:not([aria-hidden=true]),[data-current-step=step-2][data-total-steps="2"]>.step-final,[data-current-step=step-3]>.step-3:not([aria-hidden=true]),[data-current-step=step-3][data-total-steps="3"]>.step-final,[data-current-step=step-4]>.step-4:not([aria-hidden=true]),[data-current-step=step-4][data-total-steps="4"]>.step-final,[data-current-step=step-5]>.step-5:not([aria-hidden=true]),[data-current-step=step-5][data-total-steps="5"]>.step-final{display:block}.step-3:not([data-exclusive="1"]) [data-exclusive="1"],.step-3[data-restriction="1"] [data-restriction="1"],.step-3[data-restriction="2"] [data-restriction="2"],.step-3[data-restriction="3"] [data-restriction="1"],.step-3[data-restriction="3"] [data-restriction="2"]{display:none}:has(.sheet:not([hidden])) .step-2{padding-block-end:calc(100vh - min(100vw, 50ch))}.card{--surface-color:var(--contrast-background-color);--border-color:var(--accent-color);background-color:var(--surface-color);border:1px solid #0000;border-radius:var(--corner-radius);overflow:hidden}.card.card--shadow{box-shadow:var(--shadow)}.card.card--border,.card:has(input:checked){border-color:var(--border-color)}.card.card--popout{border:none;border-start-end-radius:0;border-start-start-radius:0;margin-inline:30px}.card.card--closed{max-height:0}.card:has(.colors--variants){margin-block-end:2em}ul.delivery,ul.material,ul.rendering,ul.surface{--icon-color:var(--accent-color);--icon-column-width:60px;display:grid;gap:1em;list-style-type:none;margin:0 0 2em;padding:0}:is(ul.surface,ul.material,ul.rendering,ul.delivery)>li{align-items:center;display:grid;grid-template-columns:var(--icon-column-width) 1fr;padding:.5em 1em}:is(:is(ul.surface,ul.material,ul.rendering,ul.delivery)>li) svg{justify-self:center}:is(:is(ul.surface,ul.material,ul.rendering,ul.delivery)>li) input{margin-right:1em}:is(:is(ul.surface,ul.material,ul.rendering,ul.delivery)>li) label{text-wrap:balance}:is(ul.surface,ul.material,ul.rendering,ul.delivery) li:has(input:disabled){--icon-color:var(--text-color-secondary);--border-color:var(--text-color-secondary)}ul.material>li{display:block}ul.material ol{line-height:1.75;list-style-type:none;padding-inline:0}:is(ul.material details) summary{cursor:pointer;list-style-type:none;margin-inline-start:1em;padding-inline-start:1em;position:relative}:is(:is(ul.material details) summary)::-webkit-details-marker,:is(:is(ul.material details) summary)::marker{display:none}:is(:is(ul.material details) summary):before{color:var(--accent-color);content:"⌃";left:-1em;position:absolute;rotate:90deg;transition:rotate .15s ease-in-out}:is(ul.material details) article{opacity:0;transition:opacity .3s ease-in-out,display allow-discrete .3s}[open]:is(ul.material details) summary:before{rotate:180deg}[open]:is(ul.material details) article{opacity:1}ul.rendering{--icon-column-width:68px}ul.rendering>li img{justify-self:end}ul.delivery{margin-block-end:.5em}ul.delivery>li{display:block}ul.delivery+p{margin-block-start:.5em}ul.colors{--circle-size:44px;--_inner-size:calc(var(--circle-size) - 10px);--_check-size:calc(var(--circle-size)*0.4);display:grid;gap:8px;grid-template-columns:repeat(auto-fit,var(--circle-size));list-style-type:none;margin:0;padding:1em}ul.colors li{border:1px solid #0000;border-radius:50%;box-sizing:border-box;height:var(--circle-size);position:relative;width:var(--circle-size)}:is(ul.colors li):before{background:var(--surface-color);border-radius:50%;content:"";height:var(--_inner-size);left:4px;position:absolute;top:4px;width:var(--_inner-size);z-index:1}[data-restriction]:is(ul.colors li):after{content:attr(data-restriction);font-variant-position:super;line-height:1;position:absolute;right:0;top:0}[data-reflection=low]:is(ul.colors li) label:before{bottom:0;content:"✭";font-size:.6rem;position:absolute;right:0}:is(ul.colors li) .color-detail{content-visibility:hidden}:is(ul.colors li):hover{border-color:var(--surface-color)}:is(ul.colors li) a{background-color:initial;height:var(--circle-size);opacity:0;position:absolute;width:var(--circle-size);z-index:10}:is(:is(ul.colors li) a):focus-visible{background-color:Canvas;opacity:1}:is(ul.colors li) input{height:var(--_inner-size);opacity:0;position:absolute;width:var(--_inner-size);z-index:20}:is(ul.colors li) label{display:block;height:var(--circle-size);position:relative;width:var(--circle-size)}:is(ul.colors li) label:has(input:checked):after{color:Canvas;content:"✓";font-family:system-ui;font-size:var(--_check-size);height:var(--_inner-size);left:4px;line-height:2.3;position:absolute;text-align:center;text-shadow:0 0 3px var(--text-color-secondary);width:var(--_inner-size);z-index:15}ul.colors.colors--variants{--circle-size:77px}.color-detail{background-color:var(--surface-color);border-radius:var(--radius);display:grid;grid:[--stack] 1fr/[--stack] 1fr;margin:0}.color-detail>*{align-self:center;grid-area:--stack;justify-self:center}.color-detail img{height:auto;width:100%}.color-detail .color-detail__name{--color:var(--inverse-text-color);--icon-color:var(--color);align-items:center;background-color:var(--surface-color);border-radius:50%;color:var(--color);display:flex;flex-direction:column;height:200px;justify-content:center;margin:2em;text-shadow:0 0 .05em #000,0 0 .05em #000,0 0 .05em #000,0 0 .05em #000;text-wrap:balance;width:200px}.color-detail .color-detail__name a{line-height:2;padding:6px}:is(.color-detail .color-detail__name a) svg{vertical-align:bottom}@supports (color:color(from red xyz-d65 0 0 0)){.color-detail .color-detail__name{--y-threshold:0.36;--y:clamp(0,(var(--y-threshold)/y - 1) * infinity,1);--color:color(from var(--surface-color) xyz-d65 var(--y) var(--y) var(--y));text-shadow:none}}@supports (color:contrast-color(red)){.color-detail .color-detail__name{--color:contrast-color(var(--surface-color));text-shadow:none}}.sheet .color-detail img{max-height:74vh}.stack{display:grid;grid:[stack] 1fr/[stack] 1fr}.stack>*{grid-area:stack}.stack *>:target{z-index:10}.color-palettes{margin-bottom:2rem;position:relative}.color-palettes .card--popout{z-index:0}:is(.color-palettes .card--popout) legend{padding-inline:1em}.color-palette{scroll-margin-block-start:128px}.card p{margin:0 0 .5rem;padding:0 1rem}.form-field{margin:1em 0}.form-field:last-of-type{margin-block-end:.5em}.form-field+p{margin-block-start:.5em}.form-field label{display:block;font-size:.75rem;line-height:2}.form-field input,.form-field textarea{border:1px solid var(--form-control-border-color);border-radius:var(--form-control-border-radius);box-shadow:var(--shadow);font:inherit;padding:7px 12px;width:calc(100% - 26px)}.form-field textarea{height:4em}.action-button{--_button-color:var(--accent-color);--_button-text-color:var(--inverse-text-color);-webkit-appearance:none;background-color:var(--_button-color);border:1px solid var(--_button-color);border-radius:0;color:var(--_button-text-color);font-family:inherit;font-size:1rem;font-weight:700;line-height:1.75;padding-block:12px;width:100%}.action-button.action-button--secondary{--_button-color:#0000;--_button-text-color:var(--accent-color)}.action-button+.action-button{margin-top:1rem}.action-button:hover{background-color:color-mix(in oklch,var(--_button-color) 100%,#000 8%)}.action-button:active{background-color:color-mix(in oklch,var(--_button-color) 100%,#000 16%)}.action-button:focus{outline:none}.action-button:focus-visible{outline:solid 3px var(--accent-color);outline-offset:1px}.items{margin-block:0;padding-inline-start:0}.items li{align-items:center;display:grid;gap:16px;grid-template-columns:76px 1fr 5rem 1.5rem;padding:8px 8px 8px 16px}:is(.items li) data{font-weight:700}:is(.items li) .remove-item{-webkit-appearance:none;border:none;border-radius:50%;font-family:system-ui;font-size:1rem;font-weight:700;height:24px;justify-self:flex-end;padding:0;width:24px}.packeta-selector-open{background-color:var(--contrast-background-color);border:1px solid var(--form-control-border-color);border-radius:var(--form-control-border-radius);box-shadow:var(--shadow);color:var(--text-color);font-family:system-ui;padding:7px 16px}.buttons-group{display:grid;grid-template-columns:1fr [button] 14em 1fr;margin:1em 0}.buttons-group>button{grid-area:button}.sheet{background-color:var(--contrast-background-color);border-top-left-radius:var(--form-control-border-radius);border-top-right-radius:var(--form-control-border-radius);bottom:0;box-shadow:var(--shadow);left:50%;max-height:max-content;max-width:55ch;position:fixed;transition:min-height .25s ease-in-out,display allow-discrete .25s;translate:-50%;width:100%;z-index:10000}.sheet header{align-items:center;display:flex;flex:auto;justify-content:space-between;margin:8px 16px;width:calc(100% - 32px)}.sheet .close-button{-webkit-appearance:none;border:none;border-radius:50%;font-family:system-ui;font-size:1rem;font-weight:700;height:24px;justify-self:flex-end;padding:0;width:24px}.sheet .action-button{border-radius:var(--form-control-border-radius);padding:.25rem 1rem;width:auto}.sheet[hidden]{display:none;max-height:0}@starting-style{.sheet{max-height:0}}#total-price{font-size:1.375em;font-weight:700}p:has(#total-price){align-items:center;display:flex;justify-content:space-between}.card:has(search){display:grid;grid-template-rows:1fr 0;position:sticky;top:58px;transition:.25s ease-in-out;z-index:100}.card:has(search) color-picker:has(>button){align-items:center;display:grid;grid-template-columns:1fr auto}:is(.card:has(search) color-picker:has(>button)) button{margin:1ch}.card:has(search) search{align-items:center;display:flex;margin:1ch;transition:width .25s ease-in-out;z-index:200}:is(.card:has(search) search) .feather-search{margin-right:1ch;width:24px}:is(.card:has(search) search) label{content-visibility:hidden}:is(.card:has(search) search) input{margin-right:1ch}.card.picker:has(search){grid-template-columns:1fr 0}.card.picker:has(search) search{content-visibility:hidden;max-width:0}.card.search:has(search){grid-template-columns:0 1fr}.card.search:has(search) color-picker{content-visibility:hidden;max-width:0}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes slide-from-right{0%{transform:translateX(30px)}}@keyframes slide-to-left{to{transform:translateX(-30px)}}:where(.icon-button){--_text-color:inherit;align-items:center;aspect-ratio:1;background-color:initial;border:0;border-radius:var(--radius-round);display:inline-flex;inline-size:var(--size-6);justify-content:center;padding:0;transform-style:preserve-3d}:where(.icon-button):where([disabled]){color:light-dark(rgb(0,0,0/.3),rgb(255,255,255/.26));cursor:not-allowed;opacity:.64}:where(.icon-button) svg{max-inline-size:var(--size-5);pointer-events:none}:where(.icon-button):before{--highlight-size:130%}.small:where(.icon-button){inline-size:var(--size-4)}.small:where(.icon-button) svg{max-inline-size:var(--size-4)}