.shop-by-note{padding:82px 0 92px;background:var(--sbn-bg)}.shop-by-note__inner{width:min(1440px,calc(100% - 64px))}.shop-by-note__header{position:relative;max-width:720px;margin-bottom:48px;padding-top:17px}.shop-by-note__header:before{position:absolute;top:0;left:50%;width:44px;height:1px;background:var(--sbn-accent);content:"";transform:translate(-50%)}.shop-by-note h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,3.2vw,50px);font-weight:400;letter-spacing:0;text-transform:none}.shop-by-note__eyebrow{color:var(--sbn-accent)}.shop-by-note__subtitle{margin-top:12px;color:var(--sbn-muted)}.shop-by-note__line{display:none}.shop-by-note__tabs{--sbn-gap: clamp(14px, 1.35vw, 24px);display:flex;gap:var(--sbn-gap);padding:4px 2px 22px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:2px;scroll-snap-type:x proximity;scrollbar-color:color-mix(in srgb,var(--sbn-accent) 55%,transparent) transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.shop-by-note__carousel{position:relative}.shop-by-note__arrow{position:absolute;z-index:2;top:50%;display:grid;width:38px;height:38px;padding:0;border:1px solid color-mix(in srgb,var(--sbn-accent) 62%,transparent);border-radius:50%;background:var(--sbn-card);color:var(--sbn-text);font-size:19px;line-height:1;place-items:center;cursor:pointer;box-shadow:0 5px 18px #5942231f;transform:translateY(-50%);transition:opacity .2s ease,background-color .2s ease,color .2s ease}.shop-by-note__arrow:hover,.shop-by-note__arrow:focus-visible{background:var(--sbn-accent);color:#fff}.shop-by-note__arrow:disabled{opacity:.35;cursor:default}.shop-by-note__arrow--previous{left:-18px}.shop-by-note__arrow--next{right:-18px}.shop-by-note__tabs::-webkit-scrollbar{height:4px}.shop-by-note__tabs::-webkit-scrollbar-track{background:transparent}.shop-by-note__tabs::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sbn-accent) 55%,transparent)}.shop-by-note__tab,.shop-by-note__tab:hover,.shop-by-note__tab:focus{color:var(--sbn-text);text-decoration:none}.shop-by-note__tab{flex:0 0 calc((100% - (5 * var(--sbn-gap))) / 6);width:calc((100% - (5 * var(--sbn-gap))) / 6);min-height:0;padding:20px 16px 22px;border:1px solid color-mix(in srgb,var(--sbn-accent) 38%,transparent);background:var(--sbn-card);overflow:visible;scroll-snap-align:start;text-align:center;transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease}.shop-by-note__tab:hover,.shop-by-note__tab:focus-visible,.shop-by-note__tab.is-active{border-color:color-mix(in srgb,var(--sbn-accent) 70%,transparent);box-shadow:0 15px 34px #5942231a;transform:translateY(-5px)}.shop-by-note__tab.is-active{box-shadow:0 10px 26px #5942231f,inset 0 -2px var(--sbn-accent)}.shop-by-note__tab-media{width:100%;aspect-ratio:1 / 1;margin:0 0 18px;background:transparent}.shop-by-note__tab-media img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(80,57,25,.05))}.shop-by-note__tab:hover .shop-by-note__tab-media img{transform:scale(1.035)}.shop-by-note--compact{padding:38px 0 42px;overflow:hidden}.shop-by-note--compact .shop-by-note__header{margin-bottom:24px}.shop-by-note--compact h2{font-size:clamp(28px,2.2vw,38px)}.shop-by-note--compact .shop-by-note__tabs{display:flex;gap:12px;padding:4px 2px 15px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:2px;scroll-snap-type:x proximity;scrollbar-color:color-mix(in srgb,var(--sbn-accent) 55%,transparent) transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.shop-by-note--compact .shop-by-note__tabs::-webkit-scrollbar{height:4px}.shop-by-note--compact .shop-by-note__tabs::-webkit-scrollbar-track{background:transparent}.shop-by-note--compact .shop-by-note__tabs::-webkit-scrollbar-thumb{border-radius:0;background:color-mix(in srgb,var(--sbn-accent) 55%,transparent)}.shop-by-note--compact .shop-by-note__tab{flex:0 0 132px;width:132px;padding:11px 9px 13px;scroll-snap-align:start}.shop-by-note--compact .shop-by-note__tab-media{height:92px;margin-bottom:8px;aspect-ratio:auto}.shop-by-note--compact .shop-by-note__tab-media img{width:82px;height:82px}.shop-by-note--compact .shop-by-note__tab-name{min-height:34px;padding:13px 2px 0;font-size:15px;line-height:1.15;white-space:normal}.shop-by-note--compact .shop-by-note__tab-name:before{width:27px}.shop-by-note__tab-name{position:relative;width:100%;padding:23px 4px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,1.35vw,24px);font-weight:400;letter-spacing:0;line-height:1.2;text-align:center;overflow-wrap:normal;word-break:keep-all}.shop-by-note__tab-name:before{position:absolute;top:0;left:50%;width:42px;height:1px;background:var(--sbn-accent);content:"";transform:translate(-50%)}@media(max-width:1199px)and (min-width:768px){.shop-by-note__tab{flex-basis:calc((100% - (2 * var(--sbn-gap))) / 3);width:calc((100% - (2 * var(--sbn-gap))) / 3)}}@media(max-width:767px){.shop-by-note{padding:58px 0 64px;overflow:hidden}.shop-by-note__inner{width:100%}.shop-by-note__header{margin:0 24px 34px}.shop-by-note__tabs{display:flex;gap:12px;padding:0 20px 22px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:20px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shop-by-note__arrow{top:calc(50% - 11px);width:32px;height:32px;font-size:16px}.shop-by-note__arrow--previous{left:4px}.shop-by-note__arrow--next{right:4px}.shop-by-note__tabs::-webkit-scrollbar{display:none}.shop-by-note__tab{flex:0 0 calc((100vw - 52px) / 2.2);min-height:0;padding:14px 10px 18px;scroll-snap-align:start}.shop-by-note__tab:hover,.shop-by-note__tab.is-active{transform:none}.shop-by-note__tab-media{margin-bottom:12px}.shop-by-note__tab-media img{width:78%;height:78%}.shop-by-note__tab-name{padding-top:18px;font-size:18px}.shop-by-note__tab-name:before{width:32px}.shop-by-note--compact{padding:34px 0 38px}.shop-by-note--compact .shop-by-note__header{margin-bottom:22px}.shop-by-note--compact .shop-by-note__tabs{gap:10px;padding:0 20px 14px;scroll-padding-inline:20px}.shop-by-note--compact .shop-by-note__tab{flex-basis:112px;width:112px;padding:9px 7px 11px}.shop-by-note--compact .shop-by-note__tab-media{height:76px;margin-bottom:7px}.shop-by-note--compact .shop-by-note__tab-media img{width:70px;height:70px}.shop-by-note--compact .shop-by-note__tab-name{min-height:31px;padding-top:11px;font-size:14px}}@media(prefers-reduced-motion:reduce){.shop-by-note__tab,.shop-by-note__tab-media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/shop-by-note-home1.css.map */