.shop-by-notes,.shop-by-notes__container{width:100%}.shop-by-notes__container.container{padding-left:50px;padding-right:50px}@media screen and (max-width:749px){.shop-by-notes__container.container{padding-left:20px;padding-right:20px}}.shop-by-notes__header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:4rem;text-align:left}.shop-by-notes__header-left{display:flex;flex-direction:column;align-items:flex-start;flex:1}@media screen and (max-width:749px){.shop-by-notes__header{margin-bottom:2.5rem;padding-left:0}}.shop-by-notes__title{font-size:3.2rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem;color:rgb(var(--color-foreground));text-align:left}@media screen and (max-width:749px){.shop-by-notes__title{font-size:2.4rem}}.shop-by-notes__subtitle{font-size:1.6rem;line-height:1.6;margin:0;color:rgba(var(--color-foreground),.7);text-align:left}@media screen and (max-width:749px){.shop-by-notes__subtitle{font-size:1.4rem}}@media screen and (max-width:400px){.shop-by-notes__title{font-size:1.8rem;letter-spacing:.05em;line-height:1.2}.shop-by-notes__subtitle{font-size:1.1rem;line-height:1.3;letter-spacing:-.01em}.shop-by-notes__header{gap:12px}.shop-by-notes__header-left{min-width:0;flex:1 1 auto;overflow:hidden}.shop-by-notes__header .shop-by-notes__view-all{padding:6px 10px;font-size:9px;flex-shrink:0}.shop-by-notes__container.container{padding-left:16px;padding-right:16px}}.shop-by-notes__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;padding:0 2rem}@media screen and (max-width:749px){.shop-by-notes__filters{margin-bottom:2.5rem;padding:0 1rem;gap:.75rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px}.shop-by-notes__filters::-webkit-scrollbar{display:none;width:0;height:0}.shop-by-notes__filter-btn{flex-shrink:0}}.shop-by-notes__filter-btn{padding:12px 24px;border:1px solid rgba(var(--color-foreground),.2);background:transparent;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;font-family:var(--font-body-family),sans-serif;display:flex;align-items:center;gap:8px;position:relative}@media screen and (max-width:749px){.shop-by-notes__filter-btn{padding:10px 18px;font-size:1.2rem}}.shop-by-notes__filter-btn--pill{border-radius:50px;background:#f5f5f5;color:#000c;border:1px solid rgba(0,0,0,.1)}.shop-by-notes__filter-btn--pill:hover{border-color:#0003;background:#e8e8e8}.shop-by-notes__filter-btn--pill.active{background:var(--color-gold, #c9a24d);border-color:var(--color-gold, #c9a24d);color:#fff}.shop-by-notes__filter-btn--rectangle{border-radius:4px}.shop-by-notes__filter-btn--rectangle:hover{border-color:var(--color-gold, #c9a24d);color:var(--color-gold, #c9a24d);background-color:#c9a24d1a}.shop-by-notes__filter-btn--rectangle.active{background-color:var(--color-gold, #c9a24d);border-color:var(--color-gold, #c9a24d);color:#fff}.shop-by-notes__filter-btn--underline{border:none;border-bottom:2px solid transparent;border-radius:0;padding:12px 24px 10px}.shop-by-notes__filter-btn--underline:hover{border-bottom-color:var(--color-gold, #c9a24d);color:var(--color-gold, #c9a24d)}.shop-by-notes__filter-btn--underline.active{border-bottom-color:var(--color-gold, #c9a24d);color:var(--color-gold, #c9a24d);background-color:transparent}.shop-by-notes__filter-btn.active.active-color-black{background-color:#000;border-color:#000;color:#fff}.shop-by-notes__filter-btn.active.active-color-white{background-color:#fff;border-color:#fff;color:#000}.shop-by-notes__filter-count{font-size:1.2rem;font-weight:400;color:#00000080}.shop-by-notes__filter-btn.active .shop-by-notes__filter-count{color:#ffffffe6}.shop-by-notes__products{width:100%;position:relative;min-height:400px;padding:2rem 0;display:flex;flex-direction:column}@media screen and (max-width:749px){.shop-by-notes__products{padding:1.5rem 0}}.shop-by-notes__product-group{position:relative;width:100%;animation:fadeIn .4s ease-in-out;padding:0;overflow:visible;margin:0}@media screen and (max-width:749px){.shop-by-notes__product-group{padding:0;margin:0}}.shop-by-notes__product-group.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shop-by-notes__grid{width:100%;padding:0 2rem;margin:0;display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:2rem}.shop-by-notes__scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000001a;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#1a1a1a;font-size:20px}.shop-by-notes__scroll-button:hover{background:#f5f5f5;box-shadow:0 4px 12px #00000026}.shop-by-notes__scroll-button:active{transform:translateY(-50%) scale(.95)}.shop-by-notes__scroll-button--prev{left:0}.shop-by-notes__scroll-button--next{right:0}.shop-by-notes__scroll-button.hidden{opacity:0;pointer-events:none}@media screen and (max-width:749px){.shop-by-notes__scroll-button{display:none!important}}@media screen and (max-width:749px){.shop-by-notes__products{position:relative}.shop-by-notes__grid:after{content:"";position:absolute;right:0;top:0;bottom:8px;width:60px;background:linear-gradient(to right,transparent,rgba(255,255,255,.98));pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:1}.shop-by-notes__grid.scrolled-to-end:after{opacity:0}}.shop-by-notes__products .shop-by-notes__product-group+.shop-by-notes__product-group{margin-top:0;padding-top:0}.shop-by-notes__products--carousel{overflow-x:visible}.shop-by-notes__products--carousel::-webkit-scrollbar{display:none}.shop-by-notes__footer{display:none}.shop-by-notes__view-all{display:inline-block;padding:14px 32px;border:2px solid var(--color-gold, #c9a24d);background-color:transparent;color:var(--color-gold, #c9a24d);font-size:1.4rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:all .3s ease;font-family:var(--font-body-family),sans-serif;border-radius:50px;align-self:center;flex-shrink:0}.shop-by-notes__view-all:hover{background-color:var(--color-gold, #c9a24d);color:#fff;transform:translateY(-2px)}@media screen and (max-width:749px){.shop-by-notes__header .shop-by-notes__view-all{padding:4px 8px;font-size:1.1rem;margin-top:4px;flex-shrink:0}}.shop-by-notes__grid{display:flex!important;flex-wrap:nowrap!important;gap:16px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none;-ms-overflow-style:none;padding:0 50px 8px!important;margin:0 -60px!important;scroll-padding-left:50px;scroll-padding-right:50px;-webkit-overflow-scrolling:touch}.shop-by-notes__grid::-webkit-scrollbar{display:none}.shop-by-notes__grid .best-sellers__card{flex:0 0 280px!important;width:280px!important;min-width:280px!important;max-width:280px!important;scroll-snap-align:start;display:flex;flex-direction:column}.shop-by-notes__grid .best-sellers__card-link{flex:1;display:flex;flex-direction:column}.shop-by-notes__grid .best-sellers__card-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.shop-by-notes__grid .best-sellers__form{margin-top:auto}.shop-by-notes__grid .best-sellers__card-image{width:100%}.shop-by-notes__grid .best-sellers__card-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}@media screen and (max-width:749px){.shop-by-notes__grid{gap:12px!important;margin:0 -20px!important;padding:0 20px 8px!important;scroll-padding-left:20px;scroll-padding-right:20px}.shop-by-notes__grid .best-sellers__card{flex:0 0 200px!important;width:200px!important;min-width:200px!important;max-width:200px!important}}@media screen and (max-width:480px){.shop-by-notes__grid .best-sellers__card{flex:0 0 170px!important;width:170px!important;min-width:170px!important;max-width:170px!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-shop-by-notes.css.map */