@layer components{.btn{--_bg: var(--brand);--_fg: var(--on-brand);--_bd: var(--brand);display:inline-flex;align-items:center;justify-content:center;gap:.6em;text-align:center;min-height:var(--btn-min-h);padding:.95rem 2.25rem;background:var(--_bg);color:var(--_fg);border:1.5px solid var(--_bd);border-radius:var(--radius-pill);font:400 .8125rem/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-btn) linear,color var(--dur-btn) linear,border-color var(--dur-btn) linear,opacity var(--dur-btn) linear}.btn:hover{--_bg: var(--brand-hover);--_bd: var(--brand-hover)}.btn:active{opacity:.85}.btn--line{--_bg: transparent;--_fg: var(--brand);--_bd: var(--brand);padding-inline:1.45rem}.btn--line:hover{--_bg: var(--brand);--_fg: var(--on-brand);--_bd: var(--brand)}.btn--lg{min-height:var(--btn-lg-h);padding-inline:2.75rem;width:auto}.btn--sm{min-height:44px;padding:.75rem 1.45rem;font-size:var(--fs-nav)}.btn--block{width:100%}.on-dark .btn,.on-brand-bg .btn{--_bg: var(--on-block);--_fg: var(--surface-brand-deep);--_bd: var(--on-block)}.on-dark .btn:hover,.on-brand-bg .btn:hover{--_bg: var(--surface-page);--_bd: var(--surface-page)}.on-dark .btn--line,.on-brand-bg .btn--line{--_bg: transparent;--_fg: var(--on-block);--_bd: var(--on-block)}.on-dark .btn--line:hover,.on-brand-bg .btn--line:hover{--_bg: var(--on-block);--_fg: var(--surface-brand-deep)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-8)}.link-quiet{font:500 .9375rem/1.2 var(--font-sans);color:var(--ink);text-decoration:underline;text-underline-offset:.45em;text-decoration-thickness:1px;text-decoration-color:color-mix(in oklch,currentColor 40%,transparent);transition:color var(--dur-btn) linear,text-decoration-color var(--dur-btn) linear}.link-quiet:hover{color:var(--brand);text-decoration-color:currentColor}.on-dark .link-quiet,.on-brand-bg .link-quiet{color:var(--on-night)}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;color:inherit;transition:opacity var(--dur-btn) linear,background-color var(--dur-btn) linear}.icon-btn:hover{background:color-mix(in oklch,currentColor 10%,transparent)}.icon-btn svg{width:20px;height:20px;fill:currentColor}.label{font:400 .75rem/1.3 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.on-dark .label,.on-brand-bg .label{color:color-mix(in oklch,var(--on-block) 75%,transparent)}.tag{display:inline-flex;align-items:center;padding:.35rem .9rem;border-radius:var(--radius-pill);background:var(--blush);color:var(--ink);font:400 .78rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.tag--brand{background:var(--brand);color:var(--on-brand)}.link-mono{font:400 .9375rem/1.4 var(--font-sans);text-transform:none;letter-spacing:.01em;text-decoration:none;transition:opacity var(--dur-btn) linear,color var(--dur-btn) linear}.link-mono:hover{color:var(--brand)}.kw{font-style:italic;background:var(--accent-italic);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}.on-dark .kw,.on-brand-bg .kw{background:none;color:var(--foil)}.display{font-family:var(--font-serif);font-weight:400;letter-spacing:-.01em;line-height:1.05}.marquee{overflow:hidden;display:flex;width:100%;--_gap: var(--space-10)}.marquee__track{display:flex;flex:0 0 auto;align-items:center;gap:var(--_gap);padding-right:var(--_gap);min-width:100%;justify-content:space-around;animation:mi-marquee var(--marquee-speed) linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__item{white-space:nowrap;font:italic 400 1.25rem/1.4 var(--font-serif);text-transform:none}@keyframes mi-marquee{to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.marquee__track{animation:none}.marquee{overflow-x:auto}}.badge-round{position:relative;display:grid;place-items:center;width:clamp(110px,12vw,160px);aspect-ratio:1;border-radius:50%;background:var(--surface-page);color:var(--ink);box-shadow:0 0 5px #0003}.badge-round svg.ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:none}.badge-round svg.ring text{font:400 11px var(--font-mono);letter-spacing:.22em;text-transform:uppercase;fill:currentColor}.badge-round__mono{font:italic 400 clamp(1.7rem,3vw,2.4rem)/1 var(--font-serif);color:var(--brand)}@keyframes mi-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.badge-round svg.ring{animation:none}}.polaroid{position:relative;margin:0;width:var(--pw, 44%);padding:3.5% 3.5% 17%;background:var(--polaroid-paper);border-radius:var(--radius-polaroid);box-shadow:var(--shadow-polaroid);transform:rotate(var(--rot, -4deg));transition:transform .4s var(--ease-out)}.polaroid:hover{transform:rotate(calc(var(--rot, -4deg) * .5)) translateY(-4px)}.polaroid img,.polaroid .ph{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1) contrast(1.05)}.polaroid figcaption{position:absolute;left:8%;right:8%;bottom:4%;font:italic 400 1rem/1.1 var(--font-serif);color:var(--ink-soft);text-align:center}.note{font:400 clamp(1.9rem,1.4rem + 1.2vw,2.6rem)/1.1 var(--font-script);color:var(--ink-soft);transform:rotate(var(--rot, -6deg));max-width:9em;display:block;letter-spacing:0}.on-brand-bg .note,.on-dark .note{color:color-mix(in oklch,var(--on-block) 88%,var(--foil))}.accordion{border-top:1px solid var(--line)}.accordion details{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:56px;padding:var(--space-4) 0;font:500 1.0625rem/1.3 var(--font-sans);letter-spacing:0;text-transform:none}.accordion summary::-webkit-details-marker{display:none}.accordion summary:before,.accordion summary:after{content:"";position:absolute;right:4px;top:50%;width:14px;height:1px;background:currentColor;transition:transform .3s var(--ease-out)}.accordion summary:after{transform:rotate(90deg)}.accordion details[open] summary:after{transform:rotate(0)}.accordion summary{position:relative;padding-right:36px}.accordion__body{padding:0 0 var(--space-6)}.accordion details::details-content{block-size:0;overflow:hidden;transition:block-size .35s var(--ease-out),content-visibility .35s allow-discrete}.accordion details[open]::details-content{block-size:auto}@supports (interpolate-size: allow-keywords){:root{interpolate-size:allow-keywords}}.carousel{position:relative}.carousel__viewport{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:var(--space-6)}.carousel__viewport::-webkit-scrollbar{display:none}.carousel__slide{flex:0 0 100%;scroll-snap-align:center}.carousel__nav{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-6)}.carousel__btn{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--line-strong);color:var(--ink);display:grid;place-items:center;transition:background-color var(--dur-btn) linear,color var(--dur-btn) linear}.carousel__btn:hover{background:var(--brand);color:var(--on-brand)}.carousel__btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}@media(max-width:767px){.carousel__btn{width:48px;height:48px}}.reveal{opacity:0;transform:translateY(var(--reveal-distance));transition:opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out);transition-delay:calc(var(--i, 0) * var(--reveal-stagger))}.reveal--fade{transform:none}.reveal.is-in{opacity:1;transform:none}html:not(.js) .reveal{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.media{position:relative;overflow:hidden;background:var(--surface-sunken)}.media>img,.media>video{width:100%;height:100%;object-fit:cover}.media--cover{position:absolute;top:0;right:0;bottom:0;left:0}.duotone{position:relative;isolation:isolate;background:var(--duotone-a)}.duotone>img,.duotone>video,.duotone>.ph{filter:grayscale(1) contrast(1.1);mix-blend-mode:screen;opacity:.9}.duotone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--duotone-b);mix-blend-mode:multiply;pointer-events:none}.field{width:100%;min-height:48px;padding:.7rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-field);background:var(--surface-raised);color:var(--ink);font:300 1rem/1.4 var(--font-sans)}.field::placeholder{color:var(--ink-muted)}.field:focus-visible{outline-offset:1px}.on-dark .field,.on-brand-bg .field{background:transparent;border-color:color-mix(in oklch,var(--on-block) 70%,transparent);color:var(--on-block)}.on-dark .field::placeholder,.on-brand-bg .field::placeholder{color:color-mix(in oklch,var(--on-block) 75%,transparent)}.lang{display:inline-flex;align-items:center;gap:0;font:400 .8125rem/1 var(--font-sans);letter-spacing:.02em;text-transform:none}.lang button+button:before{content:"/";position:absolute;left:-.2em;opacity:.5}.lang button{position:relative;min-width:36px;min-height:44px;padding:0 .55rem;border-radius:0;opacity:.6;transition:opacity var(--dur-btn) linear,background-color var(--dur-btn) linear}.lang button:hover{opacity:1}.lang button[aria-pressed=true]{opacity:1;background:none;text-decoration:underline;text-underline-offset:.5em;text-decoration-thickness:1px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mi-components.css.map */