.a88-360{padding-block:var(--section-y) calc(var(--section-y) * .55);position:relative;display:grid;gap:var(--sp-5)}.a88-360__stage{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border:0;padding:0;margin:0;background:transparent;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}@media (max-width: 639px){.a88-360__stage{aspect-ratio:9 / 16}}.a88-360.is-dragging .a88-360__stage{cursor:grabbing}.a88-360__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(58% 62% at 50% 58%,rgba(74,177,173,.22),transparent 72%)}.a88-360__img{position:relative;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;pointer-events:none}.a88-360__stage:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.a88-360__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.a88-360.has-canvas .a88-360__img{visibility:hidden}.a88-360.is-loading .a88-360__img,.a88-360.is-loading .a88-360__canvas{opacity:.55}.a88-360__img,.a88-360__canvas{transition:opacity var(--dur-fast) var(--ease)}.a88-360__hint{position:absolute;left:50%;bottom:var(--sp-4);transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);background:#0b0f129e;color:var(--on-dark);font-size:var(--fs-small);font-weight:500;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.a88-360__hint.is-gone{opacity:0;transform:translate(-50%) translateY(6px)}.a88-360__swatches{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center;padding:0;margin:0;list-style:none}.a88-360__swatch{position:relative;width:var(--tap);height:var(--tap);padding:0;border:0;border-radius:50%;cursor:pointer;overflow:hidden;background-color:var(--swatch, #888);box-shadow:inset 0 0 0 1px #0b0f1238;transition:transform var(--dur-fast) var(--ease)}.a88-360__swatch[data-two-tone="1"]:before{content:"";position:absolute;top:0;right:0;bottom:66%;left:0;background-color:#000}.a88-360__swatch:hover,.a88-360__swatch:focus-visible,.a88-360__swatch[aria-pressed=true]{transform:scale(1.08)}.a88-360__swatch[aria-pressed=true]{outline:2px solid var(--brand-deep);outline-offset:4px}.a88-360__swatch:focus-visible{outline:2px solid var(--brand-deep);outline-offset:6px}.a88-360__caption{font-size:var(--fs-small);color:var(--text-70);margin:0}.a88-360__caption b{color:var(--text);font-weight:600}.a88-360:not(.is-ready) .a88-360__hint,.a88-360:not(.is-ready) .a88-360__swatches{display:none}@media (prefers-reduced-motion: reduce){.a88-360__hint{transition:none}}
/*# sourceMappingURL=360.css.map */