.skg-scenes{--top: 0px;--panel-w: 480px;position:relative;background:var(--skg-soft)}.skg-scenes__track{position:relative;height:calc(var(--n) * 100svh)}.skg-scenes__sticky{position:sticky;top:var(--top);height:calc(100svh - var(--top));height:calc(100dvh - var(--top));min-height:520px;overflow:hidden}.skg-wtab{transition:opacity .3s,visibility .3s}html.skg-scenes-pinned .skg-wtab{opacity:0;visibility:hidden;pointer-events:none}.no-js .skg-scenes__track{height:auto}.no-js .skg-scenes__sticky{position:relative;height:80vh}.skg-scenes__frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}.skg-scenes__frame.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .6s ease}.skg-scenes__stage{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(0);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.skg-scenes__frame.is-open .skg-scenes__stage{transform:translate(var(--dx, 0px),var(--dy, 0px))}.skg .skg-scenes__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--fx) 50%;transform:scale(1.06);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}.skg-scenes__frame.is-active .skg-scenes__img{transform:scale(1)}.skg .skg-scenes__spot{position:absolute;left:70%;top:37%;z-index:2;width:64px;height:64px;transform:translate(-50%,-50%)}.skg-scenes__ring{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#42d7c840;border:1px solid rgba(66,215,200,.6);transition:background-color .2s}.skg-scenes__ring:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:2px solid var(--skg-teal);animation:skg-pulse 2s ease-out infinite}.skg-scenes__dot{position:relative;width:30px;height:30px;border-radius:50%;background:var(--skg-white);box-shadow:0 2px 8px #17191d33}.skg-scenes__dot:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:var(--skg-teal);transition:background-color .2s}.skg-scenes__spot:hover .skg-scenes__ring,.skg-scenes__spot:focus-visible .skg-scenes__ring{background:#42d7c873}.skg-scenes__spot:focus-visible{outline:2px solid var(--skg-ink);outline-offset:4px;border-radius:50%}.skg-scenes__spot[aria-expanded=true] .skg-scenes__ring{background:#42d7c873;border-color:var(--skg-teal)}.skg-scenes__spot[aria-expanded=true] .skg-scenes__ring:before{animation:none;opacity:0}.skg-scenes__spot[aria-expanded=true] .skg-scenes__dot:after{background:var(--skg-ink)}.skg-scenes__tip{position:absolute;right:calc(100% + 12px);top:50%;padding:6px 12px;border-radius:3px;background:var(--skg-ink);color:var(--skg-white);font-size:13px;line-height:18px;font-weight:var(--skg-black);white-space:nowrap;transform:translateY(-50%);pointer-events:none;transition:opacity .2s}.skg-scenes__spot[aria-expanded=true] .skg-scenes__tip{opacity:0}@keyframes skg-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.6);opacity:0}}.skg-scenes__copy{position:absolute;left:var(--skg-gutter);top:50%;z-index:2;display:flex;flex-direction:column;gap:20px;max-width:520px;transform:translateY(-50%);pointer-events:none}.skg-scenes__eyebrow{display:flex;align-items:center;gap:12px;font-size:14px;line-height:20px;font-weight:var(--skg-black);letter-spacing:.08em;text-transform:uppercase;color:var(--skg-ink)}.skg-scenes__eyebrow:before{content:"";width:28px;height:2px;background:var(--skg-teal);flex-shrink:0}.skg .skg-scenes__heading{margin:0;font-family:var(--skg-font-heading);font-size:clamp(56px,5.6vw,80px);line-height:1;font-weight:var(--skg-black);letter-spacing:-.02em;color:var(--skg-ink)}.skg-scenes__text{max-width:420px;font-size:18px;line-height:28px;color:#17191dd9}.skg-scenes__hint.skg-scenes__hint--mobile{display:none}.skg-scenes__rail{position:absolute;right:40px;top:50%;z-index:3;display:flex;flex-direction:column;gap:4px;padding:10px 8px;border-radius:4px;background:#fffffff0;box-shadow:0 4px 16px #17191d14;transform:translateY(-50%);transition:opacity .3s,visibility .3s}.skg .skg-scenes__rail button{display:flex;align-items:center;gap:10px;padding:5px 6px;font-size:13px;line-height:18px;color:var(--skg-grey);text-align:left;transition:color .2s}.skg-scenes__rail button span{width:10px;height:2px;background:#17191d59;transition:width .3s,background-color .3s}.skg .skg-scenes__rail button:hover{color:var(--skg-ink)}.skg .skg-scenes__rail button[aria-current]{color:var(--skg-ink);font-weight:var(--skg-black)}.skg-scenes__rail button[aria-current] span{width:20px;background:var(--skg-ink)}.skg-scenes.has-panel :is(.skg-scenes__rail,.skg-scenes__foot){opacity:0;visibility:hidden}.skg-scenes__bars{display:none}.skg-scenes__foot{position:absolute;left:var(--skg-gutter);bottom:40px;z-index:3;display:flex;align-items:center;gap:32px;transition:opacity .3s,visibility .3s}.skg-scenes__hint{display:flex;align-items:center;gap:10px;font-size:14px;line-height:20px;font-weight:var(--skg-black);color:var(--skg-ink)}.skg-scenes__hint .skg-icon{width:18px;height:18px}.skg .skg-scenes__skip{font-size:14px;line-height:20px;color:var(--skg-grey);text-decoration:underline;text-underline-offset:3px}.skg .skg-scenes__skip:hover{color:var(--skg-ink)}.skg-scenes__panel{position:absolute;right:0;top:0;bottom:0;z-index:5;display:flex;flex-direction:column;gap:24px;width:var(--panel-w);max-width:100%;padding:40px 40px 32px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--skg-white);box-shadow:-12px 0 40px #17191d29;transform:translate(100%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}.skg-scenes__panel[hidden]{display:none}.skg-scenes__frame.is-open .skg-scenes__panel{transform:none}.skg-scenes__grab{display:none}.skg-scenes__end{display:block;height:0;outline:0}.skg-scenes__panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.skg-scenes__panel-head .skg-scenes__eyebrow{font-size:13px;line-height:18px;color:var(--skg-grey)}.skg-scenes__panel-title{margin-top:10px;font-family:var(--skg-font-heading);font-size:32px;line-height:36px;font-weight:var(--skg-black)}.skg-scenes__panel-text{margin-top:8px;font-size:15px;line-height:22px;color:var(--skg-grey)}.skg .skg-scenes__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--skg-border);border-radius:3px;transition:border-color .2s}.skg .skg-scenes__close:hover{border-color:var(--skg-ink)}.skg-scenes__close .skg-icon{width:18px;height:18px}.skg-scenes__products{border-top:1px solid var(--skg-border)}.skg-scenes__product{position:relative;display:flex;align-items:center;gap:20px;padding-block:16px;border-bottom:1px solid var(--skg-border)}.skg-scenes__pimg{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:88px;height:88px;border-radius:4px;background:var(--skg-soft);overflow:hidden}.skg .skg-scenes__pimg img{width:100%;height:100%;object-fit:cover}.skg-scenes__badge{position:absolute;left:4px;top:4px;padding:1px 5px;border-radius:2px;background:var(--skg-teal);font-size:9px;line-height:13px;font-weight:var(--skg-black);letter-spacing:.06em;text-transform:uppercase;color:var(--skg-ink)}.skg-scenes__pinfo{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}.skg .skg-scenes__pname{font-family:var(--skg-font-heading);font-size:18px;line-height:24px;font-weight:var(--skg-black);color:var(--skg-ink)}.skg .skg-scenes__pname:hover{text-decoration:underline;text-underline-offset:3px}.skg-scenes__pprice{font-size:14px;line-height:20px;font-weight:var(--skg-black)}.skg .skg-scenes__add{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:76px;height:40px;padding-inline:16px;border:1.5px solid var(--skg-ink);border-radius:3px;font-family:var(--skg-font-heading);font-size:13px;line-height:18px;font-weight:var(--skg-black);color:var(--skg-ink);transition:background-color .2s,color .2s,border-color .2s}.skg .skg-scenes__add:hover{background:var(--skg-ink);color:var(--skg-white)}.skg .skg-scenes__add.is-added{background:var(--skg-teal);border-color:var(--skg-teal);color:var(--skg-ink)}.skg .skg-scenes__add.is-soldout{border-color:var(--skg-border);background:var(--skg-soft);color:var(--skg-grey);cursor:default;pointer-events:none}.skg-scenes__add[aria-busy=true]{opacity:.6;pointer-events:none}.skg .skg-scenes__all{width:100%;margin-top:auto}.skg-scenes__next{font-size:14px;line-height:20px;color:var(--skg-grey);text-align:center}@media(min-width:990px){.skg-scenes__stage:after{content:"";position:absolute;top:0;bottom:0;left:0;z-index:1;width:min(66%,1000px);background:linear-gradient(90deg,#fffffff2,#ffffffe6 58%,#fff0);pointer-events:none}.skg-scenes__frame--dark .skg-scenes__stage:after{background:linear-gradient(90deg,#0e1013d6,#0e1013b8 58%,#0e101300)}.skg-scenes__frame--dark .skg-scenes__eyebrow,.skg .skg-scenes__frame--dark .skg-scenes__heading{color:var(--skg-white)}.skg-scenes__frame--dark .skg-scenes__text{color:#ffffffe0}.skg-scenes.is-dark .skg-scenes__hint{color:var(--skg-white)}.skg-scenes.is-dark .skg-scenes__skip{color:#fffc}.skg-scenes.is-dark .skg-scenes__skip:hover{color:var(--skg-white)}}@media(max-width:989px){.skg-scenes__sticky{min-height:480px}.skg .skg-scenes__img{object-position:var(--mx) 50%}.skg-scenes__tip,.skg-scenes__rail,.skg-scenes__hint:not(.skg-scenes__hint--mobile),.skg-scenes__text{display:none}.skg-scenes__copy{left:0;right:0;top:auto;bottom:0;gap:10px;max-width:none;padding:96px 24px 28px;background:linear-gradient(to bottom,#fff0,#ffffffe6 38%,#fff);transform:none}.skg-scenes__eyebrow{font-size:12px;line-height:16px;gap:10px}.skg-scenes__eyebrow:before{width:24px}.skg .skg-scenes__heading{font-size:44px;line-height:46px}.skg-scenes__hint.skg-scenes__hint--mobile{display:block;padding-top:6px;padding-right:56px;font-size:15px;line-height:22px;font-weight:400;color:var(--skg-ink)}.skg-scenes__bars{position:absolute;left:16px;right:16px;top:12px;z-index:3;display:flex;gap:4px}.skg-scenes__bars span{flex:1 1 0;height:3px;border-radius:2px;background:#17191d2e;transition:background-color .3s}.skg-scenes__bars span.is-on{background:var(--skg-ink)}.skg-scenes__frame.is-copy-top .skg-scenes__copy{top:0;bottom:auto;padding:32px 24px 96px;background:linear-gradient(to top,#fff0,#ffffffe6 62%,#fff)}.skg-scenes__foot{left:auto;right:24px;bottom:30px}.skg-scenes__panel{left:0;right:0;top:auto;bottom:0;width:auto;max-height:78%;gap:16px;padding:10px 0 24px;border-radius:12px 12px 0 0;box-shadow:0 -8px 28px #17191d2e;transform:translateY(100%)}.skg-scenes__grab{display:block;align-self:center;flex-shrink:0;width:40px;height:4px;border-radius:2px;background:var(--skg-border)}.skg-scenes__panel-head{padding-inline:24px}.skg-scenes__panel-title{margin-top:6px;font-size:26px;line-height:30px}.skg .skg-scenes__close{width:36px;height:36px}.skg-scenes__products{display:flex;align-items:stretch;gap:12px;min-width:0;padding-inline:24px;overflow-x:auto;border-top:0;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scrollbar-width:none}.skg-scenes__products::-webkit-scrollbar{display:none}.skg-scenes__product{flex-direction:column;align-items:stretch;gap:10px;width:156px;flex-shrink:0;padding:0;border:0;scroll-snap-align:start}.skg-scenes__pimg{width:156px;height:156px}.skg-scenes__badge{left:8px;top:8px;padding:2px 7px;font-size:10px;line-height:14px}.skg .skg-scenes__pname{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;font-size:15px;line-height:20px}.skg-scenes__pprice{font-weight:400;color:var(--skg-grey)}.skg .skg-scenes__add{width:100%;margin-top:auto}.skg .skg-scenes__all{width:auto;margin:4px 24px 0}.skg-scenes__next{display:none}}@media(prefers-reduced-motion:reduce){.skg-scenes__frame,.skg-scenes__frame.is-active,.skg-scenes__stage,.skg-scenes__panel,.skg .skg-scenes__img{transition:none}.skg .skg-scenes__img{transform:none}.skg-scenes__ring:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/skg-scenes.css.map */