.ss{--ss-size: 80px;--ss-gap: 14px;--ss-card: 42vw;position:relative}@media(min-width:750px){.ss{--ss-size: 104px;--ss-gap: 20px;--ss-card: 220px}}.ss__list{display:flex;gap:var(--ss-gap);margin:0 -8px;padding:6px 8px 8px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:8px;scrollbar-width:none}.ss__list::-webkit-scrollbar{display:none}.ss__item{flex:0 0 auto;margin:0;scroll-snap-align:start}.ss__item:first-child{margin-inline-start:auto}.ss__item:last-child{margin-inline-end:auto}.ss__open{display:flex;flex-direction:column;align-items:center;gap:8px;width:var(--ss-size);margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.ss__open:focus-visible{outline:2px solid var(--ss-focus, currentColor);outline-offset:4px;border-radius:6px}.ss__media{position:relative;display:block;overflow:hidden;background:var(--ss-placeholder, #efece6)}.ss__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ss__media video{position:absolute;top:1px;right:1px;bottom:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);object-fit:cover;opacity:0;transition:opacity .4s ease;pointer-events:none}.ss__media video.is-on{opacity:1}.ss--circles .ss__media{width:var(--ss-size);height:var(--ss-size);border-radius:50%;box-shadow:0 0 0 2px var(--ss-ground, #fff),0 0 0 4px var(--ss-ring, #1f3d33);transition:box-shadow .2s ease}.ss--circles .is-seen .ss__media{box-shadow:0 0 0 2px var(--ss-ground, #fff),0 0 0 4px var(--ss-ring-seen, #d9d4cd)}.ss--circles .ss__media img{border-radius:50%}.ss__name{max-width:100%;overflow:hidden;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.ss--cards .ss__open{width:var(--ss-card);align-items:stretch;text-align:start}.ss--cards .ss__media{aspect-ratio:9 / 16;border-radius:var(--ss-radius, 6px)}.ss--cards .ss__media:after{content:"";position:absolute;z-index:1;top:10px;right:10px;width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.ss--cards .ss__name{font-weight:600}.ss__prod{display:flex;align-items:center;gap:8px;min-width:0}.ss__prod-img{flex:0 0 auto;width:44px;height:44px;object-fit:cover;border-radius:4px;background:var(--ss-placeholder, #efece6)}.ss__prod-txt{display:flex;flex-direction:column;min-width:0;font-size:13px;line-height:1.3}.ss__prod-t{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ss__prod-p{font-weight:600}.ss--grid .ss__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px var(--ss-gap);margin:0;padding:0;overflow:visible;scroll-snap-type:none}.ss--grid .ss__item:first-child,.ss--grid .ss__item:last-child{margin:0}.ss--grid .ss__open{width:auto}@media(min-width:750px){.ss--grid .ss__list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:48px}}@media(min-width:990px){.ss--grid .ss__list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1200px){.ss--grid .ss__list{grid-template-columns:repeat(5,minmax(0,1fr))}}.ss__nav{position:absolute;z-index:2;top:calc(6px + var(--ss-size) / 2);display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:-18px;padding:0;border:1px solid var(--ss-border, #e8e4de);border-radius:50%;background:var(--ss-ground, #fff);color:inherit;box-shadow:0 2px 8px #0000001f;cursor:pointer}.ss__nav[hidden]{display:none}.ss__nav:disabled{opacity:0;pointer-events:none}.ss__nav svg{fill:none;stroke:currentColor;stroke-width:2}.ss__nav--prev{left:-6px}.ss__nav--next{right:-6px}.ss--cards .ss__nav{top:calc(6px + var(--ss-card) * 8 / 9)}.ss__open.is-loading .ss__media:before{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;margin:auto;width:26px;height:26px;border:2px solid rgba(255,255,255,.9);border-top-color:transparent;border-radius:50%;animation:ss-spin .8s linear infinite}@keyframes ss-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ss__media video,.ss--circles .ss__media{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/shoppable-stories.css.map */