.ink-stage{position:relative}.ink-3d{--sh: 1;position:relative;aspect-ratio:1 / 1;overflow:hidden;direction:ltr;border-radius:var(--ink-radius-lg, 10px);background:radial-gradient(62% 58% at 50% 42%,#fff,#f3efe7 58%,#e7e0d3);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.ink-3d.is-drag{cursor:grabbing}.ink-3d canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s ease}.ink-3d.is-ready canvas{opacity:1}.ink-3d__shadow{position:absolute;bottom:7%;left:50%;width:calc(32% * var(--sh));height:4.5%;transform:translate(-50%);background:radial-gradient(closest-side,rgba(20,18,16,.32),transparent);filter:blur(6px);pointer-events:none}.ink-3d__hint{position:absolute;bottom:3%;left:0;right:0;text-align:center;font-size:1.1rem;letter-spacing:.14em;color:#14121061;direction:rtl;pointer-events:none}.ink-3d__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center}.ink-3d__fallback img{width:56%;height:auto;filter:drop-shadow(0 22px 24px rgba(20,18,16,.2))}.ink-3d.is-fallback .ink-3d__fallback{display:grid}.ink-3d.is-fallback canvas,.ink-3d.is-fallback .ink-3d__hint{display:none}.ink-stage__meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;font-size:1.3rem;letter-spacing:.14em;color:var(--muted, #6e675e)}.ink-stage__name{font-size:1.7rem;font-weight:500;letter-spacing:0;color:var(--ink, #141210)}.ink-stage__name i{font-style:normal;color:var(--muted, #6e675e);font-weight:300}.ink-stage__count b{font-weight:500;color:var(--ink, #141210)}.ink-stage__dots{display:flex;gap:8px;margin-top:14px}.ink-stage__dot{flex:1;height:2px;border:0;padding:8px 0;background:var(--line, #e2dbcf);background-clip:content-box;cursor:pointer;position:relative;overflow:hidden}.ink-stage__dot:after{content:"";position:absolute;left:0;right:0;top:8px;bottom:8px;background:var(--ink, #141210);transform:scaleX(0);transform-origin:right}.ink-stage__dot.is-active:after{animation:inkBar 6.2s linear forwards}@keyframes inkBar{to{transform:scaleX(1)}}.ink-stage__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.ink-stage__swatches{display:flex;gap:10px}.ink-stage__swatch{width:22px;height:22px;border-radius:50%;border:0;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #0000002e;position:relative;transition:transform .2s ease}.ink-stage__swatch:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;box-shadow:0 0 0 1px transparent;transition:box-shadow .2s ease}.ink-stage__swatch:hover{transform:scale(1.08)}.ink-stage__swatch.is-active:after{box-shadow:0 0 0 1.5px var(--ink, #141210)}.ink-stage__note{font-size:1.05rem;color:#9a9187;letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.ink-stage__dot.is-active:after{animation:none!important;transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ink-hero3d.css.map */