.mad{display:block;text-align:center;--mad-window-bg: var(--color-background);--mad-link-title: var(--color-button);--mad-link-artist: var(--color-secondary-button-text);--mad-ease: cubic-bezier(.2, .8, .2, 1)}.mad__title{margin:0 0 .4rem}.mad__subtitle{margin:0 auto;max-width:52rem;font-size:1.4rem;line-height:1.4;color:rgba(var(--color-foreground),.75)}.mad-size{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.8rem;margin:.8rem 0}.mad-size__label{font-size:1.4rem;font-weight:600}.mad-size__btn{min-height:var(--qn-tap-min);padding:0 2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--qn-chip-radius);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.mad-size__btn[aria-pressed=true]{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.mad-machine{position:relative;max-width:72rem;margin:0 auto;padding:.8rem 1.2rem 1.6rem;border:.2rem solid var(--mad-led-2);border-radius:calc(var(--qn-card-radius) * 2);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.mad-marquee{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.6rem}.mad-marquee__label{font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.mad-leds{display:inline-flex;gap:.5rem}.mad-leds i{width:.8rem;height:.8rem;border-radius:50%;background:var(--mad-led-1)}.mad-leds i:nth-child(2){background:var(--mad-led-2)}.mad-leds i:nth-child(3){background:var(--mad-led-3)}.mad-leds i:nth-child(4){background:var(--mad-led-4)}.mad-leds--rev{flex-direction:row-reverse}.mad-stage{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"wl plus wr" "il .    ir";column-gap:.4rem;row-gap:.6rem;align-items:start}.mad-window--left{grid-area:wl}.mad-window--right{grid-area:wr}.mad-info--left{grid-area:il}.mad-info--right{grid-area:ir}.mad-plus{grid-area:plus;align-self:center;font-size:2.2rem;font-weight:700;line-height:1;width:1.8rem}.mad-window{position:relative;aspect-ratio:1 / .85;overflow:hidden;border:.2rem solid var(--mad-led-1);border-radius:var(--qn-card-radius);background:rgb(var(--mad-window-bg));touch-action:pan-y;user-select:none;-webkit-user-select:none}.mad-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(var(--mad-window-bg),.35),rgba(var(--mad-window-bg),0) 38%)}.mad-window__tag{position:absolute;top:.6rem;left:.6rem;z-index:1;padding:.3rem .8rem;font-weight:600;background:color-mix(in srgb,var(--mad-led-3) 22%,rgb(var(--mad-window-bg)));border:.1rem solid var(--mad-led-3);color:rgb(var(--color-foreground))}.mad-window--right .mad-window__tag{left:auto;right:.6rem}.mad-window__lock{display:none;margin-right:.3rem;vertical-align:-.1rem}.mad-window.is-locked{border-color:var(--mad-led-3)}.mad-window.is-locked .mad-window__lock{display:inline-block}.mad-reroll{position:absolute;bottom:.6rem;right:.6rem;z-index:1}.mad-window--right .mad-reroll{right:auto;left:.6rem}.mad-window.is-locked .mad-reroll{visibility:hidden}.mad-reel{width:100%;height:100%;will-change:transform}.mad-reel__img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.mad-reel__img[src=""],.mad-reel__img:not([src]){visibility:hidden}.mad-reel__img.is-flipped{transform:scaleX(-1)}.mad-info{min-width:0}.mad-info__title{margin:0;font-size:1.5rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mad-info__link{color:rgb(var(--mad-link-title));text-decoration:none}.mad-info__artist-link{color:rgb(var(--mad-link-artist));font-weight:600;text-decoration:none}.mad-info__link:hover,.mad-info__artist-link:hover{text-decoration:underline;text-underline-offset:.3rem}.mad-info__artist{margin:.2rem 0 .4rem;font-size:1.3rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mad-ctrl{display:inline-flex;align-items:center;justify-content:center;width:var(--qn-tap-min);height:var(--qn-tap-min);padding:0;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgb(var(--mad-window-bg));color:rgb(var(--color-foreground));cursor:pointer;transition:transform .1s,background-color .2s}.mad-ctrl:hover{background:rgba(var(--color-foreground),.06)}.mad-ctrl:active{transform:translateY(.1rem) scale(.96)}.mad-ctrl[aria-disabled=true],.mad-lock[aria-disabled=true]{opacity:.4;cursor:not-allowed}.mad-lock{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:var(--qn-tap-min);padding:0 .8rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--qn-chip-radius);background:rgb(var(--mad-window-bg));color:rgb(var(--color-foreground));font:inherit;font-size:1.3rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s,border-color .2s,transform .1s}.mad-lock svg{flex-shrink:0}.mad-lock:active{transform:translateY(.1rem)}.mad-lock[aria-pressed=true]{background:color-mix(in srgb,var(--mad-led-3) 22%,rgb(var(--mad-window-bg)));border-color:var(--mad-led-3)}.mad-console{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:.8rem}.mad-lever{--color-button: var(--color-foreground);--color-button-text: var(--color-background);width:100%;max-width:36rem;min-height:5.2rem;padding:0 1.6rem;gap:.8rem;font-size:1.4rem;font-weight:700;letter-spacing:0;white-space:nowrap;text-transform:uppercase;transition:transform .1s}.mad-lever:active{transform:translateY(.2rem)}.mad-lever__dice{flex-shrink:0}.mad-quip{margin:0;min-height:2rem;font-size:1.4rem;line-height:1.4;color:rgba(var(--color-foreground),.75)}.mad-empty{display:none;margin:1.2rem 0 0;font-size:1.4rem}.mad-machine[data-state=empty] .mad-empty{display:block}.mad-machine[data-state=empty] .mad-stage,.mad-machine[data-state=empty] .mad-console{opacity:.35;pointer-events:none}.mad-tray{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:44rem;margin:2rem auto 0}.mad-total{display:flex;align-items:baseline;gap:.6rem;margin:0;font-size:1.8rem}.mad-total__price{font-size:2.4rem;font-weight:700;font-variant-numeric:tabular-nums}.mad-atc{width:100%;min-height:5.2rem;font-size:1.6rem;font-weight:700}.mad-note,.mad-status{margin:0;font-size:1.3rem;line-height:1.4;color:rgba(var(--color-foreground),.75)}.mad-status:empty{display:none}.mad-share{display:inline-flex;align-items:center;gap:.6rem;min-height:var(--qn-tap-min);padding:0 .8rem;border:0;background:none;font:inherit;font-size:1.4rem;cursor:pointer}.mad-path{width:100%;margin-top:.4rem}.mad-path__headline{margin:0 0 .8rem;font-size:1.4rem;line-height:1.4}.mad-path__track{display:flex;justify-content:center;align-items:flex-start;gap:1.2rem}.mad-path__group{display:flex;flex-direction:column;align-items:center;gap:.4rem}.mad-path__cells{display:flex;gap:.4rem}.mad-path__cell{width:1.8rem;height:2.6rem;border-radius:.6rem;border:.15rem solid rgba(var(--color-foreground),.18);background:transparent;transition:background-color .25s,border-color .25s}.mad-path__cell[data-state=full]{background:var(--mad-led-2);border-color:var(--mad-led-2)}.mad-path__cell[data-state=ghost]{border-style:dashed;border-color:var(--mad-led-2)}.mad-path__label{font-size:1.2rem;font-weight:600;color:rgba(var(--color-foreground),.75);font-variant-numeric:tabular-nums}.mad-path__group.is-reached .mad-path__label{color:var(--mad-led-2);font-weight:700}.mad-path__group.is-just-reached .mad-path__label{animation:mad-tier-pop .35s var(--mad-ease)}.mad-path__more{align-self:flex-start;padding-top:.4rem;font-size:1.3rem;font-weight:700;color:var(--mad-led-2)}.mad-path__duo{margin:.6rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.75)}.mad-path__duo:empty{display:none}@keyframes mad-tier-pop{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.mad-path__cell{transition:none}}.mad-after{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%}.mad-after[hidden]{display:none}.mad-again{width:100%}.mad-viewcart{min-height:var(--qn-tap-min);padding:0 .8rem;border:0;background:none;font:inherit;font-size:1.4rem;cursor:pointer}.mad-viewcart:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.mad-inspi{margin:3.2rem auto 0;max-width:72rem}.mad-inspi[hidden]{display:none}.mad-inspi__title{margin:0 0 1rem;font-size:1.4rem;font-weight:600}.mad-inspi__list{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:0;padding:0;list-style:none}.mad-inspi__btn{display:inline-flex;align-items:center;gap:.4rem;min-height:var(--qn-tap-min);padding:.4rem 1.2rem .4rem .4rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--qn-chip-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.3rem;font-weight:600;cursor:pointer;transition:border-color .2s,transform .1s}.mad-inspi__btn:hover{border-color:rgb(var(--mad-link-title))}.mad-inspi__btn:active{transform:translateY(.1rem)}.mad-inspi__btn span{margin-left:.4rem}.mad-inspi__img{width:3.2rem;height:3.2rem;border-radius:50%;object-fit:cover}.mad-inspi__img.is-flipped{transform:scaleX(-1)}.mad-inspi__btn:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.mad-catalog{margin:3.2rem 0 0;font-size:1.4rem}.mad-noscript{margin-top:1.6rem}.mad-size__btn:focus-visible,.mad-ctrl:focus-visible,.mad-lock:focus-visible,.mad-share:focus-visible,.mad-info__link:focus-visible,.mad-info__artist-link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem;box-shadow:none}@keyframes mad-in-next{0%{transform:translate(16%) rotate(3deg);opacity:0}to{transform:none;opacity:1}}@keyframes mad-in-prev{0%{transform:translate(-16%) rotate(-3deg);opacity:0}to{transform:none;opacity:1}}@keyframes mad-spin{0%{transform:translateY(-7%)}to{transform:translateY(7%)}}@keyframes mad-land{0%{transform:translateY(-14%)}60%{transform:translateY(3%)}to{transform:none}}@keyframes mad-led{0%,to{opacity:1}50%{opacity:.25}}@keyframes mad-dice{to{transform:rotate(360deg)}}.mad-reel.is-in-next{animation:mad-in-next .28s var(--mad-ease)}.mad-reel.is-in-prev{animation:mad-in-prev .28s var(--mad-ease)}.mad-reel.is-land{animation:mad-land .3s var(--mad-ease)}.mad-window.is-spinning .mad-reel{animation:mad-spin .09s linear infinite alternate;filter:blur(.2rem)}.mad-machine.is-spinning .mad-leds i{animation:mad-led .36s linear infinite}.mad-machine.is-spinning .mad-leds i:nth-child(2){animation-delay:.09s}.mad-machine.is-spinning .mad-leds i:nth-child(3){animation-delay:.18s}.mad-machine.is-spinning .mad-leds i:nth-child(4){animation-delay:.27s}.mad-machine.is-spinning .mad-lever__dice{animation:mad-dice .5s var(--mad-ease) infinite}@media(prefers-reduced-motion:reduce){.mad-reel.is-in-next,.mad-reel.is-in-prev,.mad-reel.is-land,.mad-window.is-spinning .mad-reel,.mad-machine.is-spinning .mad-leds i,.mad-machine.is-spinning .mad-lever__dice{animation:none;filter:none}}@media screen and (min-width:750px){.mad__subtitle{font-size:1.6rem}.mad__title{margin-bottom:.8rem}.mad-size{margin:2.4rem 0 2rem}.mad-machine{padding:2rem 2.8rem 2.4rem}.mad-marquee{margin-bottom:2rem}.mad-stage{column-gap:1.6rem;row-gap:1.2rem}.mad-plus{font-size:3.2rem;width:3.2rem}.mad-window{aspect-ratio:1 / 1}.mad-window__tag{top:1rem;left:1rem}.mad-window--right .mad-window__tag{right:1rem}.mad-reroll{bottom:1rem;right:1rem}.mad-window--right .mad-reroll{left:1rem}.mad-lock{width:auto;min-width:16rem;font-size:1.4rem}.mad-info__title{font-size:1.8rem}.mad-info__artist{font-size:1.4rem}.mad-console{margin-top:2.4rem}.mad-lever{padding:0 3rem;font-size:1.7rem;letter-spacing:.04em}}
/*# sourceMappingURL=/cdn/shop/t/225/assets/machine-a-depareiller.css.map */