.ss{--ss-green: #116433;--ss-green-hover: #0c4d27;--ss-line: #e7ebe4;--ss-gap: 2rem;--ss-cols: 4;padding-top:var(--ss-pt);padding-bottom:var(--ss-pb)}.ss__header{margin-bottom:3rem}.ss__viewport{position:relative;display:block}.ss__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--ss-cols) - 1) * var(--ss-gap)) / var(--ss-cols));column-gap:var(--ss-gap);margin:0;padding:.4rem .2rem 1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.ss__track::-webkit-scrollbar{display:none}.ss__card{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ss-line);border-radius:20px;overflow:hidden;box-shadow:0 14px 30px -24px #10301d73}.ss__media{position:relative;aspect-ratio:9 / 16;background:#eef3e8;overflow:hidden}.ss__play-btn,.ss__poster-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.ss__poster,.ss__media img{width:100%;height:100%;object-fit:cover;display:block}.ss__play{position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffeb;color:var(--ss-green);box-shadow:0 10px 26px #00000040;transition:transform .2s ease}.ss__play svg{width:26px;height:26px;margin-left:3px}.ss__play-btn:hover .ss__play,.ss__play-btn:focus-visible .ss__play{transform:translate(-50%,-50%) scale(1.08)}.ss__play-btn:focus-visible{outline:3px solid var(--ss-green);outline-offset:-3px}.ss__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.ss__tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:none;padding:0;border:0;background:transparent;cursor:pointer}.ss__media:is(.is-loading,.is-playing,.is-stopped) .ss__tap{display:block}.ss__media.is-loading .ss__tap .ss__tap-poster{opacity:1}.ss__media.is-loading .ss__tap:after{content:"";position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:3px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:ss-spin .8s linear infinite}@keyframes ss-spin{to{transform:rotate(360deg)}}.ss__tap .ss__tap-poster,.ss__tap .ss__play{opacity:0;transition:opacity .2s ease}.ss__tap .ss__tap-poster{position:absolute;top:0;right:0;bottom:0;left:0}.ss__media.is-stopped .ss__tap :is(.ss__tap-poster,.ss__play){opacity:1}.ss__tap:focus-visible{outline:3px solid var(--ss-green);outline-offset:-3px}.ss__sound{position:absolute;top:.8rem;right:.8rem;z-index:2;display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#00000080;color:#fff;cursor:pointer}.ss__media.is-playing .ss__sound{display:inline-flex}.ss__sound svg{width:18px;height:18px}.ss__sound-off,.ss__media.is-muted .ss__sound-on{display:none}.ss__media.is-muted .ss__sound-off{display:block}.ss__progress{position:absolute;left:0;right:0;bottom:0;z-index:2;display:none;height:3px;background:#ffffff59}.ss__progress:after{content:"";display:block;width:calc(var(--ss-progress, 0) * 100%);height:100%;background:var(--ss-green)}.ss__media:is(.is-playing,.is-stopped) .ss__progress{display:block}.ss__hint{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.6rem 1rem;border-radius:8px;background:#ffffffeb;font-size:1.2rem;text-align:center}.ss__product{display:flex;align-items:center;gap:1.2rem;padding:1.4rem 1.4rem 1.2rem}.ss__thumb{flex:none;width:52px;height:52px;border-radius:50%;overflow:hidden;background:#eef3e8}.ss__thumb img{width:100%;height:100%;object-fit:cover}.ss__info{min-width:0}.ss__name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-heading);font-weight:500;line-height:1.35}.ss__name:hover{color:var(--ss-green)}.ss__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem;margin-top:.3rem}.ss__now{color:var(--ss-green);font-weight:600}.ss__was{color:#00000073;font-size:.9em}.ss__off{padding:.1rem .7rem;border-radius:99px;background:#e3efdc;color:var(--ss-green);font-size:1.2rem;font-weight:600}.ss__form{display:block;margin-top:auto;padding:0 1.4rem 1.4rem}.ss__add{width:100%;min-height:46px;border:0;border-radius:99px;background:var(--ss-green);color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s ease}.ss__add:hover{background:var(--ss-green-hover)}.ss__add:focus-visible{outline:2px solid var(--ss-green);outline-offset:3px}.ss__add[disabled]{background:#c9d1c6;cursor:not-allowed}.ss__add.loading>span{opacity:.6}.ss__arrow{position:absolute;top:38%;z-index:2;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ss-line);border-radius:50%;background:#fff;color:var(--color-heading);box-shadow:0 8px 20px -10px #10301d73;cursor:pointer;transition:opacity .2s ease,color .2s ease,border-color .2s ease}.ss__arrow[hidden]{display:none}.ss__arrow:hover{color:var(--ss-green);border-color:var(--ss-green)}.ss__arrow:disabled{opacity:0;pointer-events:none}.ss__arrow--prev{left:-1.6rem}.ss__arrow--next{right:-1.6rem}@media(max-width:1024.98px){.ss{--ss-cols: 3;--ss-gap: 1.6rem}.ss__arrow--prev{left:.4rem}.ss__arrow--next{right:.4rem}}@media(max-width:749.98px){.ss{--ss-gap: 1rem}.ss__header{margin-bottom:2rem}.ss__track{grid-auto-columns:calc((100% - 2 * var(--ss-gap)) / 2.3);padding-bottom:1rem}.ss__arrow{display:none}.ss__card{border-radius:14px}.ss__play{width:44px;height:44px}.ss__play svg{width:18px;height:18px;margin-left:2px}.ss__hint{left:.6rem;right:.6rem;bottom:.6rem;padding:.4rem .6rem;font-size:1.1rem}.ss__product{padding:1rem 1rem .8rem}.ss__thumb{display:none}.ss__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;font-size:1.3rem;line-height:1.3}.ss__price{gap:.2rem .6rem;font-size:1.3rem}.ss__off{padding:0 .6rem;font-size:1.2rem}.ss__form{padding:0 1rem 1rem}.ss__add{min-height:38px;font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.ss__play,.ss__add,.ss__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/shorts-shop.css.map */