video-360-looks{--looks-picker-height: 176px;position:relative;display:flex;flex-direction:column;height:calc(100vh - var(--looks-top, 0px));height:calc(100svh - var(--looks-top, 0px));min-height:560px;background:#000}video-360.video-360-looks__viewer{flex:1;height:auto;min-height:0}.video-360-looks__picker{display:flex;flex-direction:column;justify-content:center;gap:12px;height:var(--looks-picker-height);padding:0;box-sizing:border-box;background:#efefef;color:#000}.video-360-looks__strip{--looks-item: 34vw;position:relative;height:104px;overflow:hidden;touch-action:pan-y}.video-360-looks__item{-webkit-tap-highlight-color:transparent;position:absolute;top:50%;left:50%;width:var(--looks-item);margin-left:calc(var(--looks-item) / -2);padding:0;border:0;background:#efefef;cursor:pointer;transform:translate(calc(var(--looks-rel, 0) * var(--looks-item)),-50%) scale(.8);transition:transform .45s ease,opacity .45s ease}video-360-looks .video-360-looks__item:active{background:#efefef;border-color:transparent}video-360-looks .video-360-looks__hint:active{background:#0009;border-color:transparent}video-360-looks .video-360-looks__arrow:active{background:none;border-color:transparent}.video-360-looks__item.is-active{transform:translateY(-50%) scale(1)}.video-360-looks__item.is-far{opacity:0;pointer-events:none}.video-360-looks__item.is-jump{transition:none}.video-360-looks__image{display:block;width:100%;height:auto;mix-blend-mode:multiply;transition:opacity .3s ease}.video-360-looks__image--active{position:absolute;top:0;left:0;opacity:0}.video-360-looks__item.is-active .video-360-looks__image--active{opacity:1}.video-360-looks__item.is-active .video-360-looks__image:has(+.video-360-looks__image--active){opacity:0}.video-360-looks__info{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 32px;font-size:13px;letter-spacing:.02em;text-transform:uppercase}.video-360-looks__name{margin:0}video-360-looks .video-360-looks__shop{flex-shrink:0;color:#000;font-weight:700;text-decoration:underline;text-underline-offset:3px}.video-360-looks__hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;width:100%;padding:0 0 var(--looks-picker-height);border:0;background:#0009;color:#fff;cursor:pointer}.video-360-looks__hint-content{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px}.video-360-looks__hint-text{max-width:32ch;font-size:13px;font-weight:400;line-height:1.3;letter-spacing:.02em;text-align:center;text-transform:uppercase}.video-360-looks__hint-gif{width:var(--hint-gif-width);height:auto;max-width:100%}video-360-looks.is-started .video-360-looks__hint{display:none}.video-360-looks__arrow,.video-360-looks__hint-text--desktop{display:none}@media(min-width:768px){video-360-looks{--looks-picker-height: 0px}.video-360-looks__hint-text--mobile{display:none}.video-360-looks__hint-gif{width:var(--hint-gif-width-desktop)}.video-360-looks__hint-text--desktop{display:block;max-width:40ch;font-size:15px}.video-360-looks__picker{position:absolute;left:50%;bottom:24px;z-index:1;width:auto;height:auto;padding:12px 0 16px;gap:8px;transform:translate(-50%);border-radius:12px;background:#efefef}.video-360-looks__row{position:relative;padding:0 36px}.video-360-looks__strip{--looks-item: 112px;width:calc(3 * var(--looks-item));height:96px}.video-360-looks__item{transform:translate(calc(var(--looks-rel, 0) * var(--looks-item)),-50%) scale(.6)}.video-360-looks__item.is-active{transform:translateY(-50%) scale(1.3)}.video-360-looks__arrow{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:none;color:#000;cursor:pointer;transform:translateY(-50%)}.video-360-looks__arrow--prev{left:4px}.video-360-looks__arrow--next{right:4px}.video-360-looks__arrow svg{width:20px;height:20px}.video-360-looks__info{padding:0 28px}}iframe#launcher{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/173/assets/video-360-looks.css.map */