.sbc-wrap{background:var(--sbc-bg);padding:var(--sbc-pt-m) var(--sbc-px-m) var(--sbc-pb-m)}.sbc{display:block;max-width:var(--sbc-max-w);margin:0 auto;--sbc-cols: var(--sbc-cols-m);--sbc-gap: var(--sbc-gap-m)}.sbc *,.sbc *:before,.sbc *:after{box-sizing:border-box}.sbc__heading{margin:0 0 var(--sbc-h-mb-m);color:var(--sbc-h-color);font-size:var(--sbc-h-size-m);font-weight:var(--sbc-h-weight);text-align:var(--sbc-h-align);line-height:1.2;letter-spacing:0}.sbc__tabs{display:flex;gap:8px;margin-bottom:var(--sbc-tabs-mb-m)}.sbc[data-divider=true] .sbc__tabs{border-bottom:1px solid var(--sbc-tab-divider)}.sbc[data-tabs-align=spread] .sbc__tab{flex:1 1 0}.sbc[data-tabs-align=center] .sbc__tabs{justify-content:center;gap:32px}.sbc[data-tabs-align=left] .sbc__tabs{justify-content:flex-start;gap:32px}.sbc[data-tabs-align=right] .sbc__tabs{justify-content:flex-end;gap:32px}.sbc__tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 12px 14px;margin:0;background:none;border:0;cursor:pointer;color:var(--sbc-tab-color);font:inherit;font-size:var(--sbc-tab-size-m);font-weight:var(--sbc-tab-weight);line-height:1.2;-webkit-tap-highlight-color:transparent;transition:color var(--sbc-anim-ms) ease}.sbc__tab:after{content:"";position:absolute;left:50%;bottom:0;width:var(--sbc-tab-line-w);height:var(--sbc-tab-line-h);background:var(--sbc-tab-line);border-radius:2px;transform:translate(-50%) scaleX(0);transition:transform var(--sbc-anim-ms) cubic-bezier(.4,0,.2,1)}.sbc__tab[aria-selected=true]{color:var(--sbc-tab-active)}.sbc__tab[aria-selected=true]:after{transform:translate(-50%) scaleX(1)}.sbc__tab:focus-visible{outline:2px solid var(--sbc-tab-active);outline-offset:2px}.sbc__tab-media{display:block;width:var(--sbc-tab-img-m);aspect-ratio:1 / 1;border-radius:var(--sbc-tab-img-r);overflow:hidden;background:#f4f4f4;transition:transform var(--sbc-anim-ms) ease}.sbc__tab[aria-selected=true] .sbc__tab-media{transform:scale(1.03)}.sbc__tab-img{width:100%;height:100%;object-fit:cover;display:block}.sbc__panel[hidden]{display:none!important}.sbc__panel:focus{outline:none}.sbc__panel.is-entering{animation:sbc-fade-up var(--sbc-anim-ms) cubic-bezier(.4,0,.2,1) both}.sbc[data-anim=fade] .sbc__panel.is-entering{animation-name:sbc-fade}.sbc[data-anim=slide] .sbc__panel.is-entering{animation-name:sbc-slide}.sbc[data-anim=slide] .sbc__panel.is-entering.from-left{animation-name:sbc-slide-rev}.sbc[data-anim=none] .sbc__panel.is-entering{animation:none}@keyframes sbc-fade{0%{opacity:0}to{opacity:1}}@keyframes sbc-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes sbc-slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes sbc-slide-rev{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.sbc__panel.is-entering{animation:none!important}.sbc__tab:after,.sbc__tab-media{transition:none}}.sbc__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--sbc-cols),minmax(0,1fr));gap:var(--sbc-gap)}.sbc__item{margin:0;min-width:0}.sbc-card{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background:var(--sbc-card-bg);border:var(--sbc-card-border-w) solid var(--sbc-card-border);border-radius:var(--sbc-card-r);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}a.sbc-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}a.sbc-card:focus-visible{outline:2px solid var(--sbc-tab-active);outline-offset:2px}.sbc-card__media{position:relative;display:block;aspect-ratio:var(--sbc-ratio);overflow:hidden;background:#f3f3f3}.sbc-card__media picture{display:block;width:100%;height:100%}.sbc-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}a.sbc-card:hover .sbc-card__img{transform:scale(1.04)}.sbc__ph{width:100%;height:100%;fill:#c9c9c9;background:#eee}.sbc-card__label{display:block;color:var(--sbc-l-color);font-size:var(--sbc-l-size-m);font-weight:var(--sbc-l-weight);text-align:var(--sbc-l-align);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbc[data-label=overlay] .sbc-card__label{position:absolute;left:50%;bottom:var(--sbc-l-offset);transform:translate(-50%);width:var(--sbc-l-width);padding:5px 10px;background:var(--sbc-l-bg);border:1px solid var(--sbc-l-border);border-radius:var(--sbc-l-r)}.sbc[data-label=below] .sbc-card__label{padding:10px 8px;background:var(--sbc-l-bg);border-top:1px solid var(--sbc-l-border);margin-top:auto}.sbc__empty{margin:0;padding:24px;text-align:center;border:1px dashed #bbb;border-radius:8px;color:#777;font-size:14px}@media(max-width:749px){.sbc[data-layout-m=slider] .sbc__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;margin-inline:calc(var(--sbc-px-m) * -1);padding-inline:var(--sbc-px-m);scroll-padding-inline:var(--sbc-px-m)}.sbc[data-layout-m=slider] .sbc__grid::-webkit-scrollbar{display:none}.sbc[data-layout-m=slider] .sbc__item{flex:0 0 calc((100% - var(--sbc-gap) * var(--sbc-cols)) / (var(--sbc-cols) + .3));scroll-snap-align:start}}@media(min-width:750px){.sbc-wrap{padding:var(--sbc-pt-d) var(--sbc-px-d) var(--sbc-pb-d)}.sbc{--sbc-cols: var(--sbc-cols-d);--sbc-gap: var(--sbc-gap-d)}.sbc__heading{font-size:var(--sbc-h-size-d);margin-bottom:var(--sbc-h-mb-d)}.sbc__tabs{margin-bottom:var(--sbc-tabs-mb-d)}.sbc__tab{font-size:var(--sbc-tab-size-d)}.sbc__tab-media{width:var(--sbc-tab-img-d)}.sbc-card__label{font-size:var(--sbc-l-size-d)}.sbc[data-layout-d=slider] .sbc__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}.sbc[data-layout-d=slider] .sbc__item{flex:0 0 calc((100% - var(--sbc-gap) * (var(--sbc-cols) - 1)) / var(--sbc-cols));scroll-snap-align:start}}@media(max-width:749px){.sbc-wrap--hide-m{display:none}}@media(min-width:990px){.sbc-wrap--hide-d{display:none}}.sbc-wrap.is-editor{display:block}@media(max-width:749px){.sbc-wrap--hide-m.is-editor{opacity:.4;outline:2px dashed #999;outline-offset:-2px}}@media(min-width:990px){.sbc-wrap--hide-d.is-editor{opacity:.4;outline:2px dashed #999;outline-offset:-2px}}
/*# sourceMappingURL=/cdn/shop/t/155/compiled_assets/styles.css.map */