.ux-selector{padding-block:2rem clamp(3.2rem,7vw,7rem);background:var(--color-cream)}.ux-selector-progress{--progress-gap: 1rem;margin-bottom:2.5rem;padding:1.25rem 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white)}.ux-selector-progress ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:var(--progress-gap);margin:0;padding:0;list-style:none}.ux-selector-progress li{display:grid;position:relative;grid-template-rows:2rem auto;justify-items:center;gap:.5rem;min-width:0;text-align:center}.ux-selector-progress li:not(:last-child):after{content:"";width:calc(100% + var(--progress-gap) - 2rem);height:1px;position:absolute;left:calc(50% + 1rem);top:1rem;background:var(--color-border)}.ux-selector-progress__number{display:inline-flex;width:2rem;height:2rem;flex:0 0 2rem;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-white);font-weight:700;position:relative;z-index:1}.ux-selector-progress [aria-current=step]{font-weight:700}.ux-selector-progress [aria-current=step] .ux-selector-progress__number{border-color:var(--color-action);background:var(--color-action);color:var(--color-white)}.ux-selector-progress__mobile-count{display:none}.ux-selector__heading{max-width:58rem;margin-bottom:2rem}.ux-selector__heading h1{margin-bottom:1rem;font-size:clamp(2.2rem,4.5vw,4.5rem)}.ux-selector__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:1.5rem}.ux-selector-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white)}.ux-selector-card__media{order:1;display:block;aspect-ratio:5 / 4;overflow:hidden;border-radius:calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 0 0;background:var(--color-cream)}.ux-selector-card__media img{width:100%;height:100%;object-fit:contain}.ux-selector-card__content{display:flex;order:2;flex:1;flex-direction:column;align-items:flex-start;padding:1.25rem 1.25rem 0;overflow-wrap:anywhere}.ux-selector-card h2{margin-bottom:.5rem;font-size:1.25rem;line-height:1.2}.ux-selector-card__description{margin-bottom:1rem}.ux-selector-card__price{margin:0 0 .35rem;font-size:1.12rem;font-weight:700}.ux-selector-card__options{display:flex;flex-wrap:wrap;gap:0 .75rem;margin:0;padding:0;list-style:none;font-size:.92rem;line-height:1.35}.ux-selector-card__action{order:3;margin-top:auto;padding:1rem 1.25rem 1.25rem}.ux-selector__empty{padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-white)}.ux-selector__empty h2{max-width:32rem;margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem)}@media(max-width:1100px){.ux-selector__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-selector-progress{--progress-gap: .5rem;padding-inline:1rem}}@media(max-width:820px){.ux-selector__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ux-selector{padding-top:1rem}.ux-selector-progress{margin-bottom:2rem;padding:0 0 1rem;border:0;border-radius:0;background:transparent}.ux-selector-progress:after{content:"";display:block;height:.375rem;margin-top:.75rem;border-radius:var(--radius-button);background:linear-gradient(to right,var(--color-action) 25%,var(--color-border) 25%)}.ux-selector-progress li{display:block;text-align:left}.ux-selector-progress ol{grid-template-columns:minmax(0,1fr)}.ux-selector-progress li:not(:last-child):after{content:none}.ux-selector-progress li:not([aria-current=step]),.ux-selector-progress__number{display:none}.ux-selector-progress__mobile-count{display:inline}.ux-selector__heading h1{font-size:clamp(2rem,8vw,2.6rem)}.ux-selector__grid{grid-template-columns:minmax(0,1fr);gap:1rem}.ux-selector-card{display:flex}.ux-selector-card__media{order:2;width:calc(100% - 2rem);max-height:13rem;margin:.25rem 1rem 0;aspect-ratio:16 / 9;border-radius:var(--radius-button)}.ux-selector-card__content{order:1;flex:0 0 auto;padding:1rem 1rem .65rem}.ux-selector-card h2{font-size:1.22rem}.ux-selector-card__price{font-size:1.12rem}.ux-selector-card__action{padding:.85rem 1rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/ux-selector.css.map */