.ux-shop{padding-bottom:24px}.ux-shop__head{padding:6px 0 4px}.ux-shop__title{margin:0;font-family:var(--font-primary--family);font-size:30px;font-weight:600;line-height:38px;letter-spacing:.04em;text-transform:uppercase}.ux-shop__desc{max-width:640px;margin-top:10px;font-size:14px;line-height:1.6;color:var(--ux-muted)}.ux-shop__banner{position:relative;height:340px;overflow:hidden;background:var(--ux-tile-2)}.ux-shop__banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ux-shop__banner-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#00000080,#0000002e 45%,#0000 72%)}.ux-shop__banner-copy{position:absolute;left:48px;right:48px;bottom:44px;max-width:540px;color:#fff}.ux-shop__eyebrow{margin:0 0 10px;font-size:11px;font-weight:500;line-height:16px;letter-spacing:.16em;text-transform:uppercase}.ux-shop__title--light{color:#fff;font-size:40px;line-height:46px}.ux-shop__intro{margin:12px 0 0;font-size:15px;line-height:1.55}.ux-cats{margin-top:34px}.ux-cats__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.ux-cats__title{margin:0;font-size:12px;font-weight:600;line-height:18px;letter-spacing:.14em;text-transform:uppercase}.ux-cats__arrows{display:none;gap:8px}.ux-cats.has-overflow .ux-cats__arrows{display:flex}.ux-cats__arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--ux-line-2);background:#fff;color:var(--ux-ink);cursor:pointer;transition:border-color .15s,opacity .15s}.ux-cats__arrow:hover:not(:disabled){border-color:var(--ux-ink)}.ux-cats__arrow:disabled{opacity:.35;cursor:default}.ux-cats__arrow .ux-i{width:12px;height:12px}.ux-cats__flip{transform:rotate(180deg)}.ux-cats__track{display:flex;gap:14px;list-style:none;margin:0;padding:4px 4px 6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.ux-cats__track::-webkit-scrollbar{display:none}.ux-cats__track>li{flex:0 0 128px;scroll-snap-align:start}.ux-cats__tile{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.ux-cats__img{display:block;width:100%;aspect-ratio:1 / 1;margin-bottom:9px;overflow:hidden;background:var(--ux-tile);outline:1px solid transparent;outline-offset:3px;transition:outline-color .2s}.ux-cats__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ux-ease)}.ux-cats__tile:hover .ux-cats__img img{transform:scale(1.05)}.ux-cats__tile.is-active .ux-cats__img{outline-color:var(--ux-ink)}.ux-cats__label{font-size:11px;font-weight:500;line-height:15px;letter-spacing:.08em;text-transform:uppercase}.ux-cats__tile.is-active .ux-cats__label{font-weight:700}.ux-cats__count{font-size:11px;line-height:14px;color:var(--ux-faint)}.ux-shop__toolbar{margin-top:30px}.ux-shop__toolbar .ux-toolbar__pills{align-items:center}.ux-shop__count{margin:0 10px 0 0;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ux-muted)}.ux-shop__body{gap:44px}.ux-shop__rail{width:240px}.ux-shop__rail .ux-rail__panel{gap:0;max-height:calc(100vh - 110px);overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#d6d2cb transparent}.ux-shop__rail .ux-rail__bar{display:none}.ux-catnav{display:flex;flex-direction:column;padding-top:4px}.ux-catnav__heading{margin:0 0 12px;font-size:12px;font-weight:600;line-height:18px;letter-spacing:.12em;text-transform:uppercase}.ux-catnav__link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0 7px 12px;border-left:2px solid var(--ux-line);font-size:13px;line-height:18px;letter-spacing:.03em;color:var(--ux-ink);transition:border-color .15s}.ux-catnav__link:hover{border-left-color:#b9b4ab}.ux-catnav__link.is-active{border-left-color:var(--ux-ink);font-weight:600}.ux-catnav__link--all{font-weight:600}.ux-catnav__count{flex:none;font-size:11px;font-weight:400;color:var(--ux-faint)}.ux-catnav__group{margin:18px 0 6px;font-size:10.5px;font-weight:600;line-height:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--ux-faint)}.ux-catnav__list{list-style:none;margin:0;padding:0}.ux-shop__filters-heading{margin-top:30px;padding-top:24px;border-top:1px solid var(--ux-line-2);margin-bottom:18px}.ux-shop__rail .ux-rail__form{gap:24px;padding-bottom:8px}.ux-facet__badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:6px;padding:0 4px;border-radius:8px;background:var(--ux-ink);color:#fff;font-size:10px;font-weight:600;line-height:1;vertical-align:1px}.ux-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}.ux-chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid var(--ux-line-2);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:border-color .15s}.ux-chip:hover{border-color:var(--ux-ink)}.ux-chip .ux-i{width:10px;height:10px}.ux-chip--clear{border-color:transparent;text-decoration:underline;text-underline-offset:3px}@media(max-width:768px){.ux-shop__banner{height:230px}.ux-shop__banner-copy{left:20px;right:20px;bottom:22px}.ux-shop__title--light{font-size:28px;line-height:34px}.ux-shop__intro{font-size:13px}.ux-shop__title{font-size:26px;line-height:32px}.ux-cats{margin-top:22px}.ux-cats__head{margin-bottom:12px}.ux-cats__arrows,.ux-cats.has-overflow .ux-cats__arrows{display:none}.ux-cats__track{gap:10px}.ux-cats__track>li{flex-basis:92px}.ux-cats__label{font-size:10px;line-height:13px}.ux-shop__toolbar{margin-top:20px}.ux-shop__count{display:none}.ux-shop__rail{width:auto}.ux-shop__rail .ux-rail__panel{max-height:none;padding-right:20px}.ux-shop__rail .ux-rail__bar{display:flex;margin-bottom:18px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ux-shop.css.map */