bs-viewer-demo{display:block;color:#141414}bs-viewer-demo [hidden],bs-piece-viewer [hidden]{display:none!important}.bs-viewer-demo__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:start}@media(max-width:860px){.bs-viewer-demo__grid{grid-template-columns:minmax(0,1fr)}}.bs-viewer-demo__stage{position:sticky;top:calc(var(--header-height, 0px) + 12px);min-width:0}@media(max-width:860px){.bs-viewer-demo__stage{top:var(--header-height, 0px);z-index:2;background:#fff;padding-bottom:8px}bs-viewer-demo bs-piece-viewer{aspect-ratio:auto;height:min(46vh,100vw)}.bs-viewer-demo__hint{margin-top:6px}}bs-piece-viewer{display:block;position:relative;width:100%;aspect-ratio:1 / 1;max-height:78vh;overflow:hidden;background:radial-gradient(circle at 50% 38%,#fdfbf7,#f6f0e6 45%,#ece3d4);touch-action:pan-y;cursor:grab}bs-piece-viewer:active{cursor:grabbing}bs-piece-viewer.is-drop{outline:2px dashed #141414;outline-offset:-10px}.bs-viewer__canvas{display:block;width:100%;height:100%}.bs-viewer__error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;text-align:center;margin:0}.bs-viewer-demo__hint{margin:10px 0 0;font-size:12px;letter-spacing:.4px;color:#48484a;text-align:center}.bs-viewer-demo__title{margin:0 0 8px;font-family:var(--font-heading--family, serif);font-weight:400}.bs-viewer-demo__intro{margin:0 0 20px;color:#48484a;max-width:52ch}.bs-viewer-demo__note{margin:20px 0 0;padding:12px 14px;background:#ece3d4;font-size:13px;color:#141414}.bs-viewer-demo__group{border:0;margin:0 0 18px;padding:0;min-width:0}.bs-viewer-demo__group legend{padding:0;margin-bottom:8px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#48484a}.bs-viewer-demo__btns{display:flex;flex-wrap:wrap;gap:6px}.bs-viewer-demo__btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid #d6cdbd;border-radius:0;background:#fff;color:#141414;font:inherit;font-size:14px;line-height:1.2;cursor:pointer}.bs-viewer-demo__btn:hover{border-color:#141414}.bs-viewer-demo__btn[aria-pressed=true]{border-color:#141414;background:#ece3d4;box-shadow:inset 0 0 0 1px #141414}.bs-viewer-demo__btn:focus-visible{outline:2px solid #141414;outline-offset:2px}.bs-viewer-demo__dot{width:16px;height:16px;border-radius:50%;flex:none;border:1px solid rgb(20 20 20 / .2);background:radial-gradient(circle at 35% 30%,#fff 0 12%,var(--dot) 55%,color-mix(in srgb,var(--dot) 70%,#141414))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bs-viewer.css.map */