.sbn{background:var(--sbn-bg);color:var(--sbn-note);font-family:var(--sbn-font, "Outfit", sans-serif);padding-block:var(--sbn-pt) var(--sbn-pb);overflow-x:clip}.sbn{--sbn-shadow: none}.sbn[data-shadow=light]{--sbn-shadow: 0 6px 18px rgba(28, 26, 23, .08)}.sbn[data-shadow=medium]{--sbn-shadow: 0 10px 28px rgba(28, 26, 23, .16)}.sbn *,.sbn *:before,.sbn *:after{box-sizing:border-box}.sbn__inner{width:100%;max-width:var(--sbn-max-width);margin-inline:auto;padding-inline:20px}@media(min-width:750px){.sbn__inner{padding-inline:40px}}.sbn__header{margin-bottom:var(--sbn-head-gap)}.sbn[data-align=center] .sbn__header{text-align:center}.sbn[data-align=left] .sbn__header{text-align:left}.sbn__heading{position:relative;display:inline-block;margin:0;padding-bottom:14px;color:var(--sbn-heading);font-size:calc(var(--sbn-h-size) * .8);font-weight:500;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}.sbn__heading:after{content:"";position:absolute;left:50%;bottom:0;width:80px;height:2px;transform:translate(-50%);background:var(--sbn-underline, #6b0f3a)}.sbn[data-align=left] .sbn__heading:after{left:0;transform:none}.sbn__description{margin:12px 0 0;max-width:52ch;color:var(--sbn-desc);font-size:var(--sbn-d-size);line-height:1.6}.sbn[data-align=center] .sbn__description{margin-inline:auto}@media(min-width:750px){.sbn__heading{font-size:var(--sbn-h-size)}}.sbn__notes-wrap{margin-inline:-20px}@media(min-width:750px){.sbn__notes-wrap{margin-inline:0}}.sbn__notes{display:flex;gap:var(--sbn-note-gap);list-style:none;margin:0;padding:6px 20px 10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:safe center}.sbn[data-align=left] .sbn__notes{justify-content:flex-start}.sbn__notes::-webkit-scrollbar{display:none}@media(min-width:750px){.sbn__notes{padding-inline:0}}.sbn__note-item{flex:0 0 auto;scroll-snap-align:center}.sbn__note{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid transparent;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:0;width:var(--sbn-img-size-m);color:var(--sbn-note);font:inherit;text-align:center;text-decoration:none;cursor:pointer;transition:color .3s ease,background-color .3s ease,border-color .3s ease;-webkit-tap-highlight-color:transparent}@media(min-width:750px){.sbn__note{width:var(--sbn-img-size)}}.sbn__note-media{display:block;width:100%;aspect-ratio:var(--sbn-aspect);overflow:hidden;background:color-mix(in srgb,var(--sbn-border) 55%,transparent);position:relative;box-shadow:var(--sbn-shadow);transition:box-shadow .3s ease,transform .3s ease}.sbn[data-shape=rounded] .sbn__note-media{border-radius:var(--sbn-radius)}.sbn[data-shape=circle] .sbn__note-media{border-radius:50%;aspect-ratio:1 / 1}.sbn__note-img{display:block;width:100%;height:100%;object-fit:var(--sbn-fit);transition:transform .4s ease,opacity .3s ease}.sbn__note-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:2rem;color:var(--sbn-desc)}.sbn__note-name{position:relative;margin-top:var(--sbn-img-gap);padding-bottom:6px;font-size:calc(var(--sbn-n-size) * .9);line-height:1.3;letter-spacing:.04em;transition:color .3s ease}@media(min-width:750px){.sbn__note-name{font-size:var(--sbn-n-size)}}.sbn__note-name:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.sbn__note-desc{margin-top:4px;font-size:.8125rem;line-height:1.4;color:var(--sbn-desc)}@media(hover:hover){.sbn__note:hover{color:var(--sbn-hover)}.sbn__note:hover .sbn__note-img{transform:scale(1.05)}.sbn__note:hover .sbn__note-media{transform:translateY(-3px)}.sbn__note:hover .sbn__note-name{transform:translateY(-1px)}.sbn__note:hover .sbn__note-name:after{transform:scaleX(1)}}.sbn__note:focus-visible,.sbn__btn:focus-visible,.sbn-card__quick:focus-visible,.sbn-card__title a:focus-visible{outline:2px solid var(--sbn-active);outline-offset:3px}.sbn__note[aria-pressed=true]{color:var(--sbn-active)}.sbn__note[aria-pressed=true] .sbn__note-name{font-weight:600}.sbn[data-indicator=underline] .sbn__note[aria-pressed=true] .sbn__note-name:after{transform:scaleX(1)}.sbn[data-indicator=border] .sbn__note[aria-pressed=true] .sbn__note-media{box-shadow:0 0 0 2px var(--sbn-active),var(--sbn-shadow)}.sbn[data-indicator=border] .sbn__note{padding:0}.sbn[data-indicator=background] .sbn__note[aria-pressed=true]{background:color-mix(in srgb,var(--sbn-active) 10%,transparent)}.sbn[data-indicator=background] .sbn__note{padding:8px 8px 10px;width:calc(var(--sbn-img-size-m) + 16px)}@media(min-width:750px){.sbn[data-indicator=background] .sbn__note{width:calc(var(--sbn-img-size) + 16px)}}.sbn[data-indicator=none] .sbn__note[aria-pressed=true]{font-weight:inherit}.sbn__results{margin-top:var(--sbn-notes-gap-y)}.sbn__results-title{margin:0 0 24px;color:var(--sbn-heading);font-size:1.25rem;font-weight:400;letter-spacing:.02em;text-align:center}.sbn[data-align=left] .sbn__results-title{text-align:left}@media(min-width:750px){.sbn__results-title{font-size:1.5rem}}.sbn__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--sbn-cols-m),minmax(0,1fr));column-gap:calc(var(--sbn-product-gap) * .6);row-gap:var(--sbn-products-gap-y);transition:opacity .3s ease,transform .3s ease}@media(min-width:750px){.sbn__grid{grid-template-columns:repeat(var(--sbn-cols-t),minmax(0,1fr));column-gap:var(--sbn-product-gap)}}@media(min-width:1024px){.sbn__grid{grid-template-columns:repeat(var(--sbn-cols-d),minmax(0,1fr))}}.sbn__grid.is-updating{opacity:0;transform:translateY(8px)}.sbn__grid[hidden],.sbn-card[hidden],.sbn__empty[hidden]{display:none!important}.sbn-card{min-width:0;overflow:hidden;background:var(--sbn-bg);transition:border-color .25s ease}.sbn-card__media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:color-mix(in srgb,var(--sbn-border) 40%,transparent);box-shadow:var(--sbn-shadow)}.sbn-card__media img,.sbn-card__placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}@media(hover:hover){.sbn-card:hover .sbn-card__media img{transform:scale(1.03)}}.sbn-card__badge{position:absolute;top:10px;left:10px;padding:3px 9px;font-size:.6875rem;letter-spacing:.06em;background:var(--sbn-active);color:#fff}.sbn-card__badge--soldout{background:var(--sbn-desc)}.sbn-card__body{padding:12px 14px 16px;text-align:left}.sbn-card__title{margin:0;font-size:calc(var(--sbn-p-size) * .93);font-weight:500;line-height:1.35}@media(min-width:750px){.sbn-card__title{font-size:var(--sbn-p-size)}}.sbn-card__title a{color:var(--sbn-ptitle);text-decoration:none}.sbn-card__title a:hover{text-decoration:underline;text-underline-offset:3px}.sbn-card__rating{margin:4px 0 0;font-size:.8125rem;color:var(--sbn-desc)}.sbn-card__price{margin:6px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;color:var(--sbn-pprice);font-size:.9375rem}.sbn-card__compare{color:var(--sbn-desc);font-size:.8125rem;order:2}.sbn-card__quick{-webkit-appearance:none;appearance:none;display:inline-block;margin-top:10px;padding:9px 14px;background:var(--sbn-btn-bg, #000);color:var(--sbn-btn-text, #fff);border:1px solid var(--sbn-btn-bg, #000);font:inherit;font-size:.8125rem;letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.sbn-card__quick:hover{background:var(--sbn-btn-hover, #6b0f3a);border-color:var(--sbn-btn-hover, #6b0f3a);color:var(--sbn-btn-text, #fff)}.sbn-card__quick[disabled]{opacity:.6;cursor:default}.sbn__footer{margin-top:40px;text-align:center}.sbn__btn{-webkit-appearance:none;appearance:none;display:inline-block;padding:13px 28px;background:var(--sbn-btn-bg, #000);color:var(--sbn-btn-text, #fff);border:1px solid var(--sbn-btn-bg, #000);font:inherit;font-size:.875rem;letter-spacing:.06em;text-decoration:none;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.sbn__btn:hover{background:var(--sbn-btn-hover, #6b0f3a);border-color:var(--sbn-btn-hover, #6b0f3a);color:var(--sbn-btn-text, #fff)}.sbn__empty{padding:40px 0 8px;text-align:center}.sbn__empty-title{margin:0 0 8px;font-size:1.125rem;color:var(--sbn-heading)}.sbn__empty-text{margin:0 auto 24px;max-width:42ch;color:var(--sbn-desc);line-height:1.6}.sbn__empty-inline{text-align:center;color:var(--sbn-desc)}@media(max-width:374px){.sbn__inner{padding-inline:16px}.sbn__notes-wrap{margin-inline:-16px}.sbn__notes{padding-inline:16px}}.sbn__notes-wrap{position:relative}.sbn__viewport{min-width:0}.sbn.is-sliding .sbn__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.sbn.is-sliding .sbn__notes{width:max-content;gap:0;padding:10px 0 26px;overflow:visible;justify-content:flex-start;scroll-snap-type:none;will-change:transform}.sbn.is-sliding .sbn__note-item{margin-right:var(--sbn-note-gap);scroll-snap-align:none}.sbn__arrow{-webkit-appearance:none;appearance:none;position:absolute;z-index:2;top:calc(10px + var(--sbn-img-size-m) * var(--sbn-ar) / 2 - 18px);width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--sbn-border);border-radius:50%;background:var(--sbn-bg);color:var(--sbn-heading);box-shadow:0 4px 14px #1c1a171a;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.sbn__arrow[hidden]{display:none}.sbn__arrow--prev{left:6px}.sbn__arrow--next{right:6px}.sbn[data-shape=circle] .sbn__arrow{--sbn-ar: 1}@media(min-width:750px){.sbn__arrow{top:calc(10px + var(--sbn-img-size) * var(--sbn-ar) / 2 - 18px)}.sbn__arrow--prev{left:0}.sbn__arrow--next{right:0}}@media(hover:hover){.sbn__arrow:hover{background:var(--sbn-heading);color:var(--sbn-bg);border-color:var(--sbn-heading)}}.sbn__arrow:focus-visible{outline:2px solid var(--sbn-active);outline-offset:2px}@media(prefers-reduced-motion:reduce){.sbn *,.sbn *:before,.sbn *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}.sbn__grid.is-updating{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/shop-by-notes.css.map */