.pdp-wearability{--pdp-wearability-inactive-fg: rgba(var(--color-foreground), .78);--pdp-wearability-inactive-icon: rgba(var(--color-foreground), .65);--pdp-wearability-inactive-border: rgba(var(--color-foreground), .35);--pdp-wearability-pill-bg-active: var(--niche-cream);--pdp-wearability-border-active: var(--niche-accent-bronze-deep);display:flex;flex-direction:column;gap:1.25rem;padding-block:.5rem .25rem}.pdp-wearability__row{display:grid;grid-template-columns:8.5rem 1fr;align-items:center;gap:clamp(.5rem,2vw,1.25rem);padding-block:.625rem}.pdp-wearability__row--gauge{align-items:center}.pdp-wearability__head{display:flex;align-items:center;justify-content:flex-start;gap:.35rem;margin:0;text-align:start}.pdp-wearability__label{font-family:var(--niche-font-body);font-size:1.15rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--niche-fg-strong);line-height:var(--niche-leading-snug)}.pdp-wearability__tiles{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem clamp(.35rem,1.5vw,.75rem);width:100%}.pdp-wearability__pill{font-family:var(--niche-font-body);font-size:clamp(1.2rem,2.6vw,1.3rem);line-height:var(--niche-leading-snug);padding:.4rem .95rem;border-radius:22px;border:1px solid var(--pdp-wearability-inactive-border);background:transparent;color:var(--pdp-wearability-inactive-fg);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;opacity:.55;transition:color var(--niche-dur-base) var(--niche-ease-out),border-color var(--niche-dur-base) var(--niche-ease-out),background-color var(--niche-dur-base) var(--niche-ease-out),opacity var(--niche-dur-base) var(--niche-ease-out)}.pdp-wearability__pill.is-on{background:var(--pdp-wearability-pill-bg-active);color:var(--niche-fg-strong);border-color:var(--pdp-wearability-border-active);font-weight:500;opacity:1}.pdp-wearability__pill:not(.is-on):hover,.pdp-wearability__pill:not(.is-on):focus-visible{opacity:.85}.pdp-wearability__name{display:inline-block;font-size:inherit;letter-spacing:-.005em;text-transform:none;font-weight:inherit;line-height:var(--niche-leading-snug)}.pdp-wearability__pill .pdp-wearability__svg,.pdp-wearability__pill>svg,.pdp-wearability__pill .pdp-wearability__glyph svg{display:inline-block;width:1.4rem;height:1.4rem;stroke-width:1.6;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;color:inherit}.pdp-wearability__pill:not(.is-on) .pdp-wearability__svg,.pdp-wearability__pill:not(.is-on)>svg{color:var(--pdp-wearability-inactive-icon)}.pdp-wearability__tile{display:inline-flex;align-items:center;padding:.4rem .95rem;border-radius:22px;border:1px solid var(--niche-line);color:var(--niche-fg-soft);gap:.5rem}.pdp-wearability__tile.is-on{background:var(--pdp-wearability-pill-bg-active);border-color:var(--pdp-wearability-border-active);color:var(--niche-fg-strong);font-weight:500}.pdp-wearability__glyph{display:inline-flex;width:1.5rem;height:1.5rem;color:inherit}.pdp-wearability__info-wrap{position:relative;display:inline-flex;align-items:center;line-height:0}.pdp-wearability__info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;padding:0;background:transparent;border:1px solid rgba(var(--color-foreground),.12);border-radius:50%;color:var(--niche-fg-soft);cursor:pointer;transition:color var(--niche-dur-base) var(--niche-ease-out),border-color var(--niche-dur-base) var(--niche-ease-out),background-color var(--niche-dur-base) var(--niche-ease-out)}.pdp-wearability__info:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px;cursor:pointer}.pdp-wearability__info:hover,.pdp-wearability__info:focus-visible,.pdp-wearability__info[aria-expanded=true]{color:var(--niche-fg-strong);border-color:var(--pdp-wearability-border-active)}.pdp-wearability__tooltip{--pdp-wearability-tooltip-pad: .65rem;position:absolute;inset-inline-start:-1.5rem;inset-block-start:calc(100% + .6rem);z-index:20;width:min(22rem,calc(100vw - 2rem));max-width:min(22rem,calc(100vw - 2rem));padding:.5rem 0;background:var(--niche-cream);color:var(--niche-fg-strong);border:1px solid var(--niche-line);border-radius:10px;box-shadow:0 4px 6px rgba(var(--color-foreground),.04),0 12px 28px rgba(var(--color-foreground),.1);text-align:start;font-size:1.05rem;line-height:var(--niche-leading-normal);overflow-wrap:break-word}.pdp-wearability__tooltip[hidden]{display:none}.pdp-wearability__tooltip:before{content:"";position:absolute;inset-block-start:-5px;inset-inline-start:2rem;transform:rotate(45deg);width:9px;height:9px;background:var(--niche-cream);border-inline-start:1px solid var(--niche-line);border-block-start:1px solid var(--niche-line)}.pdp-wearability__tooltip-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.pdp-wearability__tooltip-list li{display:block;padding:var(--pdp-wearability-tooltip-pad) 1rem;border-block-end:1px solid var(--niche-line)}.pdp-wearability__tooltip-list li:last-child{border-block-end:none}.pdp-wearability__tooltip-term{display:block;position:relative;padding-inline-start:.85rem;font-size:1.02em;font-weight:600;letter-spacing:.02em;line-height:var(--niche-leading-snug);color:var(--niche-fg-strong)}.pdp-wearability__tooltip-term:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.55em;width:5px;height:5px;border-radius:50%;background:var(--pdp-wearability-border-active);transform:translateY(-50%)}.pdp-wearability__tooltip-desc{display:block;margin-block-start:.3rem;padding-inline-start:.85rem;font-size:.96em;font-weight:400;line-height:var(--niche-leading-normal);color:var(--niche-fg-soft)}@media screen and (max-width:749px){.pdp-wearability__row{grid-template-columns:1fr;align-items:flex-start;gap:.5rem;padding-block:.75rem}.pdp-wearability__head{justify-content:flex-start}.pdp-wearability__tiles{justify-content:flex-start;gap:.4rem clamp(.2rem,1.2vw,.5rem)}.pdp-wearability__pill{padding:.3rem .65rem}.pdp-wearability__tile{padding:.2rem}.pdp-wearability__name{font-size:clamp(1.1rem,2.4vw,1.2rem)}.pdp-wearability__tooltip{--pdp-wearability-tooltip-pad: .55rem;width:min(20rem,calc(100vw - 1.5rem));max-width:min(20rem,calc(100vw - 1.5rem));font-size:1rem}.pdp-wearability__tooltip-list li{padding-inline:.85rem}}@media(prefers-reduced-motion:reduce){.pdp-wearability__tile,.pdp-wearability__glyph,.pdp-wearability__name,.pdp-wearability__svg{transition:none;transform:none!important}}.pdp-wearability__gauge{width:100%;display:flex;flex-direction:column;gap:.9rem}.pdp-wearability__gauge-track{display:grid;grid-template-columns:repeat(var(--gauge-cols, 5),minmax(0,1fr));gap:.5rem .25rem}.pdp-wearability__gauge[data-segments="4"] .pdp-wearability__gauge-track{--gauge-cols: 4}.pdp-wearability__gauge[data-segments="5"] .pdp-wearability__gauge-track{--gauge-cols: 5}.pdp-wearability__segment{display:flex;flex-direction:column;align-items:center;gap:.65rem;min-width:0}.pdp-wearability__segment-bar{display:block;width:100%;height:.55rem;background:var(--line, var(--niche-line));border-radius:0;transition:background var(--niche-dur-base) var(--niche-ease-out)}.pdp-wearability__segment:first-child .pdp-wearability__segment-bar{border-start-start-radius:4px;border-end-start-radius:4px}.pdp-wearability__segment:last-child .pdp-wearability__segment-bar{border-start-end-radius:4px;border-end-end-radius:4px}.pdp-wearability__segment.is-filled .pdp-wearability__segment-bar,.pdp-wearability__segment.is-active .pdp-wearability__segment-bar{background:var(--brass-deep, var(--niche-accent-bronze-deep))}.pdp-wearability__segment-label{font-family:var(--niche-font-body);font-size:1.05rem;font-weight:500;letter-spacing:.02em;line-height:var(--niche-leading-snug);text-align:center;color:var(--pdp-wearability-inactive-fg);text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}[dir=rtl] .pdp-wearability__segment-label{letter-spacing:0}.pdp-wearability__segment.is-filled .pdp-wearability__segment-label{color:var(--niche-fg-medium)}.pdp-wearability__segment.is-active .pdp-wearability__segment-label{color:var(--brass-deep, var(--niche-accent-bronze-deep));font-weight:700;font-size:1.2rem;letter-spacing:0}.pdp-wearability__gauge-caption{display:none}@media(max-width:749px){.pdp-wearability__segment-label{font-size:.95rem}.pdp-wearability__segment.is-active .pdp-wearability__segment-label{font-size:1.1rem}.pdp-wearability__gauge-track{gap:.5rem .2rem}}@media(prefers-reduced-motion:reduce){.pdp-wearability__segment-bar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-wearability.css.map */