.kyu-camera-3d{display:grid;grid-template-areas:"copy" "stage" "note";gap:var(--sp-24);padding-top:var(--sp-48);padding-bottom:var(--sp-48);scroll-margin-top:calc(var(--kyu-header-h, 0px) + var(--sp-24));color:var(--text-primary);background:var(--background)}.kyu-camera-3d [hidden]{display:none!important}.kyu-camera-3d__copy{grid-area:copy;align-self:center;max-width:36rem}.kyu-camera-3d__heading{margin:0 0 var(--sp-20);font-family:var(--font-ui);font-size:var(--fs-display-large);font-weight:500;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.kyu-camera-3d__body{font-size:var(--fs-body);line-height:1.9;color:var(--text-primary)}.kyu-camera-3d__body p{margin:0}.kyu-camera-3d__body p+p{margin-top:var(--sp-12)}.kyu-camera-3d__demo-note{grid-area:note;margin:0;font-family:var(--font-ui);font-size:var(--fs-caption-micro);line-height:1.6;color:var(--text-gray);text-align:center}.kyu-camera-3d__stage{grid-area:stage;min-width:0}.kyu-camera-3d__viewport{position:relative;width:100%;height:var(--kyu-camera-mobile-height, 360px);overflow:hidden;isolation:isolate;container-type:size;touch-action:pan-y pinch-zoom;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.kyu-camera-3d__poster,.kyu-camera-3d__viewport canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.kyu-camera-3d__poster{z-index:1;object-fit:contain;pointer-events:none}@supports (width: 1cqw){.kyu-camera-3d__poster--bundled{inset:auto;top:50%;left:50%;width:calc(min(100cqw,100cqh) * 4 / 3);height:min(100cqw,100cqh);max-width:none;transform:translate(-50%,-50%)}}.kyu-camera-3d[data-state=ready] .kyu-camera-3d__viewport{cursor:grab}.kyu-camera-3d[data-touch-active]:not([data-touch-active=false]) .kyu-camera-3d__viewport{touch-action:none;outline:1px solid var(--border-strong);outline-offset:-1px}.kyu-camera-3d.is-dragging .kyu-camera-3d__viewport{cursor:grabbing}.kyu-camera-3d.is-holding .kyu-camera-3d__viewport{outline:1px solid var(--text-gray);outline-offset:-1px}.kyu-camera-3d__viewport:focus-visible,.kyu-camera-3d__button:focus-visible{outline:2px solid var(--text-primary);outline-offset:-2px;box-shadow:none}.kyu-camera-3d__footer{display:flex;flex-direction:column;align-items:center;gap:var(--sp-8);min-height:92px;padding-top:var(--sp-16)}.kyu-camera-3d__hint,.kyu-camera-3d__nojs{min-height:2em;margin:0;font-size:var(--fs-caption);line-height:1.6;color:var(--text-gray);text-align:center}.kyu-camera-3d__controls{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-8) var(--sp-20)}.kyu-camera-3d__button{-webkit-appearance:none;appearance:none;min-width:44px;min-height:44px;margin:0;padding:var(--sp-8) var(--sp-4);border:0;border-radius:0;background:transparent;color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-caption);font-weight:400;line-height:1.4;cursor:pointer;text-underline-offset:var(--sp-4)}.kyu-camera-3d__button:disabled{opacity:.45;cursor:default}.kyu-camera-3d__button[aria-pressed=true]{text-decoration:underline}@media(hover:hover){.kyu-camera-3d__button:hover:not(:disabled){text-decoration:underline}}@media screen and (min-width:750px){.kyu-camera-3d__viewport{height:var(--kyu-camera-desktop-height, 560px)}.kyu-camera-3d{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"stage copy" "note note";gap:var(--sp-24) var(--sp-48)}.kyu-camera-3d__copy{padding-bottom:var(--sp-48)}}.kyu-camera-3d.kyu-camera-3d--embedded{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "stage" "note";gap:0;padding:0;min-width:0}.kyu-camera-3d--embedded .kyu-camera-3d__copy{max-width:none;padding:0}.kyu-camera-3d--embedded .kyu-camera-3d__demo-note{margin-top:var(--sp-16)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/kyu-camera-3d.css.map */