.st-3d-viewer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.product__media:has(>.st-gallery-note)>.st-3d-viewer{inset-block-end:var(--gn-bar-h, 0px)}.st-3d-viewer__stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background-color:rgb(var(--color-background));touch-action:pan-y}.st-3d-viewer__stage[hidden]{display:none}.st-3d-viewer__model{display:block;inline-size:100%;block-size:100%;background-color:transparent}.st-3d-viewer__model:not(:defined){background:var(--st-3d-poster) center / contain no-repeat}.st-3d-viewer__controls{--st-3d-ink: 24 26 29;position:absolute;inset-block-end:10px;inset-inline-start:50%;display:flex;align-items:stretch;overflow:hidden;background-color:#fff;border:1px solid rgb(var(--st-3d-ink) / .12);border-radius:6px;box-shadow:0 1px 4px #0000001a;transform:translate(-50%);pointer-events:auto}.st-3d-viewer__button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-inline-size:48px;block-size:36px;margin:0;padding:0 var(--sp-2);font-family:var(--font-heading-family);font-size:13px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;color:rgb(var(--st-3d-ink));background-color:transparent;border:0;border-radius:0;cursor:pointer}.st-3d-viewer__button:not([hidden])~.st-3d-viewer__button:not([hidden]){border-inline-start:1px solid rgb(var(--st-3d-ink) / .15)}.st-3d-viewer__button:before{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.st-3d-viewer__button:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:-2px}.st-3d-viewer__button[hidden],.st-3d-viewer__label-lg,.st-3d-viewer__trigger .icon,.st-3d-viewer__ar .icon{display:none}.st-3d-viewer__button .icon{inline-size:18px;block-size:18px;flex-shrink:0}.st-3d-viewer__trigger[aria-pressed=true]{color:#fff;background-color:rgb(var(--st-3d-ink));cursor:default}@media screen and (max-width:1023px){.product__media:has(>.st-gallery-note--spacer)>.st-3d-viewer .st-3d-viewer__controls{inset-block-end:calc(10px - var(--gn-bar-h, 0px))}}@media screen and (min-width:1024px){.st-3d-viewer__controls{inset-block-end:16px;inset-inline-start:16px;gap:var(--sp-2);overflow:visible;background-color:transparent;border:0;border-radius:0;box-shadow:none;transform:none}.st-3d-viewer__button{min-inline-size:52px;block-size:52px;padding:0 24px;font-size:16px;letter-spacing:.01em;text-decoration:none;color:rgb(var(--st-3d-ink));background-color:#ffffffe6;border:1px solid rgb(var(--st-3d-ink) / .2);border-radius:var(--rounded-full)}.st-3d-viewer__button:not([hidden])~.st-3d-viewer__button:not([hidden]){border-inline-start:1px solid rgb(var(--st-3d-ink) / .2)}.st-3d-viewer__button:before{content:none}.st-3d-viewer__button:focus-visible{outline-offset:2px}.st-3d-viewer__button.st-3d-viewer__trigger{color:#fff;background-color:rgb(var(--st-3d-ink));border-color:rgb(var(--st-3d-ink))}.st-3d-viewer__label-lg,.st-3d-viewer__trigger .icon,.st-3d-viewer__ar .icon{display:block}.st-3d-viewer__label-sm{display:none}.st-3d-viewer__button .icon{inline-size:22px;block-size:22px}.st-3d-viewer__close{padding:0}}.st-3d-viewer__ar-hint{position:absolute;inset-block-end:calc(10px + 38px + var(--sp-2));inset-inline-start:50%;display:inline-flex;align-items:center;gap:var(--sp-1);inline-size:max-content;max-inline-size:calc(100% - 2 * var(--sp-4));margin:0;padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);line-height:1.2;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background) / .85);border:1px solid rgb(var(--color-border));border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%);pointer-events:none}@media screen and (min-width:1024px){.st-3d-viewer__ar-hint{inset-block-end:calc(16px + 52px + var(--sp-2));inset-inline-start:16px;transform:none}}.st-3d-viewer__ar-hint[hidden]{display:none}.st-3d-viewer__ar-hint .icon{inline-size:18px;block-size:18px;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/163/assets/st-3d-viewer.css.map */