.size-btn--dual{width:auto;min-width:3.75rem;height:3.5rem;padding:0 .5rem;flex-direction:column;gap:.2rem}.size-btn__main{font-size:.75rem;letter-spacing:.06em;line-height:1}.size-btn__sub{font-size:.5625rem;letter-spacing:.08em;line-height:1;opacity:.65;font-weight:400}.sf-open{display:flex;align-items:center;gap:.75rem;width:100%;min-height:3rem;margin-top:.75rem;padding:.75rem 1rem;background:var(--m-paper);border:1px solid var(--m-line);color:var(--m-black);font-size:.6875rem;font-weight:500;letter-spacing:.16em;line-height:1.3;text-align:left;text-transform:uppercase;cursor:pointer;transition:border-color .2s}.sf-open svg{flex:none;width:1.25rem;height:1.25rem;color:var(--m-accent)}.sf-open__text{flex:1}.sf-open__arrow{flex:none;font-size:.875rem;letter-spacing:0;color:var(--m-accent);transition:transform .2s}.sf-open:hover{border-color:var(--m-accent)}.sf-open:hover .sf-open__arrow{transform:translate(3px)}.sf-open:focus-visible{outline:2px solid var(--m-black);outline-offset:2px}.sf{--sf-pad:1.75rem;width:min(30rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:1px solid var(--m-line);background:var(--m-white);color:var(--m-ink);overflow:auto}.sf::backdrop{background:#17120e8c}.sf__panel{padding:0 var(--sf-pad) var(--sf-pad);display:flex;flex-direction:column;gap:1.25rem}.sf__head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-height:9.5rem;margin:0 calc(var(--sf-pad) * -1);padding:1.25rem var(--sf-pad);background:var(--m-black);overflow:hidden}.sf__head-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:100% 42%}.sf__head:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#17120eb8,#17120e73 42%,#17120e00 68%)}.sf__title{position:relative;z-index:1;max-width:9em;align-self:flex-end;font-size:1.625rem;font-weight:300;line-height:1.15;letter-spacing:-.01em;text-wrap:balance;color:#f8f4ec;margin:0}.sf__x{position:relative;z-index:1;flex:none;width:2.75rem;height:2.75rem;margin:-.625rem -.625rem 0 0;display:flex;align-items:center;justify-content:center;background:#17120e73;border:0;cursor:pointer;color:#f8f4ec;transition:background-color .2s}.sf__x:hover{background:#17120ecc}.sf__progress{font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--m-grey-2);margin:0}.sf__progress[hidden]{display:none}.sf__q{font-size:1rem;font-weight:500;color:var(--m-black);margin:0 0 .25rem;padding:0}.sf__hint{font-size:.8125rem;line-height:1.55;color:var(--m-grey);margin:0 0 1rem}.sf fieldset{border:0;margin:0;padding:0;min-width:0}.sf__row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sf__field{display:flex;flex-direction:column;gap:.375rem;font-size:.75rem;color:var(--m-grey)}.sf__input{width:100%;height:3rem;padding:0 .75rem;font-size:1rem;background:transparent;border:1px solid #BDB0A0;border-radius:0;color:var(--m-black)}.sf__input:focus{outline:2px solid var(--m-black);outline-offset:-1px}.sf__bodies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.75rem}.sf__body{position:relative;display:block;cursor:pointer}.sf__body input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}.sf__body-card{display:block;padding:.5rem .375rem;border:1px solid var(--m-line);transition:border-color .2s,background-color .2s}.sf__body-card svg{display:block;width:100%;height:auto;opacity:.45;transition:opacity .2s}.sf__line{fill:none;stroke:var(--m-black);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sf__arrow{fill:none;stroke:var(--m-accent);stroke-width:2.2;stroke-dasharray:3.2 2.6}.sf__arrow-head{fill:var(--m-accent)}.sf__body-name{display:block;margin-top:.5rem;font-size:.75rem;line-height:1.2;text-align:center;color:var(--m-grey)}.sf__body:hover .sf__body-card{border-color:#bdb0a0}.sf__body:hover svg{opacity:.75}.sf__body input:focus-visible~.sf__body-card{outline:2px solid var(--m-black);outline-offset:2px}.sf__body input:checked~.sf__body-card{border-color:var(--m-black);background:var(--m-paper)}.sf__body input:checked~.sf__body-card svg{opacity:1}.sf__body input:checked~.sf__body-name{color:var(--m-black);font-weight:500}.sf__body-note{display:none;margin:.75rem 0 0;font-size:.8125rem;line-height:1.4;color:var(--m-grey)}.sf__bodies:has(input[value=slim]:checked)~[data-for=slim],.sf__bodies:has(input[value=regular]:checked)~[data-for=regular],.sf__bodies:has(input[value=athletic]:checked)~[data-for=athletic],.sf__bodies:has(input[value=flat]:checked)~[data-for=flat],.sf__bodies:has(input[value=average]:checked)~[data-for=average],.sf__bodies:has(input[value=round]:checked)~[data-for=round]{display:block}.sf__choices{display:flex;flex-direction:column;gap:.5rem}.sf__choice{position:relative;display:block;cursor:pointer}.sf__choice input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}.sf__choice span{display:block;padding:.75rem .875rem;border:1px solid #BDB0A0;transition:background-color .2s,color .2s,border-color .2s}.sf__choice b{display:block;font-size:.875rem;font-weight:500}.sf__choice small{display:block;font-size:.75rem;line-height:1.4;margin-top:.125rem;opacity:.75}.sf__choice:hover span{border-color:var(--m-black)}.sf__choice input:focus-visible+span{outline:2px solid var(--m-black);outline-offset:2px}.sf__choice input:checked+span{background:var(--m-black);border-color:var(--m-black);color:var(--m-white)}.sf__error{font-size:.8125rem;color:var(--m-sale);margin:0}.sf__error:empty{display:none}.sf__nav{display:flex;gap:.75rem}.sf__nav[hidden]{display:none}.sf__btn{min-height:3rem;padding:.75rem 1rem;font-size:.6875rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--m-black);cursor:pointer;transition:background-color .2s,color .2s}.sf__btn[hidden]{display:none}.sf__btn--main{flex:1;background:var(--m-black);color:var(--m-white)}.sf__btn--main:hover,.sf__btn--ghost{background:transparent;color:var(--m-black)}.sf__btn--ghost:hover{background:var(--m-black);color:var(--m-white)}.sf__btn--skip{display:block;width:100%;margin-top:.75rem;background:var(--m-paper);color:var(--m-black);letter-spacing:.1em;line-height:1.4}.sf__btn--skip:hover{background:var(--m-black);color:var(--m-white)}.sf__link{background:none;border:0;padding:.5rem 0;font-size:.8125rem;color:var(--m-grey);text-decoration:underline;text-underline-offset:3px;cursor:pointer;align-self:flex-start}.sf__link:hover{color:var(--m-black)}.sf__result{display:flex;flex-direction:column;gap:1rem}.sf__result[hidden]{display:none}.sf__eyebrow{font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--m-grey-2);margin:0}.sf__answer{display:flex;align-items:baseline;gap:.75rem;margin:0;padding:1.25rem 0;border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line)}.sf__size{font-size:2.75rem;font-weight:300;line-height:1;color:var(--m-black);letter-spacing:-.01em}.sf__sub{font-size:1.125rem;color:var(--m-accent)}.sf__note{font-size:.875rem;line-height:1.55;color:var(--m-ink);margin:0}.sf__note[hidden],.sf__fine[hidden]{display:none}.sf__fine{font-size:.75rem;line-height:1.55;color:var(--m-grey-2);margin:0}.sf__fine a{text-decoration:underline;text-underline-offset:2px}.sf__actions{display:flex;flex-direction:column;gap:.5rem}.sf__actions .sf__btn{width:100%}@media(max-width:480px){.sf{--sf-pad:1rem;width:calc(100vw - 1.5rem);max-height:calc(100dvh - 1.5rem)}.sf__head{min-height:8rem}.sf__title{font-size:1.375rem}.sf__body-card{padding:.375rem .25rem}.sf__body-name{font-size:.6875rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/doks-size-finder.css.map */