.mb-product--canvas .mb-product__radiance{left:14%;right:14%;bottom:-2%;height:14%;opacity:.42}.mb-canvas-product__specimen{cursor:default;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mb-product--canvas .mb-canvas-product__still{opacity:0;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;object-fit:contain;transition:opacity .26s var(--mb-ease, ease)}.mb-product--canvas[data-current=art] .mb-product__image--view-art,.mb-product--canvas[data-current=wall] .mb-product__image--view-wall{opacity:1}.mb-product--canvas .mb-canvas-product__still--art{background:var(--mb-void, #07070a);box-shadow:0 1.8rem 3.6rem #0000009e,0 0 4.5rem color-mix(in oklch,var(--mb-violet, #9b63e6) 26%,transparent)}.mb-product--canvas .mb-canvas-product__still--wall{background:transparent;box-shadow:none}.mb-product--canvas[data-current=wall] .mb-product__radiance{opacity:0}.mb-canvas-product__shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;background:transparent}.mb-product__views{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.45rem;width:100%;max-width:34rem;margin-inline:auto}.mb-product__views>button,.mb-product__views>a{flex:0 0 calc((100% - .9rem) / 3);width:auto;max-width:none}.mb-product__views>a.mb-product__views-link{position:relative;display:grid;place-items:center;min-width:0;min-height:2.9rem;padding:.65rem 1rem;border:1px solid color-mix(in oklch,var(--mb-violet, #9b63e6) 55%,transparent);color:color-mix(in oklch,var(--mb-moon, #eef3ef) 82%,var(--mb-muted, #a9a7b0))!important;background:linear-gradient(180deg,#9b63e629,#0000002e);font:inherit;font-size:.66rem;font-weight:680;letter-spacing:.13em;line-height:1;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s var(--mb-ease, ease)}.mb-product__views>a.mb-product__views-link:hover,.mb-product__views>a.mb-product__views-link:focus-visible{border-color:var(--mb-violet, #9b63e6);color:var(--mb-moon, #eef3ef)!important;background:linear-gradient(180deg,#9b63e657,#28124657);box-shadow:inset 0 0 0 1px #9b63e62e,0 0 1rem #9b63e62e;outline:none}.mb-product__views>a.mb-product__views-link:focus-visible{outline:2px solid var(--mb-moon, #eef3ef);outline-offset:3px}.mb-product__views>button:active,.mb-product__views>a.mb-product__views-link:active{transform:translateY(1px) scale(.985);transition-duration:80ms}@media screen and (max-width:46rem){.mb-product__views{max-width:22rem}.mb-product__views>button,.mb-product__views>a{flex-basis:calc((100% - .45rem)/2)}.mb-product__views button:last-child:nth-child(odd){width:auto;justify-self:auto}}.mb-product--canvas .mb-add-to-bag{transition:transform .2s var(--mb-ease, ease),background .2s var(--mb-ease, ease)}.mb-product--canvas .mb-add-to-bag:active{transform:translateY(1px) scale(.985);transition-duration:80ms}.mb-product--canvas .mb-add-to-bag:disabled{opacity:.45;cursor:not-allowed;transform:none}.mb-related{max-width:1040px;margin-inline:auto;padding:0 var(--mb-gutter, clamp(1.25rem, 4vw, 5rem)) clamp(5rem,10vw,9rem);text-align:center;color:var(--mb-moon, #eef3ef);font-family:var(--font-body--family, sans-serif)}.mb-related__title{margin:0 0 clamp(2rem,4vw,3rem);color:var(--mb-muted, #a9a7b0);font-family:"Clash Display",var(--font-heading--family, sans-serif);font-size:.82rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.mb-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem) clamp(1rem,2vw,2rem)}.mb-related__tile{display:block;min-width:0;color:inherit!important;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mb-related__tile:focus-visible{outline:2px solid var(--mb-moon, #eef3ef);outline-offset:6px}.mb-related__stage{position:relative;display:block;width:100%;aspect-ratio:1 / 1;isolation:isolate;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mb-related__glow{position:absolute;z-index:-1;left:14%;right:14%;bottom:-4%;height:20%;border-radius:50%;opacity:.4;background:radial-gradient(ellipse 58% 84% at 48% 58%,color-mix(in oklch,var(--mb-violet, #9b63e6) 60%,transparent),transparent 70%),radial-gradient(ellipse 90% 66% at 56% 68%,color-mix(in oklch,var(--mb-violet, #9b63e6) 28%,transparent),transparent 80%);filter:blur(clamp(1rem,2.5vw,2rem));transition:opacity .26s var(--mb-ease, ease),transform .26s var(--mb-ease, ease)}.mb-related__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;transition:transform .26s var(--mb-ease, ease)}.mb-related__tile--canvas .mb-related__media{background:var(--mb-void, #07070a);box-shadow:0 1rem 2rem #0009,0 0 2.5rem color-mix(in oklch,var(--mb-violet, #9b63e6) 22%,transparent)}.mb-related__shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block}.mb-related__caption{display:grid;justify-items:center;gap:.25rem;padding-top:.9rem}.mb-related__badge{font-size:.6rem;letter-spacing:.2em;color:var(--mb-violet, #9b63e6)}.mb-related__name{font-family:"Clash Display",var(--font-heading--family, sans-serif);font-size:clamp(.9rem,1.05vw,1rem);font-weight:500;line-height:1.25;color:var(--mb-moon, #eef3ef)}.mb-related__kind{font-size:.62rem;letter-spacing:.16em;color:var(--mb-muted, #a9a7b0);vertical-align:.1em}.mb-related__price{font-size:.82rem;letter-spacing:.08em;color:var(--mb-violet, #9b63e6);font-variant-numeric:tabular-nums}.mb-related__from{font-size:.64rem;letter-spacing:.16em;color:var(--mb-muted, #a9a7b0)}@media(hover:hover)and (pointer:fine){.mb-related__tile:hover .mb-related__glow,.mb-related__tile:focus-visible .mb-related__glow{opacity:.62;transform:scale(1.06)}.mb-related__tile:hover .mb-related__media,.mb-related__tile:focus-visible .mb-related__media{transform:translateY(-3px)}}.mb-related__tile:active .mb-related__media{transform:translateY(0) scale(.985);transition-duration:90ms}@media(max-width:1050px){.mb-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.mb-related{padding-inline:1rem}.mb-related__grid{gap:2rem 1rem}}@media(prefers-reduced-motion:reduce){.mb-related__media,.mb-related__glow{transition:none}.mb-related__tile:hover .mb-related__media{transform:none}}.mb-product__crosslink a:hover{color:var(--mb-moon, #eef3ef)!important;box-shadow:inset 0 -1px 0 var(--mb-moon, #eef3ef)}.mb-product__crosslink a:focus-visible{color:var(--mb-moon, #eef3ef)!important;outline:2px solid var(--mb-moon, #eef3ef);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/9/assets/mb-canvas-product.css.map */