.litho{display:grid;grid-template-columns:minmax(0,1fr) minmax(30rem,38rem);gap:4rem;align-items:start}.litho__stage{position:relative;position:sticky;top:9rem;border-radius:calc(var(--card-radius) * 1.2);border:1px solid var(--color-border);background:radial-gradient(120% 90% at 50% 8%,rgba(var(--color-primary-rgb),.16),transparent 60%),radial-gradient(circle at 50% 42%,#232838,#12141b);overflow:hidden;padding:clamp(1.6rem,3vw,3.2rem);aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center}.litho__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 8rem #00000073;border-radius:inherit}.litho__canvas{width:100%;height:100%;display:block;margin:0 auto;object-fit:contain;border-radius:calc(var(--card-radius) * 1.1);cursor:grab;touch-action:none}.litho__canvas.is-grabbing{cursor:grabbing}.litho__placeholder{color:var(--color-muted);font-size:1.5rem;text-align:center;max-width:26ch;line-height:1.6;margin:0}.litho__hint{position:absolute;left:0;right:0;bottom:1rem;margin:0;text-align:center;font-size:1.2rem;color:var(--color-muted);z-index:2;pointer-events:none}.litho__panel>h1{font-size:clamp(2.8rem,4vw,4rem);margin-bottom:.6rem}.litho__panel .product__price{margin:1rem 0 2.4rem}.litho__lead{color:var(--color-muted);font-size:1.6rem;line-height:1.7;margin-bottom:2.4rem}.litho-group{border:0;padding:0;margin:0 0 2.2rem;min-width:0}.litho-group>legend{padding:0;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.litho-selected{color:var(--color-muted);font-weight:500}.litho-swatches{display:flex;flex-wrap:wrap;gap:1rem}.litho-swatch{position:relative;display:inline-flex;cursor:pointer}.litho-swatch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.litho-swatch__dot{width:3.6rem;height:3.6rem;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #ffffff47,inset 0 -3px 6px #00000059;transition:transform .12s ease,box-shadow .12s ease}.litho-swatch:hover .litho-swatch__dot{transform:scale(1.08)}.litho-swatch:has(input:checked) .litho-swatch__dot{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent),inset 0 0 0 1px #ffffff4d}.litho-swatch:has(input:focus-visible) .litho-swatch__dot{outline:2px solid var(--color-primary);outline-offset:3px}.litho-note{display:block;margin-top:1rem}.litho-pills{display:flex;flex-wrap:wrap;gap:.8rem}.litho-pills .variant-pill{cursor:pointer;-webkit-user-select:none;user-select:none}.litho__buy{margin-top:2.6rem}@media(max-width:989px){.litho{grid-template-columns:1fr;gap:2.8rem}.litho__stage{position:relative}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-lithophane-generator.css.map */