.xbv{--xbv-ink: #121212;--xbv-line: #d4d4d4;--xbv-muted: #5c5c5c;width:100%}.xbv[hidden]{display:none}.xbv .viewer{position:relative;width:100%;aspect-ratio:1 / 1;background:#fff;border-radius:4px;overflow:hidden;cursor:grab;touch-action:none}.xbv .viewer:active{cursor:grabbing}.xbv .viewer canvas{display:block;width:100%;height:100%}.xbv .viewer-tools{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}.xbv .viewer-tools button{position:relative;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--xbv-line);background:#ffffffeb;cursor:pointer;display:grid;place-items:center;color:var(--xbv-ink)}.xbv .viewer-tools button:hover{border-color:var(--xbv-ink)}@media(hover:hover){.xbv .viewer-tools button[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--xbv-ink);color:#fff;font-size:12px;line-height:1;padding:6px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:5}.xbv .viewer-tools button[data-tip]:first-child:hover:after{left:0;transform:none}.xbv .viewer-tools button[data-tip]:nth-last-child(-n+2):hover:after{left:auto;right:0;transform:none}}#xbv-spin[aria-pressed=false]{color:#aaa}#xbv-engraveView[aria-pressed=true]{background:var(--xbv-ink);border-color:var(--xbv-ink);color:#fff}#xbv-fullscreen .fs-exit,#xbv-fullscreen[aria-pressed=true] .fs-enter{display:none}#xbv-fullscreen[aria-pressed=true] .fs-exit{display:inline}.xbv .viewer:fullscreen{aspect-ratio:auto;width:100vw;height:100vh;border-radius:0}.xbv .viewer:-webkit-full-screen{aspect-ratio:auto;width:100vw;height:100vh;border-radius:0}.xbv .viewer.is-expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;aspect-ratio:auto;width:auto;height:auto;border-radius:0}.xbv .viewer:fullscreen .viewer-tools,.xbv .viewer.is-expanded .viewer-tools{right:20px;bottom:20px}.xbv .hint{position:absolute;left:12px;top:12px;font-size:13px;color:var(--xbv-muted);background:#ffffffd9;padding:4px 10px;border-radius:20px;pointer-events:none}.xbv .loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--xbv-muted);font-size:14px}.product__media-wrapper.xbv-media>:not(.xbv){display:none}.product__media-wrapper.xbv-media{position:sticky;top:calc(var(--xbv-header, 0px) + 16px);align-self:flex-start;z-index:2}.product__media-wrapper.xbv-media:has(.is-expanded){z-index:1000}@media(min-width:750px){.xbv-media .xbv .viewer:not(.is-expanded):not(:fullscreen){max-height:calc(100vh - var(--xbv-header, 0px) - 32px);max-height:calc(100svh - var(--xbv-header, 0px) - 32px);min-height:360px}}@media(max-width:749px){.product__media-wrapper.xbv-media{top:calc(var(--xbv-header, 0px) + var(--xbv-vv-top, 0px));z-index:2;background:#fff;padding-bottom:8px;box-shadow:0 8px 12px -12px #00000059}.xbv .viewer{aspect-ratio:auto;height:26vh;height:26svh;min-height:190px}.xbv .viewer-tools{left:8px;right:8px;bottom:8px;gap:0;justify-content:space-between}.xbv .viewer-tools button{width:44px;height:44px}.gpo-element input[type=text],.gpo-element textarea,.gpo-element select,variant-selects select{font-size:16px!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/xylo-bat-viewer.css.map */