.mb-canvas-gallery{padding:clamp(3rem,6vw,6rem) var(--mb-gutter, clamp(1.25rem, 4vw, 5rem)) clamp(1.5rem,2.5vw,2.5rem);color:var(--mb-moon, #eef3ef);font-family:var(--font-body--family, sans-serif);text-align:center}.mb-canvas-gallery--flush{padding-top:.5rem}.mb-canvas-gallery__title{display:block;width:100%;max-width:calc(100% - 2rem);margin:0 auto clamp(2.5rem,5vw,4.5rem);padding-block:.08em .16em;box-sizing:border-box;color:var(--mb-moon, #f7f5fb);font-family:"Clash Display",var(--font-heading--family, sans-serif);font-size:clamp(2.4rem,3.3vw,4rem);font-weight:600;line-height:.78;letter-spacing:.13em;text-align:center;text-indent:.13em;text-transform:uppercase;text-wrap:nowrap;transform:perspective(36rem) rotateX(24deg) scaleX(.88);transform-origin:50% 100%;text-shadow:0 .035em 0 rgb(112 55 184 / 72%),0 .09em 0 rgb(73 32 125 / 58%),0 .18em .35em rgb(133 73 224 / 20%)}.mb-canvas-gallery__lead{max-width:52ch;margin:-1.5rem auto clamp(2.5rem,5vw,4.5rem);color:var(--mb-muted, #a9a7b0);font-size:clamp(.9rem,1.05vw,1rem);line-height:1.6}.mb-canvas-grid{display:grid;grid-template-columns:repeat(var(--mb-canvas-cols, 3),minmax(0,1fr));gap:clamp(1.5rem,2.4vw,2.25rem) clamp(1.5rem,3vw,3.25rem);max-width:84rem;margin-inline:auto}.mb-canvas{display:block;min-width:0;color:inherit!important;text-decoration:none;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mb-canvas:focus-visible{outline:2px solid var(--mb-moon, #eef3ef);outline-offset:8px}.mb-canvas__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-canvas__glow{position:absolute;z-index:-1;left:10%;right:10%;bottom:-7%;height:22%;border-radius:50%;opacity:.45;background:radial-gradient(ellipse 58% 84% at 48% 58%,color-mix(in oklch,var(--mb-violet, #9b63e6) 62%,transparent),transparent 70%),radial-gradient(ellipse 90% 66% at 56% 68%,color-mix(in oklch,var(--mb-violet, #9b63e6) 30%,transparent),transparent 80%);filter:blur(clamp(1.25rem,3vw,2.75rem));transition:opacity .26s var(--mb-ease, ease),transform .26s var(--mb-ease, ease)}.mb-canvas__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;background:var(--mb-void, #07070a);box-shadow:0 1.4rem 2.8rem #0009,0 0 3.5rem color-mix(in oklch,var(--mb-violet, #9b63e6) 24%,transparent);pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;transition:transform .26s var(--mb-ease, ease)}.mb-canvas__media--empty{background:color-mix(in oklch,var(--mb-void, #07070a) 80%,var(--mb-violet, #9b63e6));box-shadow:none}.mb-canvas__shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;background:transparent}.mb-canvas__caption{display:grid;justify-items:center;gap:.3rem;padding-top:clamp(.7rem,1vw,.9rem)}.mb-canvas__name{font-family:"Clash Display",var(--font-heading--family, sans-serif);font-size:clamp(.95rem,1.15vw,1.1rem);font-weight:500;line-height:1.25;color:var(--mb-moon, #eef3ef)}.mb-canvas__price{font-size:.86rem;letter-spacing:.08em;color:var(--mb-violet, #9b63e6);font-variant-numeric:tabular-nums}.mb-canvas__from{font-size:.68rem;letter-spacing:.16em;color:var(--mb-muted, #a9a7b0)}@media(hover:hover)and (pointer:fine){.mb-canvas:hover .mb-canvas__glow,.mb-canvas:focus-visible .mb-canvas__glow{opacity:.68;transform:scale(1.06)}.mb-canvas:hover .mb-canvas__media,.mb-canvas:focus-visible .mb-canvas__media{transform:translateY(-4px)}}@media(hover:hover)and (pointer:fine){.mb-canvas:active .mb-canvas__media{transform:translateY(0) scale(.985);transition-duration:90ms}.mb-canvas:active .mb-canvas__glow{opacity:.55;transform:scale(1);transition-duration:90ms}}@media(max-width:1050px){.mb-canvas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.mb-canvas-grid{grid-template-columns:minmax(0,1fr);max-width:26rem;gap:1.75rem}.mb-canvas-gallery__title{font-size:clamp(2.35rem,10vw,3.75rem);letter-spacing:.08em;text-indent:.08em;transform:perspective(24rem) rotateX(22deg) scaleX(.9)}}@media(hover:none){.mb-canvas__glow{filter:none;transition:none;opacity:.38;left:4%;right:4%;bottom:-12%;height:30%;background:radial-gradient(ellipse 50% 60% at 48% 55%,color-mix(in oklch,var(--mb-violet, #9b63e6) 45%,transparent),transparent 72%),radial-gradient(ellipse 85% 70% at 55% 65%,color-mix(in oklch,var(--mb-violet, #9b63e6) 18%,transparent),transparent 85%)}.mb-canvas__media{transition:none}}@media(prefers-reduced-motion:reduce){.mb-canvas__media,.mb-canvas__glow{transition:none}.mb-canvas:hover .mb-canvas__media{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/mb-canvas-gallery.css.map */