.mad{display:block;background:#0f1115;color:#fff;--mad-ease: cubic-bezier(.4,0,.2,1);padding:40px 16px}.mad *,.mad *:before,.mad *:after{box-sizing:border-box}.mad__inner{max-width:1440px;margin-inline:auto}.mad__heading{margin:0 0 32px;font-size:32px;font-weight:600;letter-spacing:-.04em;line-height:1.1;text-align:center}.mad__deck{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:12px;background:#181a1e;border:1px solid #2b2d31}.mad__card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:8px;background:#0f1115}.mad__backdrop{display:none}.mad__content{padding:24px;min-width:0}.mad__country{margin:0 0 12px;color:#aeb0b5;display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.5}.mad__name{margin:0;font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.02em}.mad__select{display:block;min-height:44px;text-align:start;color:inherit;font:inherit;letter-spacing:inherit;width:100%;cursor:pointer}.mad__copy{margin-top:20px}.mad__quote{font-size:14px;line-height:1.6;color:#c6c7cc}.mad__quote p{margin:0}.mad__quote p+p{margin-top:12px}.mad__media{overflow:hidden;margin-top:auto}.mad__image{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center}.mad button:focus-visible{outline:2px solid #ff3492;outline-offset:3px}@media(min-width:700px){.mad{padding:64px 32px}.mad__heading{font-size:40px;margin-bottom:40px}}@media(max-width:999px){.mad.is-ready .mad__backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:1;transition:opacity .5s var(--mad-ease)}.mad.is-ready .mad__backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0f1115 8%,#0f1115e0 32%,#0f111540 75%,#0f111514)}.mad__backdrop-image{position:absolute;top:0;right:0;width:80%;max-width:400px;height:140px;object-fit:cover;object-position:right 35%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}.mad.is-ready .is-active .mad__backdrop{opacity:0}.mad.is-ready .mad__content{position:relative;z-index:1;padding:20px 24px}.mad.is-ready .mad__country{margin-bottom:8px}.mad.is-ready .mad__name{font-size:24px}.mad.is-ready .mad__card:not(.is-active) .mad__select:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.mad.is-ready .mad__copy{display:grid;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .5s var(--mad-ease),margin-top .5s var(--mad-ease)}.mad.is-ready .mad__quote{min-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .5s var(--mad-ease),visibility 0s linear .5s}.mad.is-ready .is-active .mad__copy{grid-template-rows:1fr;margin-top:20px}.mad.is-ready .is-active .mad__quote{opacity:1;visibility:visible;transition-delay:0s}.mad.is-ready .mad__media{position:relative;z-index:1;height:0;margin-top:0;transition:height .5s var(--mad-ease)}.mad.is-ready .is-active .mad__media{height:280px}.mad.is-ready .mad__image{height:280px;aspect-ratio:auto;object-position:center 35%}}@media(min-width:1000px){.mad{padding-inline:48px}.mad.is-ready .mad__deck{flex-direction:row;align-items:stretch}.mad.is-ready .mad__card{display:flex;flex:1 1 0;transition:flex-grow .5s var(--mad-ease)}.mad.is-ready .mad__card.is-active{flex-grow:1.55}.mad.is-ready .mad__content{padding:24px 20px}.mad.is-ready .mad__name{height:var(--mad-name-height, 58px);width:var(--mad-name-width)}.mad.is-ready .mad__select{cursor:pointer}.mad.is-ready .mad__copy{height:var(--mad-copy-height);position:relative}.mad.is-ready .mad__quote{position:absolute;inset:0 auto auto 0;width:var(--mad-copy-width);opacity:0;visibility:hidden;transition:opacity .5s var(--mad-ease),visibility 0s linear .5s;will-change:opacity}.mad.is-ready .is-active .mad__quote{opacity:1;visibility:visible;transition-delay:0s}.mad.is-ready .mad__media{margin-top:auto;height:280px;flex-shrink:0;position:relative}.mad.is-ready .mad__image{position:absolute;inset:0 auto 0 50%;width:var(--mad-image-width);max-width:none;height:100%;transform:translate(-50%);transition:opacity .5s var(--mad-ease);opacity:.65}.mad.is-ready .is-active .mad__image{opacity:1}}@media(prefers-reduced-motion:reduce){.mad *,.mad *:before,.mad *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/maison-athlete-deck.css.map */