.kis-360__toggle{position:absolute;top:12px;left:12px;z-index:11;display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 10px;border:0;border-radius:100px;background:#ffffffeb;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--kis-ink, #000);font-family:inherit;font-size:11px;font-weight:500;line-height:1.2;letter-spacing:0;cursor:pointer;transition:color .15s ease,transform .2s cubic-bezier(.16,1,.3,1)}.kis-360__toggle svg{width:16px;height:16px;flex:0 0 auto}.kis-360__toggle:hover,.kis-360__toggle:focus-visible{color:var(--kis-purple, #673aff)}.kis-360__toggle:active{transform:scale(.96)}.kis-360__toggle:focus-visible,.kis-360__close:focus-visible,.kis-360__canvas:focus-visible{outline:2px solid var(--kis-purple, #673aff);outline-offset:2px}.kis-gallery:has(.kis-gallery__badges) .kis-360__toggle{top:48px}.kis-360__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;overflow:hidden;border-radius:16px;background:var(--kis-tile, #f7f7f7);animation:kis-360-in .24s cubic-bezier(.16,1,.3,1)}.kis-360__stage[hidden]{display:none}@keyframes kis-360-in{0%{opacity:0}to{opacity:1}}.kis-360__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.kis-360__canvas.is-dragging{cursor:grabbing}.kis-360__img{display:block;width:100%;height:100%;object-fit:contain;filter:var(--kis-photo-filter);pointer-events:none}.kis-360__loading{position:absolute;top:50%;left:50%;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100px;background:#ffffffeb;color:#55555e;font-size:13px;font-weight:500;line-height:1.2;transform:translate(-50%,-50%);pointer-events:none}.kis-360__loading[hidden]{display:none}.kis-360__spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(85,85,94,.25);border-top-color:#55555e;border-radius:50%;animation:kis-360-spin .8s linear infinite}@keyframes kis-360-spin{to{transform:rotate(360deg)}}.kis-360__hint{position:absolute;left:50%;bottom:52px;display:flex;align-items:center;gap:6px;margin:0;padding:6px 12px;border-radius:100px;background:#ffffffeb;color:#55555e;font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;transform:translate(-50%);pointer-events:none;transition:opacity .3s ease}.kis-360__hint svg{width:16px;height:16px}.kis-360.is-touched .kis-360__hint,.kis-360:not(.is-ready) .kis-360__hint{opacity:0}.kis-360__close{position:absolute;top:12px;right:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:var(--kis-white, #fff);box-shadow:0 1px 2px #00000014,0 6px 16px #0000001a;color:var(--kis-ink, #000);cursor:pointer;transition:color .15s ease,transform .2s cubic-bezier(.16,1,.3,1)}.kis-360__close svg{width:18px;height:18px}.kis-360__close:hover{color:var(--kis-purple, #673aff)}.kis-360__close:active{transform:scale(.94)}.kis-360__range{position:absolute;left:24px;right:24px;bottom:20px;width:calc(100% - 48px);height:20px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.kis-360__range::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:#d3d2dc}.kis-360__range::-moz-range-track{height:3px;border-radius:3px;background:#d3d2dc}.kis-360__range::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7.5px;border:3px solid var(--kis-white, #fff);border-radius:50%;background:var(--kis-purple, #673aff);box-shadow:0 1px 4px #0003;-webkit-appearance:none;appearance:none}.kis-360__range::-moz-range-thumb{width:12px;height:12px;border:3px solid var(--kis-white, #fff);border-radius:50%;background:var(--kis-purple, #673aff);box-shadow:0 1px 4px #0003}.kis-360__range:focus-visible{outline:none}.kis-360__range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--kis-purple, #673aff);outline-offset:2px}@media screen and (min-width:750px){.kis-360__toggle{top:16px;left:16px;gap:8px;padding:8px 14px;font-size:13px}.kis-gallery:has(.kis-gallery__badges) .kis-360__toggle{top:56px}.kis-360__stage{border-radius:20px}.kis-360__close{top:16px;right:16px}.kis-360__range{left:32px;right:32px;bottom:24px;width:calc(100% - 64px)}.kis-360__hint{bottom:60px}}@media(prefers-reduced-motion:reduce){.kis-360__stage{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/kis-360.css.map */