.xsto-product-360{--xsto-360-ink: #f7fbff;--xsto-360-muted: rgb(241 247 255 / 76%);--xsto-360-line: rgb(255 255 255 / 22%);color:var(--xsto-360-ink);padding:clamp(3.75rem,8vw,7.5rem) 0;background:#092f56}.xsto-product-360 [hidden]{display:none!important}.xsto-product-360__inner{width:min(100% - 40px,1360px);margin:0 auto}.xsto-product-360__header{max-width:820px;margin:0 auto clamp(2rem,4vw,3.75rem);text-align:center}.xsto-product-360__eyebrow{margin:0 0 .9rem;color:#8fdded;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.xsto-product-360__title{margin:0;color:#fff;font-size:clamp(2rem,4.1vw,3.6rem);font-weight:750;line-height:1.2;letter-spacing:-.035em}.xsto-product-360__description{max-width:42rem;margin:1rem auto 0;color:var(--xsto-360-muted);font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.8}.xsto-product-360__stage{position:relative;display:grid;width:100%;height:clamp(420px,52vw,700px);overflow:hidden;place-items:center;border:1px solid rgba(18,32,51,.06);border-radius:20px;background:#eef0f2;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.xsto-product-360__stage:focus-visible{outline:3px solid #8fdded;outline-offset:4px}.xsto-product-360__stage[data-dragging=true]{cursor:grabbing}.xsto-product-360__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.xsto-product-360__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-drag:none}.xsto-product-360__step{position:absolute;z-index:1;top:50%;display:grid;width:54px;height:54px;padding:0;transform:translateY(-50%);place-items:center;border:1px solid rgba(18,32,51,.08);border-radius:50%;background:#fffffff0;box-shadow:0 4px 18px #1220331f;color:#122033;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.xsto-product-360__step:hover{transform:translateY(-50%) scale(1.05);background:#fff}.xsto-product-360__step:focus-visible{outline:3px solid #0759ce;outline-offset:3px}.xsto-product-360__retry:focus-visible{outline:3px solid #8fdded;outline-offset:3px}.xsto-product-360__step--previous{left:clamp(12px,2.2vw,28px)}.xsto-product-360__step--next{right:clamp(12px,2.2vw,28px)}.xsto-product-360__step svg{display:block;width:22px;height:22px}.xsto-product-360__stage[data-loading=true]:after{position:absolute;right:24px;bottom:24px;width:18px;height:18px;border:2px solid rgba(18,32,51,.18);border-top-color:#0759ce;border-radius:50%;animation:xsto-product-360-spin .8s linear infinite;content:""}.xsto-product-360__meta{display:flex;min-height:3.5rem;align-items:center;justify-content:space-between;gap:1.25rem;padding:1rem 0 0}.xsto-product-360__status,.xsto-product-360__hint{margin:0;color:var(--xsto-360-muted);font-size:.925rem;line-height:1.65}.xsto-product-360__status{min-width:5rem;font-variant-numeric:tabular-nums;font-weight:650}.xsto-product-360__hint{text-align:right}.xsto-product-360__retry{padding:0;border:0;background:transparent;color:#b8dcff;font:inherit;font-weight:650;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}@keyframes xsto-product-360-spin{to{transform:rotate(360deg)}}@media(max-width:749px){.xsto-product-360__inner{width:min(100% - 32px,600px)}.xsto-product-360__header{margin-bottom:1.6rem;text-align:left}.xsto-product-360__description{margin-left:0}.xsto-product-360__stage{height:auto;aspect-ratio:1;border-radius:14px}.xsto-product-360__step{width:44px;height:44px}.xsto-product-360__step svg{width:19px;height:19px}.xsto-product-360__meta{align-items:flex-start;flex-direction:column;gap:.35rem;padding-top:.85rem}.xsto-product-360__hint{text-align:left}}@media(prefers-reduced-motion:reduce){.xsto-product-360__step{transition:none}.xsto-product-360__stage[data-loading=true]:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/xsto-product-360.css.map */