.hl-shop{--shop-brown: #39251a;--shop-orange: #e05a29;--shop-orange-dark: #c44e20;--shop-cream: #f9f4ef;--shop-grey: #e0d8d0;--shop-muted: #8a7568;--shop-ink2: #5e4a3e;--shop-ease: cubic-bezier(.2, .8, .2, 1);--shop-bounce: cubic-bezier(.3, 1.2, .5, 1);background:#fff;color:var(--shop-brown);font-family:"DM Sans",var(--font-sans, sans-serif);letter-spacing:normal}.hl-shop *,.hl-shop-bar *{box-sizing:border-box}.hl-shop__hero{background:#fff;transition:background .45s ease}.hl-shop__hero[data-range=signature]{background:var(--shop-brown)}.hl-shop__hero-inner{max-width:1280px;margin:0 auto;padding:48px 48px 40px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.hl-shop__titles{display:flex;flex-direction:column;gap:8px;min-width:0}.hl-shop__title{margin:0;font-family:"Playfair Display",var(--font-serif, serif);font-weight:700;font-style:normal;font-size:56px;line-height:1;letter-spacing:.005em;color:var(--shop-brown);transition:color .45s ease}.hl-shop__line{margin:0;font-size:15px;line-height:1.4;color:var(--shop-muted);transition:color .45s ease}.hl-shop__hero[data-range=signature] .hl-shop__title{color:#fff}.hl-shop__hero[data-range=signature] .hl-shop__line{color:#ffffffc7}.hl-seg{position:relative;flex:none;width:360px;height:50px;padding:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:25px;background:#39251a0d;border:1px solid rgba(57,37,26,.05);box-shadow:inset 0 1px 3px #39251a14;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.hl-shop__hero[data-range=signature] .hl-seg{background:#ffffff1a;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff1a}.hl-seg__lens{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:21px;background:#fff;border:1px solid rgba(255,255,255,0);box-shadow:0 1px 3px #39251a24,0 4px 12px #39251a1a,inset 0 1px #fff;pointer-events:none;will-change:transform;transform:translate(0);transition:transform .44s var(--shop-bounce),background .25s ease,box-shadow .25s ease,border-color .25s ease}.hl-seg[data-range=signature] .hl-seg__lens{transform:translate(100%)}.hl-seg[data-range=essentials] .hl-seg__lens{transform:translate(200%)}.hl-seg.is-pressed .hl-seg__lens{background:#ffffff61;border-color:#ffffffe6;box-shadow:0 1px 3px #39251a24,0 12px 28px #39251a2e,inset 0 1px #fff,inset 0 -1px 1px #39251a0f}.hl-seg.is-pressed:not(.is-dragging)[data-range=all] .hl-seg__lens{transform:translate(0) scale(1.12)}.hl-seg.is-pressed:not(.is-dragging)[data-range=signature] .hl-seg__lens{transform:translate(100%) scale(1.12)}.hl-seg.is-pressed:not(.is-dragging)[data-range=essentials] .hl-seg__lens{transform:translate(200%) scale(1.12)}.hl-seg.is-dragging .hl-seg__lens{transition:background .2s ease,box-shadow .2s ease}.hl-seg__opt{position:relative;z-index:1;min-width:0;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--shop-ink2);cursor:pointer;transition:color .25s ease,transform .25s ease}.hl-seg__opt--all{font-family:"DM Sans",var(--font-sans, sans-serif);font-size:14px;font-weight:700}.hl-seg__opt--sig{font-family:"Playfair Display",var(--font-serif, serif);font-style:italic;font-size:17px;font-weight:400}.hl-seg__opt--ess{font-family:"DM Sans",var(--font-sans, sans-serif);font-size:12px;font-weight:700;letter-spacing:.08em}.hl-shop__hero[data-range=signature] .hl-seg__opt{color:#ffffffd1}.hl-seg:not([data-hover])[data-range=all] .hl-seg__opt--all,.hl-seg[data-hover=all] .hl-seg__opt--all{color:var(--shop-brown)}.hl-seg:not([data-hover])[data-range=signature] .hl-seg__opt--sig,.hl-seg[data-hover=signature] .hl-seg__opt--sig,.hl-seg:not([data-hover])[data-range=essentials] .hl-seg__opt--ess,.hl-seg[data-hover=essentials] .hl-seg__opt--ess{color:var(--shop-orange-dark)}.hl-seg.is-pressed:not([data-hover])[data-range=all] .hl-seg__opt--all,.hl-seg.is-pressed:not([data-hover])[data-range=signature] .hl-seg__opt--sig,.hl-seg.is-pressed:not([data-hover])[data-range=essentials] .hl-seg__opt--ess,.hl-seg[data-hover=all] .hl-seg__opt--all,.hl-seg[data-hover=signature] .hl-seg__opt--sig,.hl-seg[data-hover=essentials] .hl-seg__opt--ess{transform:scale(1.06)}.hl-seg__opt:focus-visible{outline:2px solid var(--shop-orange);outline-offset:-2px;border-radius:21px}.hl-shop__filters{background:var(--shop-cream)}.hl-shop__filters-inner{max-width:1280px;margin:0 auto;padding:4px 48px 20px;display:flex;flex-direction:column;gap:16px}.hl-shop__cats{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 -1px 0 var(--shop-grey)}.hl-shop__cats::-webkit-scrollbar,.hl-chips::-webkit-scrollbar{display:none}.hl-shop__cat{position:relative;flex:none;height:48px;padding:0 14px;border:0;background:transparent;display:flex;align-items:center;font-family:inherit;font-size:15px;font-weight:500;color:var(--shop-brown);white-space:nowrap;cursor:pointer;transition:color .2s ease}.hl-shop__cat:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:1px;background:var(--shop-orange);transform:scaleX(0);transition:transform .3s var(--shop-ease)}.hl-shop__cat:hover{color:var(--shop-orange)}.hl-shop__cat.is-active{font-weight:700}.hl-shop__cat.is-active:hover{color:var(--shop-brown)}.hl-shop__cat.is-active:after{transform:scaleX(1)}.hl-shop__cat:focus-visible{outline:2px solid var(--shop-orange);outline-offset:-4px}.hl-shop__chipwrap{position:relative}.hl-shop__chipwrap[hidden]{display:none}.hl-chips{position:relative;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:3px 56px 12px 3px;margin-bottom:-9px;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}.hl-chip{flex:none;height:38px;padding:0 16px;border-radius:19px;border:1px solid rgba(255,255,255,.9);background:#ffffffb3;box-shadow:inset 0 1px #fff,0 1px 2px #39251a0f;font-family:"DM Sans",var(--font-sans, sans-serif);font-size:14px;font-weight:500;letter-spacing:-.005em;color:var(--shop-brown);white-space:nowrap;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.hl-chip:hover{border-color:#39251a47}.hl-chip:active{transform:scale(.96)}.hl-chip.is-on{background:var(--shop-brown, #39251a);border-color:var(--shop-brown, #39251a);color:#fff;font-weight:700;box-shadow:inset 0 1px #ffffff38,0 4px 12px #39251a40}.hl-chip:focus-visible{outline:2px solid var(--shop-orange, #e05a29);outline-offset:2px}.hl-chips__next{position:absolute;right:0;top:3px;width:38px;height:38px;padding:0;border-radius:19px;border:1px solid rgba(255,255,255,.9);background:#ffffff8c;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);box-shadow:inset 0 1px #fff,inset 0 -1px #39251a0d,0 4px 12px #39251a1a;color:var(--shop-brown);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.hl-chips__next:active{transform:scale(.94)}.hl-chips__next.is-off{opacity:0;pointer-events:none}.hl-shop__results{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hl-shop__summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:32px}.hl-shop__count{font-size:14px;color:var(--shop-muted);font-variant-numeric:tabular-nums}.hl-shop__tokens{display:contents}.hl-token{height:30px;padding:0 8px 0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.85);border-radius:15px;background:#fff9;box-shadow:inset 0 1px #fff;font-family:inherit;font-size:13px;font-weight:500;color:var(--shop-brown);cursor:pointer;transition:background .15s ease,transform .15s ease}.hl-token:hover{background:#fff}.hl-token:active{transform:scale(.96)}.hl-cap-wrap{position:relative}.hl-cap{height:50px;display:flex;align-items:center;padding:4px;border-radius:25px;background:#ffffff80;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px #fff,inset 0 -1px #39251a0d,0 6px 18px #39251a14}.hl-cap__stock{height:42px;padding:0 14px 0 8px;display:flex;align-items:center;gap:10px;border:0;border-radius:21px;background:transparent;font-family:inherit;font-size:14px;font-weight:700;color:var(--shop-brown);white-space:nowrap;cursor:pointer}.hl-cap__divider{flex:none;width:1px;height:22px;background:#39251a1a}.hl-cap__sort{height:42px;padding:0 12px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-radius:21px;background:transparent;font-family:inherit;font-size:14px;color:var(--shop-brown);white-space:nowrap;cursor:pointer;transition:background .2s ease}.hl-cap__sort:active,.hl-cap__sort.is-open{background:#ffffffd9}.hl-cap__sort-text{display:flex;gap:6px}.hl-cap__sort-k{color:var(--shop-ink2)}.hl-cap__sort-v{font-weight:700}.hl-cap__chev{display:flex;transition:transform .3s var(--shop-ease)}.hl-cap__sort.is-open .hl-cap__chev{transform:rotate(180deg)}.hl-cap__stock:focus-visible,.hl-cap__sort:focus-visible,.hl-token:focus-visible,.hl-chips__next:focus-visible{outline:2px solid var(--shop-orange);outline-offset:2px}.hl-switch{position:relative;flex:none;width:44px;height:26px;border-radius:13px;background:#39251a24;box-shadow:inset 0 1px 2px #39251a26;transition:background .25s ease}.hl-switch__knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:11px;background:#fff;box-shadow:0 2px 4px #39251a40,inset 0 -1px #39251a0f;transform:translate(0);transition:transform .32s cubic-bezier(.3,1.35,.5,1),width .2s ease}.is-on>.hl-switch{background:var(--shop-orange, #e05a29)}.is-on>.hl-switch .hl-switch__knob{transform:translate(18px)}.is-press>.hl-switch .hl-switch__knob{width:28px}.is-on.is-press>.hl-switch .hl-switch__knob{transform:translate(12px)}.hl-pop{position:absolute;right:0;top:58px;z-index:5;width:250px;padding:8px;border-radius:20px;background:#f9f4efb8;-webkit-backdrop-filter:blur(32px) saturate(190%);backdrop-filter:blur(32px) saturate(190%);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px #fff,0 24px 60px #39251a3d;display:flex;flex-direction:column;transform-origin:calc(100% - 60px) -8px;opacity:0;transform:translateY(-8px) scale(.94);filter:blur(8px);pointer-events:none;visibility:hidden;transition:opacity .2s ease,transform .38s cubic-bezier(.2,.8,.2,1),filter .26s ease,visibility 0s linear .38s}.hl-pop.is-open{opacity:1;transform:none;filter:none;pointer-events:auto;visibility:visible;transition:opacity .2s ease,transform .38s cubic-bezier(.2,.8,.2,1),filter .26s ease,visibility 0s}.hl-pop [role=listbox]{display:flex;flex-direction:column}.hl-pop__opt{width:100%;height:42px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:12px;background:transparent;font-family:"DM Sans",var(--font-sans, sans-serif);font-size:15px;font-weight:500;color:#39251a;text-align:left;cursor:pointer;transition:background .15s ease}.hl-pop__opt:hover,.hl-pop__opt:focus-visible{background:#ffffffb3;outline:none}.hl-pop__opt:active{background:#ffffffe6}.hl-pop__opt.is-on{font-weight:700}.hl-pop__check{display:flex;color:#e05a29;visibility:hidden}.hl-pop__opt.is-on .hl-pop__check{visibility:visible}.hl-pop__stock{width:100%;height:46px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:12px;background:transparent;font-family:"DM Sans",var(--font-sans, sans-serif);font-size:15px;font-weight:500;color:#39251a;cursor:pointer}.hl-pop__stock:focus-visible{background:#ffffffb3;outline:none}.hl-pop__rule{height:1px;margin:4px 10px;background:#39251a14}.hl-pop__label{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5e4a3e}.hl-shop-bar{position:fixed;left:0;right:0;top:var(--hl-header-h, 0px);z-index:60;font-family:"DM Sans",var(--font-sans, sans-serif);color:#39251a;letter-spacing:normal;transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .25s ease}.hl-shop-bar[hidden]{display:none}.hl-shop-bar.is-on{transform:none;opacity:1;pointer-events:auto}.hl-shop-bar__glass{background:#f9f4ef8c;-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);box-shadow:inset 0 1px #fffc,inset 0 -1px #ffffff80}.hl-shop-bar__edge{height:18px;background:linear-gradient(180deg,#f9f4ef8c,#f9f4ef00);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent);pointer-events:none}.hl-shop-bar__inner{max-width:1280px;margin:0 auto;padding:10px 48px;display:flex;align-items:center;gap:18px}.hl-shop-bar__title{flex:none;display:flex;align-items:baseline;gap:10px}.hl-shop-bar__name{font-family:"Playfair Display",var(--font-serif, serif);font-weight:700;font-size:22px;line-height:1.2}.hl-shop-bar__count{font-size:13px;font-weight:500;letter-spacing:.01em;color:#5e4a3e;font-variant-numeric:tabular-nums}.hl-chips--compact{flex:1;min-width:0;gap:6px;padding:3px 24px 12px 3px;margin-bottom:-9px;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}.hl-chips--compact .hl-chip{height:34px;padding:0 14px;border-radius:17px}.hl-shop-bar:not(.has-chips) .hl-chips--compact{visibility:hidden}.hl-shop-bar__tools{position:relative;flex:none;margin-left:auto}.hl-shop-bar__btn{height:40px;padding:0 16px 0 14px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.85);border-radius:20px;background:#ffffff8c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px #fff,inset 0 -1px #39251a0d,0 4px 14px #39251a14;font-family:inherit;font-size:14px;font-weight:700;color:#39251a;white-space:nowrap;cursor:pointer;transition:background .2s ease,transform .15s ease}.hl-shop-bar__btn:active,.hl-shop-bar__btn.is-open{background:#ffffffd9}.hl-shop-bar__btn:active{transform:scale(.97)}.hl-shop-bar__btn:focus-visible{outline:2px solid #e05a29;outline-offset:2px}.hl-shop-bar__dot{width:6px;height:6px;border-radius:3px;background:#e05a29}.hl-shop-bar__dot[hidden]{display:none}.hl-pop--bar{top:50px;width:260px;transform-origin:calc(100% - 30px) -8px}.hl-shop__body{padding-top:32px;padding-bottom:96px}.hl-shop__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}.hl-shop__cell{display:contents}.hl-shop__cell.is-hidden{display:none}.hl-shop__empty{padding:72px 0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.hl-shop__empty[hidden]{display:none}.hl-shop__empty-title{margin:0;font-family:"Playfair Display",var(--font-serif, serif);font-weight:700;font-size:28px;line-height:1.2;color:var(--shop-brown)}.hl-shop__empty-text{margin:0;max-width:440px;font-size:16px;line-height:1.5;color:var(--shop-muted)}.hl-shop__empty-btn{margin-top:8px;height:44px;padding:0 22px;border:0;border-radius:4px;background:var(--shop-orange);font-family:inherit;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:background .2s ease,transform .15s ease}.hl-shop__empty-link{display:inline-flex;align-items:center;color:#fff;text-decoration:none}.hl-shop__empty-btn:hover{background:var(--shop-orange-dark)}.hl-shop__empty-btn:active{transform:scale(.98)}.hl-shop__empty-btn[hidden]{display:none}.hl-shop__legend{display:flex;gap:28px;justify-content:center;margin-top:56px;padding-top:28px;border-top:1px solid var(--shop-grey);flex-wrap:wrap}.hl-shop__legend-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--shop-muted)}.hl-shop__legend-swatch{width:18px;height:18px;border-radius:4px;flex-shrink:0}.hl-shop__legend-swatch--sig{background:var(--hl-black, #1a1008)}.hl-shop__legend-swatch--ess{background:var(--shop-cream);border:1px solid var(--shop-grey)}.hl-shop__legend-name--sig{font-family:"Playfair Display",var(--font-serif, serif);font-style:italic;color:var(--shop-brown)}.hl-shop__legend-name--ess{font-weight:700;color:var(--shop-brown)}@media screen and (max-width:960px){.hl-shop__hero-inner{padding:28px 20px 24px;flex-direction:column;align-items:stretch;gap:20px}.hl-shop__title{font-size:40px}.hl-seg{width:100%}.hl-shop__filters-inner{padding:4px 20px 16px}.hl-chips{padding-right:24px}.hl-chips__next{display:none}.hl-cap-wrap{width:100%}.hl-cap__stock,.hl-cap__sort{flex:1}.hl-shop-bar__inner{padding:10px 16px;gap:10px}.hl-shop-bar__title,.hl-shop-bar__sort{display:none}.hl-shop-bar__btn{padding:0 12px}.hl-shop__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}}@media screen and (max-width:749px){.hl-shop__grid{grid-template-columns:minmax(0,1fr);gap:20px}}@media(prefers-reduced-motion:reduce){.hl-shop__hero,.hl-shop__title,.hl-shop__line,.hl-seg,.hl-seg__lens,.hl-seg__opt,.hl-shop__cat:after,.hl-chip,.hl-switch,.hl-switch__knob,.hl-cap__chev{transition-duration:0s!important}.hl-seg.is-pressed:not(.is-dragging)[data-range=all] .hl-seg__lens{transform:translate(0)}.hl-seg.is-pressed:not(.is-dragging)[data-range=signature] .hl-seg__lens{transform:translate(100%)}.hl-seg.is-pressed:not(.is-dragging)[data-range=essentials] .hl-seg__lens{transform:translate(200%)}.hl-seg__opt{transform:none!important}.hl-pop,.hl-pop.is-open,.hl-shop-bar,.hl-shop-bar.is-on{transform:none;filter:none;transition:opacity .15s ease,visibility 0s linear .15s}.hl-pop.is-open,.hl-shop-bar.is-on{transition:opacity .15s ease,visibility 0s}}@media(prefers-reduced-transparency:reduce){.hl-shop [data-glass],.hl-shop-bar [data-glass],.hl-shop-bar__edge{background:#f9f4ef;-webkit-backdrop-filter:none;backdrop-filter:none}.hl-shop__hero[data-range=signature] .hl-seg{background:#ffffff24}}@media(prefers-contrast:more){.hl-shop [data-glass],.hl-shop-bar [data-glass]{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #39251a}.hl-chip:not(.is-on),.hl-token{border-color:#39251a}.hl-shop__hero[data-range=signature] .hl-seg__opt{color:#39251a}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/hl-shop.css.map */
