.size-dropdown{--sd-border: #111111;--sd-border-muted: #d4d4d4;--sd-muted: #6f6f6f;--sd-alert: rgb(var(--color-error-text));--sd-alert-muted: rgb(var(--color-error-text));--sd-hover: #f5f5f5;--sd-disabled-bg: #fafafa;position:relative;display:block;width:100%}@media all and (min-width:768px){.product .product-form__input--has-dropdown .size-dropdown{display:none!important}}@media all and (max-width:767px){.product .product-form__input--has-dropdown>.swatches{display:none!important}.label-swatch__stock{display:none}}.label-swatch__stock{font-size:12px;font-weight:700;line-height:1.2;text-transform:none;color:rgb(var(--color-error-text))}.size-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:17px 20px;background:transparent;border:1px solid var(--sd-border);border-radius:8px;font-size:15px;font-weight:700;line-height:1.2;text-align:start;cursor:pointer}.size-dropdown__trigger:focus-visible{outline:2px solid var(--sd-border);outline-offset:2px}.size-dropdown.is-selected .size-dropdown__value{text-transform:capitalize}.size-dropdown__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-dropdown__chevron{flex:0 0 auto;transform:rotate(180deg);transition:transform var(--animation-short, .2s) ease}.size-dropdown.is-open .size-dropdown__chevron{transform:rotate(0)}.size-dropdown__panel{position:absolute;z-index:20;inset-inline:0;top:calc(100% + 8px);max-height:340px;padding:6px 0;margin:0;overflow-y:auto;list-style:none;background:rgb(var(--color-background, 255 255 255));border:1px solid var(--sd-border-muted);border-radius:8px;box-shadow:0 6px 20px #00000014}.size-dropdown__panel[hidden]{display:none}.size-dropdown__panel:focus{outline:none}.size-dropdown__option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;font-size:15px;line-height:1.2;cursor:pointer}.size-dropdown__option.is-active,.size-dropdown__option:hover{background:var(--sd-hover)}.size-dropdown__option-label{display:flex;align-items:baseline;gap:6px;min-width:0}.size-dropdown__option-value{font-weight:700;text-transform:capitalize}.size-dropdown__option-alt{color:var(--sd-muted);font-weight:400}.size-dropdown__option-stock{flex:0 0 auto;color:var(--sd-alert);font-size:14px;font-weight:700;text-align:end}.size-dropdown__option.is-unavailable{background:var(--sd-disabled-bg)}.size-dropdown__option.is-unavailable .size-dropdown__option-value{color:var(--sd-muted);text-decoration:line-through}.size-dropdown__option.is-unavailable .size-dropdown__option-alt{color:var(--sd-muted)}.size-dropdown__option.is-unavailable .size-dropdown__option-stock{color:var(--sd-alert-muted);font-weight:400}.size-dropdown__option.is-selected .size-dropdown__option-value{text-decoration:underline;text-underline-offset:3px}@media all and (max-width:767px){.size-dropdown__trigger{padding:15px 16px}.size-dropdown__option{padding:12px 16px}.size-dropdown__option-stock{font-size:13px}}@media(prefers-reduced-motion:no-preference){.size-dropdown.is-open .size-dropdown__panel{animation:size-dropdown-panel-in .24s cubic-bezier(.2,0,0,1)}}@keyframes size-dropdown-panel-in{0%{opacity:0;transform:translateY(-6px)}}.tf-size-inline,.tf-size-bar{display:none}@media all and (min-width:768px){product-info:has(#tfc-widget,.tfc-fitrec-product) .tf-size-inline{display:inline-flex;align-items:center;gap:8px}}@media all and (max-width:767px){product-info:has(#tfc-widget,.tfc-fitrec-product) .tf-size-bar{display:block;margin-top:8px}}.tf-size-inline:has(.tf-size-tile.is-fallback){display:none!important}[data-tf-native]:not(.tf-native-revealed){position:absolute!important;z-index:-1;left:0;right:0;width:auto;margin:0!important;padding:0!important;opacity:0;pointer-events:none;clip-path:inset(50%)}.tf-size-tile,.tf-size-pick{--tf-green: #2b7044;--tf-green-soft: #eaf4ee;--tf-green-line: #cfe4d6}.tf-size-tile{--tf-fill: rgb(var(--color-foreground) / .045);--tf-fill-hover: rgb(var(--color-foreground) / .075);--tf-line: rgb(var(--color-foreground) / .12);--tf-muted: #5c5c61;--tf-icon: rgb(var(--color-foreground) / .65);--tf-radius: 12px;appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;margin:0;padding:10px 14px;background:var(--tf-fill);border:1px solid var(--tf-line);border-radius:var(--tf-radius);color:rgb(var(--color-foreground));font:inherit;letter-spacing:-.01em;text-align:left;text-transform:none;cursor:pointer;transition:background-color var(--animation-short, .2s) ease,border-color var(--animation-short, .2s) ease,transform .15s ease}.tf-size-tile:hover{background:var(--tf-fill-hover)}.tf-size-tile:active{transform:scale(.99)}.tf-size-tile:focus-visible{outline:2px solid var(--tf-green);outline-offset:2px}.tf-size-tile.has-result{--tf-fill: var(--tf-green-soft);--tf-fill-hover: #dfeee5;--tf-line: var(--tf-green-line);--tf-icon: var(--tf-green)}.tf-size-tile__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:24px;height:24px;color:var(--tf-icon)}.tf-size-tile__icon>*{display:none}.tf-size-tile__logo{width:100%;height:100%;object-fit:contain}.tf-size-tile__icon-find{width:22px;height:22px}.tf-size-tile:not(.is-fallback) .tf-size-tile__logo,.tf-size-tile.is-fallback .tf-size-tile__icon-find{display:block}.tf-size-tile__text{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.tf-size-tile__label{font-size:15px;font-weight:600;line-height:1.2}.tf-size-tile__sub{max-width:100%;overflow:hidden;font-size:13px;font-weight:400;line-height:1.2;color:var(--tf-muted);white-space:nowrap;text-overflow:ellipsis}.tf-size-tile__arrow{display:inline-flex;flex:0 0 auto;width:14px;height:14px;color:rgb(var(--color-foreground) / .35);transition:transform var(--animation-short, .2s) ease}.tf-size-tile__arrow svg{display:block;width:14px;height:14px}.tf-size-tile:hover .tf-size-tile__arrow{transform:translate(2px)}.tf-size-tile--inline{--tf-radius: 999px;gap:7px;width:auto;padding:5px 12px 5px 8px;border:0;letter-spacing:0}.tf-size-tile--inline .tf-size-tile__icon{width:18px;height:18px}.tf-size-tile--inline .tf-size-tile__arrow{display:none}.tf-size-tile--inline .tf-size-tile__label{font-size:14px;font-weight:500;line-height:1.25;white-space:nowrap}.tf-size-tile--inline .tf-size-tile__sub{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tf-size-tile--inline.has-result{color:var(--tf-green)}.tf-size-inline__sep{color:rgb(var(--color-foreground) / .3);font-size:14px;line-height:1;-webkit-user-select:none;user-select:none}.tf-size-tile--bar{padding:6px 16px}.tf-size-tile--bar .tf-size-tile__text{gap:2px}.tf-size-tile--bar.has-insight .tf-size-tile__sub{white-space:normal}.tf-size-pick{display:inline-block;max-width:100%;padding:3px 7px;border-radius:999px;background:var(--tf-green-soft);color:var(--tf-green);font-size:12px;font-weight:600;line-height:1.2;letter-spacing:-.005em;text-transform:none;white-space:nowrap}.label-swatch.tf-size-pick-host{position:relative;padding-top:5px;padding-bottom:27px;transition:padding .25s ease}.label-swatch .tf-size-pick{animation:tf-size-pick-in .25s ease both}@keyframes tf-size-pick-in{0%{opacity:0}}.label-swatch .tf-size-pick{position:absolute;left:0;right:0;bottom:0;margin:0;padding:4px 6px;border-radius:0;text-align:center;overflow:hidden}.label-swatch.checked .tf-size-pick{background:rgb(var(--color-background, 255 255 255) / .2);color:inherit}.size-dropdown__option .tf-size-pick{margin:0 0 0 8px}.size-dropdown__option-label:has(.tf-size-pick){flex-wrap:wrap;row-gap:4px}.tf-size-tile.is-busy{cursor:progress}.tf-size-tile.is-busy .tf-size-tile__icon>*{display:none}.tf-size-tile.is-busy .tf-size-tile__icon:after{content:"";width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:tf-size-tile-spin .7s linear infinite}.tf-size-tile--inline.is-busy .tf-size-tile__icon:after{width:13px;height:13px}@keyframes tf-size-tile-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tf-size-tile,.label-swatch.tf-size-pick-host{transition:none}.label-swatch .tf-size-pick{animation:none}.tf-size-tile:active{transform:none}.tf-size-tile.is-busy .tf-size-tile__icon:after{animation:none;border-right-color:currentColor;opacity:.4}}.tf-size-tile.is-fallback .tf-size-tile__icon{color:var(--tf-muted)}.tf-size-pick{pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/733/assets/size-dropdown.css.map */