.size-recommender{--sr-text: rgb(var(--text-color, 0 0 0));--sr-muted: color-mix(in srgb, var(--sr-text) 58%, transparent);--sr-border: color-mix(in srgb, var(--sr-text) 18%, transparent);display:block;color:var(--sr-text);font:inherit}.size-recommender [hidden]{display:none!important}.size-recommender button,.size-recommender input{font:inherit}.size-recommender__flow-progress{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block-end:1.25rem;margin-block-end:2rem}.size-recommender__progress-copy,.size-recommender__eyebrow{margin:0;color:var(--sr-muted);font-size:.6875rem;font-weight:600;letter-spacing:.11em;line-height:1.2;text-transform:uppercase}.size-recommender__progress-dots{display:flex;align-items:center;gap:.45rem}.size-recommender__progress-dot{width:.38rem;height:.38rem;border-radius:999px;background:var(--sr-border);transition:width .18s ease,background-color .18s ease}.size-recommender__progress-dot.is-active{width:1.1rem;background:var(--sr-text)}.size-recommender__progress-track{position:absolute;inset-inline:0;inset-block-end:0;height:1px;overflow:hidden;background:var(--sr-border)}.size-recommender__progress-fill{display:block;width:50%;height:100%;background:var(--sr-text);transition:width .24s cubic-bezier(.22,1,.36,1)}.size-recommender__step,.size-recommender__result{animation:size-recommender-in .24s cubic-bezier(.22,1,.36,1) both}.size-recommender__step-head{margin-block-end:1.6rem}.size-recommender__title{margin:.55rem 0 0;color:inherit;font:inherit;font-size:clamp(1.55rem,6vw,2rem);font-weight:600;letter-spacing:-.035em;line-height:1.05}.size-recommender__help{max-width:34rem;margin:.9rem 0 0;color:var(--sr-muted);font-size:.9rem;line-height:1.55}.size-recommender__error{margin:0 0 1.25rem;padding:.8rem .9rem;border-inline-start:2px solid currentColor;background:color-mix(in srgb,var(--sr-text) 5%,transparent);color:var(--sr-text);font-size:.78rem;line-height:1.45}.size-recommender__unit-toggle{display:inline-grid;grid-template-columns:repeat(2,1fr);min-width:8rem;padding:0;margin:0 0 1.35rem;border:1px solid var(--sr-border)}.size-recommender__unit-toggle input{position:absolute;opacity:0;pointer-events:none}.size-recommender__unit-toggle label{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;color:var(--sr-muted);cursor:pointer;font-size:.72rem;font-weight:600;text-align:center}.size-recommender__unit-toggle input:checked+label{background:var(--sr-text);color:rgb(var(--background, 255 255 255))}.size-recommender__fields{display:grid;gap:1.15rem}.size-recommender__field{display:grid;gap:.28rem}.size-recommender__field-label{color:inherit;font-size:.82rem;font-weight:600}.size-recommender__field-hint,.size-recommender__optional{color:var(--sr-muted);font-size:.7rem;font-weight:400}.size-recommender__optional{margin-inline-start:.35rem;text-transform:none}.size-recommender__input-wrap{position:relative;display:block;margin-block-start:.35rem}.size-recommender__input-wrap input{width:100%;min-height:44px;padding:10px 44px 10px 12px;border:1px solid var(--sr-border);border-radius:0;background:transparent;color:inherit;-webkit-appearance:textfield;appearance:textfield}.size-recommender__input-wrap input:focus,.size-recommender__input-wrap input:focus-visible{outline:none!important;outline-offset:0!important;box-shadow:none!important;border-color:var(--sr-text)}.size-recommender__input-wrap:focus-within{outline:none!important;box-shadow:none!important}.size-recommender__input-wrap input::placeholder{color:color-mix(in srgb,var(--sr-text) 34%,transparent)}.size-recommender__suffix{position:absolute;inset-inline-end:.9rem;inset-block-start:50%;transform:translateY(-50%);color:var(--sr-muted);font-size:.76rem;font-weight:600;text-transform:uppercase;pointer-events:none}.size-recommender__primary{width:100%;min-height:44px;margin-block-start:1.65rem;border-radius:0!important;letter-spacing:.06em;text-transform:uppercase}.size-recommender__persistence-note{max-width:31rem;margin:.85rem auto 0;color:var(--sr-muted);font-size:.78rem;line-height:1.45;text-align:center}.size-recommender__back{display:inline-flex;align-items:center;gap:.45rem;padding:0;margin:0 0 1.6rem;border:0;background:transparent;color:inherit;cursor:pointer;font-size:.78rem}.size-recommender__back span{font-size:1.05rem;line-height:1}.size-recommender__fit-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--sr-border)}.size-recommender__fit-choice{min-width:0;cursor:pointer}.size-recommender__fit-choice+.size-recommender__fit-choice{border-inline-start:1px solid var(--sr-border)}.size-recommender__fit-choice input{position:absolute;opacity:0;pointer-events:none}.size-recommender__fit-choice>span{display:grid;place-content:center;min-height:8rem;padding:.8rem .45rem;text-align:center;transition:background-color .16s ease,color .16s ease}.size-recommender__fit-choice strong{font-size:.78rem;font-weight:600;text-transform:uppercase}.size-recommender__fit-choice small{margin-block-start:.4rem;color:var(--sr-muted);font-size:.65rem;line-height:1.3}.size-recommender__fit-choice input:checked+span{box-shadow:inset 0 0 0 1px var(--sr-text);background:color-mix(in srgb,var(--sr-text) 4%,transparent)}.size-recommender__result{text-align:center}.size-recommender__result>[data-size-match]>.size-recommender__eyebrow{margin-block-start:.25rem}.size-recommender__result-size{margin:1.9rem 0 0;color:inherit;font:inherit;font-size:clamp(4rem,14vw,5.75rem);font-weight:500;letter-spacing:-.065em;line-height:.85}.size-recommender__fit-status{margin:1.1rem 0 0;color:inherit;font-size:.82rem;font-weight:600}.size-recommender__confidence{max-width:29rem;margin:.35rem auto 1.8rem;color:var(--sr-muted);font-size:.7rem;line-height:1.35}.size-recommender__result-fit-tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:.25rem;border:1px solid var(--sr-border)}.size-recommender__result-fit-tabs button{min-width:0;min-height:3.1rem;padding:.65rem .35rem;border:0;background:transparent;color:var(--sr-muted);cursor:pointer;pointer-events:auto;touch-action:manipulation;font-size:.68rem;line-height:1.2;text-transform:uppercase}.size-recommender__result-fit-tabs button+button{border-inline-start:1px solid var(--sr-border)}.size-recommender__result-fit-tabs button:hover{background:color-mix(in srgb,var(--sr-text) 4%,transparent);color:var(--sr-text)}.size-recommender__result-fit-tabs button.is-active{box-shadow:inset 0 0 0 1.5px var(--sr-text);background:color-mix(in srgb,var(--sr-text) 5%,transparent);color:var(--sr-text)}.size-recommender__result-copy{min-height:2.8rem;margin:1.15rem 0 0;color:var(--sr-muted);font-size:.82rem;line-height:1.5;text-align:start}.size-recommender__start-over{display:block;width:max-content;padding:0;margin:1.35rem auto 0;border:0;border-block-end:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;font-size:.72rem;line-height:1.3;text-transform:uppercase}.size-recommender__details{margin-block-start:1.8rem;text-align:start}.size-recommender__details summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.75rem;padding:.9rem .15rem;border-block:1px solid var(--sr-border);color:var(--sr-text);cursor:pointer;list-style:none;transition:border-color .16s ease,background-color .16s ease}.size-recommender__details summary::-webkit-details-marker{display:none}.size-recommender__details summary:hover{border-color:color-mix(in srgb,var(--sr-text) 35%,transparent);background:color-mix(in srgb,var(--sr-text) 2.5%,transparent)}.size-recommender__details-title{font-size:.78rem;font-weight:600}.size-recommender__details-action{display:inline-flex;align-items:center;gap:.55rem;color:var(--sr-muted);font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.size-recommender__details-action-close{display:none}.size-recommender__details-chevron{width:.5rem;height:.5rem;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .18s ease}.size-recommender__details[open] .size-recommender__details-action-open{display:none}.size-recommender__details[open] .size-recommender__details-action-close{display:inline}.size-recommender__details[open] .size-recommender__details-chevron{transform:rotate(225deg) translate(-1px,-1px)}.size-recommender__math{display:grid;gap:0;padding-block:.25rem .5rem}.size-recommender__math-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem;padding-block:.75rem;border-block-start:1px solid var(--sr-border);font-size:.72rem;line-height:1.4}.size-recommender__math-label{color:var(--sr-muted)}.size-recommender__math-value{text-align:end}.size-recommender__no-match{padding-block-start:.25rem;text-align:start}.size-recommender__no-match h2{margin:1.2rem 0 0;color:inherit;font:inherit;font-size:clamp(2rem,8vw,3.2rem);font-weight:600;letter-spacing:-.045em;line-height:1}.size-recommender__no-match p:not(.size-recommender__eyebrow){margin:1rem 0 0;color:var(--sr-muted);font-size:.85rem;line-height:1.55}.size-recommender :focus-visible{outline:2px solid var(--sr-text);outline-offset:3px}@media screen and (min-width:700px){.size-recommender__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.size-recommender__field:last-child:nth-child(odd){grid-column:1 / -1}}@media screen and (max-width:420px){.size-recommender__fit-choice>span{min-height:6.8rem}.size-recommender__fit-choice small{display:none}.size-recommender__result-fit-tabs button{font-size:.62rem}}@keyframes size-recommender-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.size-recommender__step,.size-recommender__result,.size-recommender__progress-fill,.size-recommender__progress-dot{animation:none;transition:none}}.size-recommender__sprite{position:absolute;width:0;height:0;overflow:hidden}.size-recommender__visual-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.size-recommender__visual-choice{min-width:0;cursor:pointer}.size-recommender__visual-choice input{position:absolute;opacity:0;pointer-events:none}.size-recommender__visual-choice>span{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:14rem;padding:.9rem .55rem 1rem;border:1px solid var(--sr-border);background:transparent;color:var(--sr-text);text-align:center;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.size-recommender__visual-choice svg{width:100%;height:8.7rem;color:var(--sr-text)}.size-recommender__visual-choice strong{font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.size-recommender__visual-choice:hover>span{border-color:color-mix(in srgb,var(--sr-text) 55%,transparent);transform:translateY(-1px)}.size-recommender__visual-choice input:checked+span{border-color:var(--sr-text);box-shadow:inset 0 0 0 1px var(--sr-text);background:color-mix(in srgb,var(--sr-text) 4%,transparent)}.size-recommender__visual-choice input:focus-visible+span{outline:2px solid var(--sr-text);outline-offset:3px}.size-recommender__fit-prompt{margin:1.75rem 0 .75rem;color:inherit;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.size-recommender__field--wide{grid-column:1 / -1}.size-recommender__result>[data-size-match]{max-width:36rem;margin-inline:auto}@media screen and (max-width:460px){.size-recommender__visual-choices{gap:.4rem}.size-recommender__visual-choice>span{min-height:9.6rem;padding-inline:.25rem}.size-recommender__visual-choice svg{height:6.8rem}.size-recommender__visual-choice strong{font-size:.62rem}.size-recommender__result-size{font-size:clamp(3.75rem,18vw,5rem)}}.size-recommender__visual-image{display:block;width:100%;height:auto;aspect-ratio:4 / 5;background-color:#fff;background-image:url(/cdn/shop/files/distopion-size-finder-body-shapes-v1.png?v=1786865365);background-repeat:no-repeat;background-size:440% 352%}.size-recommender__visual-image--stomach-flat{background-position:6.86% 3.44%}.size-recommender__visual-image--stomach-average{background-position:50% 3.44%}.size-recommender__visual-image--stomach-round{background-position:93.14% 3.44%}.size-recommender__visual-image--torso-slim{background-position:6.86% 50%}.size-recommender__visual-image--torso-average{background-position:50% 50%}.size-recommender__visual-image--torso-broad{background-position:93.14% 50%}.size-recommender__visual-image--thigh-slim{background-position:6.86% 96.56%}.size-recommender__visual-image--thigh-average{background-position:50% 96.56%}.size-recommender__visual-image--thigh-full{background-position:93.14% 96.56%}@media screen and (max-width:699px){.size-recommender__visual-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0;padding:0;overflow:visible}.size-recommender__visual-choice{min-width:0}.size-recommender__visual-choice>span{min-height:10.8rem;padding:.45rem .25rem .8rem}.size-recommender__visual-choice strong{margin-block-start:.4rem;font-size:.68rem}.size-recommender__visual-image{background-size:440% 352%}.size-recommender__visual-image--stomach-flat{background-position:6.86% 3.44%}.size-recommender__visual-image--stomach-average{background-position:50% 3.44%}.size-recommender__visual-image--stomach-round{background-position:93.14% 3.44%}.size-recommender__visual-image--torso-slim{background-position:6.86% 50%}.size-recommender__visual-image--torso-average{background-position:50% 50%}.size-recommender__visual-image--torso-broad{background-position:93.14% 50%}.size-recommender__visual-image--thigh-slim{background-position:6.86% 96.56%}.size-recommender__visual-image--thigh-average{background-position:50% 96.56%}.size-recommender__visual-image--thigh-full{background-position:93.14% 96.56%}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/size-recommender.css.map */