.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__rail{width:var(--mb-specimen);max-width:100%;margin-inline:auto;container-type:inline-size}.mb-product__views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:none;margin:0;padding:0;justify-content:stretch;align-items:stretch}.mb-product__views:has(>:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.mb-product__views:has(>:nth-child(4))>button,.mb-product__views:has(>:nth-child(4))>a.mb-product__views-link{padding-inline:4px;font-size:clamp(8.5px,2cqw,10.5px);letter-spacing:clamp(.5px,.24cqw,1.3px)}@container (max-width: 339px){.mb-product__views:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.mb-product__views:has(>:nth-child(4))>button,.mb-product__views:has(>:nth-child(4))>a.mb-product__views-link{font-size:clamp(9px,3cqw,10.5px);letter-spacing:clamp(.8px,.36cqw,1.3px)}}@media screen and (max-width:680px){.mb-product__views:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.mb-product__views:has(>:nth-child(4))>button,.mb-product__views:has(>:nth-child(4))>a.mb-product__views-link{font-size:clamp(9px,3cqw,10.5px);letter-spacing:clamp(.8px,.36cqw,1.3px)}}.mb-product__views>:last-child:nth-child(odd){grid-column:auto;width:auto;justify-self:stretch}.mb-product .mb-product__views:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.mb-product .mb-product__views>button:nth-child(3):last-child{grid-column:auto;width:auto;justify-self:stretch}.mb-product__views>button,.mb-product__views>a.mb-product__views-link{flex:none;min-width:0;width:auto;max-width:none;min-height:44px;padding:8px 6px;font-size:clamp(8.5px,2.6cqw,10.5px);letter-spacing:clamp(.5px,.3cqw,1.3px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:clip}@media screen and (max-height:620px){.mb-product__views>button,.mb-product__views>a.mb-product__views-link{min-height:40px;padding:6px}}.mb-product__views>a.mb-product__views-link{position:relative;display:grid;place-items:center;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-weight:680;text-align:center;text-decoration:none;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}.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}.mb-product--canvas .mb-product__sizes-soon{margin-top:2.5rem;color:var(--mb-muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/23/assets/mb-canvas-product.css.map */