.md-hero{--mdh-purple: #8a2be2;--mdh-light: #c084fc;--mdh-gradient: linear-gradient(90deg, #6d28d9 0%, #8a2be2 50%, #c084fc 100%);--mdh-ink: #ffffff;--mdh-bg: #0b0b0f;--mdh-duration: 5s;position:relative;isolation:isolate;overflow:hidden;background:var(--mdh-bg);color:var(--mdh-ink);font-family:Montserrat,Segoe UI,system-ui,sans-serif}.md-hero__viewport{display:grid}.md-hero__slide{grid-area:1 / 1;display:grid;min-height:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s;pointer-events:none}.md-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s;pointer-events:auto}.md-hero__media{position:relative;overflow:hidden;background:var(--mdh-bg)}.md-hero__media img,.md-hero__img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--mdh-focus, right center)}.md-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.md-hero__slide--split .md-hero__veil{background:linear-gradient(90deg,var(--mdh-bg) 0%,var(--mdh-bg) calc(var(--mdh-veil, 45%) * .45),rgba(11,11,15,0) var(--mdh-veil, 45%))}.md-hero__panel{display:flex;align-items:center;padding:32px 20px 30px;background:var(--mdh-bg)}.md-hero__content{width:100%;max-width:560px;min-width:0}.md-hero__eyebrow{margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--mdh-light)}.md-hero__label{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1}.md-hero__label span{flex:none;width:32px;height:2px;border-radius:2px;background:var(--mdh-gradient)}.md-hero__title{margin:0;font-weight:900;font-style:italic;font-size:clamp(38px,7.4vw,86px);line-height:.95;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;color:var(--mdh-ink)}.md-hero__title em{font-style:italic;padding-right:.1em;margin-right:-.1em;background:var(--mdh-gradient);-webkit-background-clip:text;background-clip:text;color:var(--mdh-light)}@supports (-webkit-background-clip: text) or (background-clip: text){.md-hero__title em{color:transparent}}.md-hero__text{margin:18px 0 0;max-width:46ch;font-size:15px;font-weight:500;line-height:1.6;color:#ffffffa8}.md-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.md-hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:99px;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:transform .15s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.md-hero__btn svg{width:17px;height:17px;transition:transform .2s ease}.md-hero__btn--fill{background:#fff;color:#0b0b0f;border:1.5px solid #ffffff}.md-hero__btn--fill:hover{background:var(--mdh-purple);border-color:var(--mdh-purple);color:#fff}.md-hero__btn--fill:hover svg{transform:translate(4px)}.md-hero__btn--ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.34)}.md-hero__btn--ghost:hover{border-color:#fff}.md-hero__btn:active{transform:translateY(1px)}.md-hero__btn:focus-visible{outline:2px solid var(--mdh-light);outline-offset:3px}.md-hero__bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px 18px;pointer-events:none}.md-hero__bar>*{pointer-events:auto}.md-hero__count{margin:0;display:flex;align-items:baseline;gap:5px;font-weight:900;font-style:italic;font-size:15px;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#fff}.md-hero__count-sep,.md-hero__count-total{font-size:12px;font-weight:700;color:#ffffff73}.md-hero__controls{display:flex;align-items:center;gap:14px}.md-hero__pause{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#ffffffbf;cursor:pointer;transition:color .2s ease}.md-hero__pause:hover{color:#fff}.md-hero__pause svg{width:13px;height:13px}.md-hero__icon-play,.md-hero.is-paused .md-hero__icon-pause{display:none}.md-hero.is-paused .md-hero__icon-play{display:block}.md-hero__dots{display:flex;align-items:center;gap:8px}.md-hero__dot{position:relative;width:9px;height:9px;padding:0;border:0;border-radius:99px;background:#ffffff4d;cursor:pointer;overflow:hidden;transition:width .45s ease,background-color .3s ease}.md-hero__dot.is-active{width:54px;background:#ffffff47}.md-hero__dot:not(.is-active):hover{background:#ffffff8c}.md-hero__dot:focus-visible{outline:2px solid var(--mdh-light);outline-offset:3px}.md-hero__fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:#fff;transform:scaleX(0);transform-origin:left center}.md-hero__fill.is-running{animation:md-hero-remplir var(--mdh-duration, 5s) linear forwards}@keyframes md-hero-remplir{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.md-hero__slide{grid-template-rows:auto auto}.md-hero__media{aspect-ratio:4 / 5}.md-hero__panel{padding-bottom:62px}@media screen and (min-width:750px){.md-hero__slide--split{grid-template-rows:none;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:clamp(420px,44vw,620px)}.md-hero__slide--split .md-hero__media{aspect-ratio:auto;grid-column:2;grid-row:1;height:100%}.md-hero__slide--split .md-hero__panel{grid-column:1;grid-row:1;justify-content:flex-end;padding:60px 48px 76px 6vw}.md-hero__slide--full{grid-template-rows:none;min-height:clamp(420px,46vw,660px)}.md-hero__slide--full .md-hero__media{grid-area:1 / 1;aspect-ratio:auto;height:100%}.md-hero__slide--full .md-hero__panel{grid-area:1 / 1;background:transparent;padding:60px 48px 76px 6vw}.md-hero__slide--full .md-hero__veil{background:linear-gradient(90deg,#0b0b0fdb,#0b0b0f8c 38%,#0b0b0f00 70%)}.md-hero__bar{padding:0 40px 26px}.md-hero__count{font-size:17px}}@media screen and (min-width:1100px){.md-hero__slide--split .md-hero__panel,.md-hero__slide--full .md-hero__panel{padding-left:5vw}}.md-hero,.md-hero *{min-width:0}@media(prefers-reduced-motion:reduce){.md-hero__slide,.md-hero__btn,.md-hero__btn svg,.md-hero__dot{transition:none!important}.md-hero__fill.is-running{animation:none!important;transform:scaleX(1)}}@media screen and (max-width:749px){.md-hero__slide--split .md-hero__veil,.md-hero__slide--full .md-hero__veil{background:linear-gradient(90deg,var(--mdh-bg) 0%,rgba(11,11,15,0) 15%),linear-gradient(180deg,rgba(11,11,15,0) 58%,rgba(11,11,15,.55) 82%,var(--mdh-bg) 100%)}}.md-hero__media img,.md-hero__img{position:absolute;top:0;right:0;bottom:0;left:0}.md-hero__media{min-height:100%}@media screen and (min-width:750px){.md-hero__slide--full .md-hero__veil{background:linear-gradient(90deg,rgba(11,11,15,.82) 0%,rgba(11,11,15,0) var(--mdh-veil, 45%))}.md-hero__slide--full .md-hero__panel{align-items:flex-end;padding-bottom:var(--mdh-btn, 120px)}}@media screen and (max-width:749px){.md-hero__slide--full .md-hero__media{aspect-ratio:1 / 1}.md-hero__slide--full .md-hero__panel{align-items:center;background:var(--mdh-bg);padding:22px 20px 64px}.md-hero__slide--full .md-hero__veil{background:linear-gradient(180deg,rgba(11,11,15,0) 82%,var(--mdh-bg) 100%)}}.md-hero__panel{position:relative;z-index:1}.md-hero__bar{z-index:3}@media screen and (max-width:749px){.md-hero__slide--split .md-hero__media{aspect-ratio:6 / 5}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/maillot-district-hero.css.map */