.s2-vpop{--vp-w: 128px;--vp-k: 1;--vp-bottom: 140px;--vp-ease: cubic-bezier(.22, .61, .36, 1)}body.s2-body .s2-vpop{--vp-bottom: calc(81px + env(safe-area-inset-bottom, 0px)) }.s2-vpop[hidden]{display:none}.s2-vpop__card{position:fixed;right:16px;bottom:calc(var(--vp-bottom) + var(--s2-sticky-h, 0px));z-index:8990;box-sizing:border-box;width:var(--vp-w);aspect-ratio:9 / 16;overflow:hidden;isolation:isolate;border-radius:16px;background:#16110e;box-shadow:0 18px 40px -18px #0000009e;color:#fff;cursor:pointer;opacity:0;translate:0 14px;transition:opacity .5s var(--vp-ease),translate .7s var(--vp-ease),bottom .4s var(--vp-ease),box-shadow .4s var(--vp-ease);-webkit-tap-highlight-color:transparent}.s2-vpop.is-in .s2-vpop__card{opacity:1;translate:none}.s2-vpop.is-in.is-shy:not(.is-big) .s2-vpop__card{opacity:.3;pointer-events:none}@media(hover:hover){.s2-vpop.is-in:not(.is-big) .s2-vpop__card:hover{translate:0 -3px;box-shadow:0 24px 46px -18px #000000b3}}.s2-vpop .s2-vpop__v{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:none;height:100%;margin:0;object-fit:cover}.s2-vpop .s2-vpop__v--big{opacity:0;transition:opacity .35s ease}.s2-vpop.is-hd .s2-vpop__v--big{opacity:1}.s2-vpop__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#00000070,#0000 28% 70%,#0006)}.s2-vpop__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff3d;pointer-events:none}.s2-vpop .s2-vpop__btn{-webkit-appearance:none;appearance:none;position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(26px * var(--vp-k));min-width:0;height:calc(26px * var(--vp-k));min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:#100c0a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;color:#fff;font:inherit;line-height:1;letter-spacing:0;text-transform:none;cursor:pointer;transition:background-color .4s var(--vp-ease),transform .4s var(--vp-ease)}.s2-vpop .s2-vpop__btn:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.s2-vpop .s2-vpop__btn:hover{background:#100c0a9e}.s2-vpop .s2-vpop__btn:active{transform:scale(.92)}.s2-vpop .s2-vpop__x{top:calc(6px * var(--vp-k));right:calc(6px * var(--vp-k))}.s2-vpop .s2-vpop__sound{left:calc(6px * var(--vp-k));bottom:calc(6px * var(--vp-k))}.s2-vpop .s2-vpop__size{right:calc(6px * var(--vp-k));bottom:calc(6px * var(--vp-k))}.s2-vpop .s2-vpop__ic{display:block;width:calc(14px * var(--vp-k));height:calc(14px * var(--vp-k));fill:none;stroke:currentColor;stroke-width:2.2}.s2-vpop .s2-vpop__ic--on,.s2-vpop.is-sound .s2-vpop__ic--off,.s2-vpop .s2-vpop__ic--less,.s2-vpop.is-big .s2-vpop__ic--more{display:none}.s2-vpop.is-sound .s2-vpop__ic--on,.s2-vpop.is-big .s2-vpop__ic--less{display:block}.s2-vpop__prog{position:absolute;left:16px;right:16px;bottom:8px;z-index:2;display:none;height:22px;cursor:pointer;touch-action:none;outline:0}.s2-vpop.is-big .s2-vpop__prog{display:block}.s2-vpop__prog:before,.s2-vpop__prog i{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:3px;transition:height .2s var(--vp-ease),margin-top .2s var(--vp-ease)}.s2-vpop__prog:before{background:#ffffff52}.s2-vpop__prog i{display:block;background:#fff;transform:scaleX(var(--vp-p, 0));transform-origin:0 50%}.s2-vpop__prog b{position:absolute;top:50%;left:calc(var(--vp-p, 0) * 100%);width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;box-shadow:0 1px 6px #00000073;transition:transform .2s var(--vp-ease)}.s2-vpop__prog:is(:hover,.is-drag,:focus-visible):before,.s2-vpop__prog:is(:hover,.is-drag,:focus-visible) i{height:5px;margin-top:-2.5px}.s2-vpop__prog:is(:hover,.is-drag,:focus-visible) b{transform:scale(1.25)}.s2-vpop.is-big .s2-vpop__sound,.s2-vpop.is-big .s2-vpop__size{bottom:36px}.s2-vpop__shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9590;background:#0a080e9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .45s var(--vp-ease),visibility 0s linear .45s}.s2-vpop.is-big{--vp-k: 1.45}.s2-vpop.is-big .s2-vpop__shade{opacity:1;visibility:visible;transition:opacity .45s var(--vp-ease)}.s2-vpop.is-big .s2-vpop__card{--vp-bw: min( calc(100vw - 32px) , calc((100vh - 48px)*.5625) , 420px);top:calc(50% - var(--vp-bw) * 8 / 9);left:calc(50% - var(--vp-bw) / 2);right:auto;bottom:auto;z-index:9600;width:var(--vp-bw);border-radius:22px;box-shadow:0 40px 90px -30px #000000b3;cursor:default}@supports (height: 100dvh){.s2-vpop.is-big .s2-vpop__card{--vp-bw: min( calc(100vw - 32px) , calc((100dvh - 48px)*.5625) , 420px)}}body:has(.s2-vpop.is-big) :is(#siteWidgetTogglerContainer,#siteWidgetTogglerBtn,.s2-rdm){visibility:hidden!important}body:has(:is([data-s2-drawer],[data-s2-search],.s2-cd).is-open,.s2-zoom.is-open,.wishlist-drawer.active,.site-widget-modal-state:checked) .s2-vpop:not(.is-big) .s2-vpop__card,:is(html,body).js-drawer-open .s2-vpop:not(.is-big) .s2-vpop__card,body.s2-body--pause:has(.sp:is([data-sp-step=intro],[data-sp-step=tutorial],[data-sp-step=countdown],[data-sp-step=session],[data-sp-step=welldone],[data-sp-step=tip])) .s2-vpop__card{opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}@media(max-width:989px){.s2-vpop{--vp-w: 100px}}@media(max-width:600px){body.s2-body .s2-vpop{--vp-bottom: calc(79px + env(safe-area-inset-bottom, 0px)) }}@media(max-width:989px){body.s2-body--radio .s2-vpop:not(.is-big){--vp-w: 56px;--vp-bottom: calc(17px + env(safe-area-inset-bottom, 0px)) }body.s2-body--radio .s2-vpop:not(.is-big) .s2-vpop__card{aspect-ratio:1;border-radius:50%;box-shadow:0 10px 24px -10px #0009}body.s2-body--radio .s2-vpop:not(.is-big) .s2-vpop__card:before{display:none}body.s2-body--radio .s2-vpop:not(.is-big) .s2-vpop__card:after{box-shadow:inset 0 0 0 2px #ffffffb8}body.s2-body--radio .s2-vpop:not(.is-big) .s2-vpop__btn{display:none}}@media(prefers-reduced-motion:reduce){.s2-vpop__card{translate:none;transition:opacity .3s ease}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/s2-vpop.css.map */