.mb-nb{--nb-accent: #f2c230;--nb-bg: #0d0d0d;--nb-text: #f4f3f0;--nb-top: 104px;--nb-side: clamp(24px, 6vw, 96px);--nb-ink: #2f3530;display:block;position:relative;background:var(--nb-bg);color:var(--nb-text);font-family:var(--mats-font, "Inter Tight", "Inter", "Helvetica Neue", Arial, sans-serif)}.mb-nb *,.mb-nb *:before,.mb-nb *:after{box-sizing:border-box}.mb-nb__stage{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;isolation:isolate}.mb-nb__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--nb-bg);overflow:hidden}.mb-nb__media img,.mb-nb__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.mb-nb__poster,.mb-nb__final{position:absolute;top:0;right:0;bottom:0;left:0}.mb-nb__video{opacity:0;transition:opacity .35s ease}.mb-nb.has-video .mb-nb__video{opacity:1}.mb-nb__final{opacity:var(--nb-final, 0)}.mb-nb__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 90% at 55% 45%,#0d0d0d00 55%,#0d0d0d8c),linear-gradient(90deg,#0d0d0dd1,#0d0d0d6b 30%,#0d0d0d00 55%),linear-gradient(0deg,#0d0d0db3,#0d0d0d00 26%),linear-gradient(180deg,#0d0d0d99,#0d0d0d00 22%)}.mb-nb__grain{position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;z-index:1;pointer-events:none;background-image:var(--nb-grain);background-size:200px 200px;opacity:.2;mix-blend-mode:overlay}@media(prefers-reduced-motion:no-preference){.mb-nb__grain{animation:nbGrain .8s steps(6) infinite}}@keyframes nbGrain{0%{transform:translateZ(0)}17%{transform:translate3d(-37px,21px,0)}33%{transform:translate3d(19px,-43px,0)}50%{transform:translate3d(-12px,31px,0)}67%{transform:translate3d(41px,9px,0)}83%{transform:translate3d(-26px,-18px,0)}to{transform:translateZ(0)}}.mb-nb__hud{position:absolute;z-index:4;top:var(--nb-top);left:var(--nb-side);right:var(--nb-side);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mb-nb__eyebrow{margin:10px 0 0;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#f4f3f0b8;display:inline-flex;align-items:center;gap:10px}.mb-nb__eyebrow:before{content:"";width:8px;height:8px;background:var(--nb-accent)}.mb-nb__clock{display:flex;flex-direction:column;gap:10px;padding:11px 14px 12px;min-width:196px;background:#0d0d0dbd;border:1px solid rgba(244,243,240,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums}.mb-nb__clock-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.mb-nb__clock-rnd{font-size:10.5px;font-weight:600;letter-spacing:.16em;color:#f4f3f0b3}.mb-nb__clock-rnd b{color:var(--nb-text);font-weight:800}.mb-nb__clock-digits{font-size:26px;font-weight:800;letter-spacing:.02em;line-height:1;color:var(--nb-accent);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace}.mb-nb__bar{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mb-nb__seg{position:relative;height:6px;overflow:hidden;background:repeating-linear-gradient(-45deg,#f4f3f021 0 3px,#f4f3f00d 3px 6px);clip-path:polygon(0 0,100% 0,calc(100% - 3px) 100%,0 100%)}.mb-nb__seg i{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 50%;transform:scaleX(var(--k, 0));background:var(--nb-accent)}.mb-nb__seg.is-done i{background:var(--nb-text)}.mb-nb__rounds{position:relative;z-index:2;display:grid;gap:56px;padding:calc(var(--nb-top) + 110px) var(--nb-side) 96px;max-width:640px}.mb-nb__round{margin:0}.mb-nb__round-label{margin:0 0 18px;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--nb-accent)}.mb-nb__round-title{margin:0;font-size:clamp(40px,5.2vw,88px);line-height:.9;font-weight:800;letter-spacing:-.045em;text-transform:uppercase;color:var(--nb-text)}.mb-nb__round-title em{font-style:normal;color:var(--nb-accent)}.mb-nb__round-text{margin:22px 0 0;max-width:420px;font-size:15px;line-height:1.6;color:#f4f3f0d1}.mb-nb__quote{display:inline-block;margin:22px 0 0;padding:10px 14px 11px;background:var(--nb-accent);color:#0d0d0d;font-size:15px;font-weight:700;font-style:italic;letter-spacing:-.01em;line-height:1.25;transform:rotate(-1.6deg);clip-path:inset(0 calc((1 - var(--nb-q, 1)) * 100%) 0 0)}.mb-nb__ipad-wrap,.mb-nb__fly,.mb-nb__impact{display:none}.mb-nb__ipad{--R: 24px;position:relative;width:clamp(250px,21vw,360px);transform-style:preserve-3d;will-change:transform,opacity}.mb-nb__ipad-edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--R);background:linear-gradient(160deg,#3b3e42,#121314 60%);transform:translateZ(-8px);box-shadow:0 50px 90px #0009,0 18px 30px #00000073}.mb-nb__ipad-body{position:relative;border-radius:var(--R);padding:3px;background:linear-gradient(145deg,#5a5e63,#2a2c2f 22%,#1b1c1e 55%,#3a3d41);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 1px #ffffff38}.mb-nb__ipad-cam{position:absolute;z-index:3;top:5px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3a4a5a 0 30%,#08090a 45%);box-shadow:0 0 0 1px #1a1b1c}.mb-nb__screen{position:relative;border-radius:calc(var(--R) - 3px);padding:10px;background:#050505}.mb-nb__display{position:relative;aspect-ratio:640 / 880;border-radius:12px;overflow:hidden;background:#fbfaf7;container-type:size}.mb-nb__cv,.mb-nb__cv-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.mb-nb__cv-fallback{object-fit:contain;padding:7.5% 6.25%}.mb-nb.is-live .mb-nb__cv-fallback{display:none}.mb-nb__glare{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:12px;pointer-events:none;background:linear-gradient(118deg,#ffffff2e,#ffffff0d 28%,#fff0 40%),linear-gradient(300deg,#ffffff0f,#fff0 25%);mix-blend-mode:screen}.mb-nb__app-bar{position:absolute;z-index:2;left:0;right:0;top:0;height:5.4cqh;display:flex;align-items:center;justify-content:space-between;padding:0 3cqw;background:#1c1c1ef0;color:#ffffffe0}.mb-nb__app-left,.mb-nb__app-right{display:flex;align-items:center;gap:3.4cqw}.mb-nb__app-bar svg{width:4.6cqw;height:4.6cqw;color:#ffffffd1}.mb-nb__app-right svg.is-on{color:#4aa3ff}.mb-nb__app-gallery{font-size:3.6cqw;font-weight:500;letter-spacing:-.01em;color:#fff;font-family:-apple-system,SF Pro Text,Inter,sans-serif}.mb-nb__app-title{display:none}.mb-nb__app-color{width:5.4cqw;height:5.4cqw;border-radius:50%;background:var(--nb-ink);box-shadow:0 0 0 .6cqw #ffffffe6}.mb-nb__app-side{position:absolute;z-index:2;left:1.6cqw;top:22cqh;width:6cqw;height:40cqh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1.4cqh 0;border-radius:1.4cqw;background:#242426e6;color:#ffffffbf}.mb-nb__slider{position:relative;width:2cqw;height:11cqh;border-radius:1cqw;background:#ffffff24}.mb-nb__slider i{position:absolute;left:50%;top:calc((1 - var(--k)) * 100%);width:4.2cqw;height:1.5cqh;transform:translate(-50%,-50%);border-radius:.6cqh;background:#ffffffe0}.mb-nb__app-sq{width:3.4cqw;height:3.4cqw;border:1.5px solid rgba(255,255,255,.55);border-radius:3px}.mb-nb__app-side svg{width:4cqw;height:4cqw}.mb-nb__tip{position:absolute;left:calc(var(--tipx, .5) * 100%);top:calc(var(--tipy, .4) * 100%);width:0;height:0}.mb-nb__pen-shadow{position:absolute;z-index:3;pointer-events:none;left:calc(var(--tipx, .5) * 100%);top:calc(var(--tipy, .4) * 100%);width:3.4cqw;height:46cqh;transform-origin:50% 100%;transform:translate(calc(-50% - 1.6cqw),calc(-100% + 1.4cqh)) rotate(26deg);border-radius:99px;background:linear-gradient(0deg,#00000057,#00000014 70%,#0000);filter:blur(4px);opacity:calc(var(--pen, 0) * .9);transition:opacity .25s ease}.mb-nb__pen{display:none}.mb-nb.is-live .mb-nb__pen{display:block;position:absolute;left:0;top:0;z-index:6;max-width:none;pointer-events:none;height:var(--penH, 300px);width:calc(var(--penH, 300px) * 360 / 605);transform-origin:1.1% 99.2%;transform:translate(calc(var(--penX, 0) * 1px - var(--penH, 300px) * .0066),calc(var(--penY, 0) * 1px - var(--penH, 300px) * .9917)) rotate(calc(var(--penR, 0) * 1deg));opacity:var(--pen, 0);transition:opacity .25s ease;filter:drop-shadow(-14px 18px 14px rgba(0,0,0,.45)) drop-shadow(-3px 4px 3px rgba(0,0,0,.3))}.mb-nb__fly i{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--fc, #1f2c2a);-webkit-mask:var(--nb-mask-ink) center / 100% 100% no-repeat;mask:var(--nb-mask-ink) center / 100% 100% no-repeat}.mb-nb__fly .mb-nb__fly-shade{-webkit-mask-image:var(--nb-mask-shade);mask-image:var(--nb-mask-shade);transform:translate3d(calc(var(--lx, 0) * 1px),calc(var(--ly, 0) * 1px),0);opacity:.92}.mb-nb__impact{position:absolute;left:0;top:0;z-index:2;pointer-events:none;width:var(--iw, 200px);height:var(--ih, 260px);transform:translate(calc(var(--ix, 0) * 1px - 50%),calc(var(--iy, 0) * 1px - 50%)) scale(var(--is, 1));border-radius:50%;background:radial-gradient(closest-side,#ffffff8c,#ffffff2e 55%,#fff0 72%);box-shadow:0 0 0 2px #f2c23000;opacity:var(--io2, 0);mix-blend-mode:screen}.mb-nb__close{position:relative;z-index:2;padding:0 var(--nb-side) 120px}.mb-nb__close-title{margin:0;font-size:clamp(44px,6vw,104px);max-width:5.6em;line-height:.88;font-weight:800;letter-spacing:-.045em;text-transform:uppercase}.mb-nb__close-text{margin:16px 0 0;font-size:15px;line-height:1.6;color:#f4f3f0d1}.mb-nb__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.mb-nb__btn{display:inline-flex;align-items:center;gap:28px;height:56px;padding:0 26px;font-size:15px;font-weight:600;text-decoration:none!important;border-radius:2px;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.mb-nb__btn-ic{width:14px;height:14px;flex:none;display:block}.mb-nb__btn--solid{background:var(--nb-accent);color:#0d0d0d}.mb-nb__btn--solid:hover{opacity:.88}.mb-nb__btn--ghost{color:var(--nb-text);box-shadow:inset 0 0 0 1px #f4f3f066}.mb-nb__btn--ghost:hover{background:#f4f3f014}.mb-nb__hint{display:none}.mb-nb.is-live .mb-nb__track{height:calc(var(--nb-track-d, 280) * 1vh);height:calc(var(--nb-track-d, 280) * 1svh)}.mb-nb.is-live .mb-nb__stage{position:sticky;top:0;height:100vh;height:100svh;min-height:0}.mb-nb.is-live .mb-nb__rounds{position:absolute;left:var(--nb-side);top:50%;width:min(500px,36vw);max-width:none;padding:0;display:block;transform:translateY(-38%)}.mb-nb.is-live .mb-nb__round{position:absolute;left:0;right:0;top:0;opacity:var(--o, 0);transform:translateY(calc(var(--y, 0) * 1px));visibility:hidden}.mb-nb.is-live .mb-nb__round.is-on{visibility:visible}.mb-nb.is-live .mb-nb__ipad-wrap{display:block;position:absolute;z-index:2;right:var(--nb-side);top:53%;transform:translateY(-50%);perspective:1600px;pointer-events:none}.mb-nb.is-live .mb-nb__ipad{opacity:var(--io, 0);transform:translate3d(0,calc(var(--ty, 0) * 1px),0) scale(var(--isc, 1)) rotateX(calc(var(--rx, 0) * 1deg)) rotateY(calc(var(--ry, 0) * 1deg)) rotate(calc(var(--rz, 0) * 1deg))}.mb-nb.is-live .mb-nb__fly{display:block;position:absolute;z-index:3;left:0;top:0;pointer-events:none;width:var(--fw, 0);height:var(--fh, 0);opacity:var(--fo, 0);transform-origin:50% 50%;transform:perspective(1400px) translate3d(calc(var(--fx0, 0) * 1px + var(--tx, 0) * 1px),calc(var(--fy0, 0) * 1px + var(--ty, 0) * 1px),0) rotateX(calc(var(--frx, 0) * 1deg)) rotateY(calc(var(--fry, 0) * 1deg)) rotate(calc(var(--rot, 0) * 1deg)) scale(var(--scx, 1),var(--scy, 1));filter:drop-shadow(0 calc(var(--sd, 0) * 22px) calc(var(--sd, 0) * 18px) rgba(0,0,0,.55)) drop-shadow(0 0 calc(var(--gl, 0) * 14px) rgba(255,248,230,.35));will-change:transform,opacity}.mb-nb.is-live .mb-nb__fly.is-landed{mix-blend-mode:multiply;filter:none}.mb-nb.is-live .mb-nb__impact{display:block}.mb-nb.is-live .mb-nb__close{position:absolute;left:0;right:0;bottom:92px;padding:0 var(--nb-side);opacity:var(--o, 0);transform:translateY(calc(var(--y, 0) * 1px));visibility:hidden}.mb-nb.is-live .mb-nb__close.is-on{visibility:visible}.mb-nb.is-live .mb-nb__hint{display:flex;flex-direction:column;align-items:center;gap:10px;position:absolute;z-index:3;left:50%;bottom:44px;transform:translate(-50%);margin:0;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#f4f3f0bf;opacity:var(--hint, 1)}.mb-nb__hint span{width:1px;height:28px;background:linear-gradient(#f4f3f0cc,#f4f3f000)}.mb-nb:not(.is-live) .mb-nb__poster,.mb-nb:not(.is-live) .mb-nb__video,.mb-nb:not(.is-live) .mb-nb__clock{display:none}.mb-nb:not(.is-live) .mb-nb__final{opacity:.55}@media screen and (max-width:749px){.mb-nb{--nb-top: 84px;--nb-side: 20px;--nb-media: 60%}.mb-nb__shade{background:linear-gradient(180deg,#0d0d0ddb,#0d0d0d8c 34%,#0d0d0d00 56%),linear-gradient(0deg,#0d0d0dd9,#0d0d0d00 32%)}.mb-nb__eyebrow{margin-top:8px}.mb-nb__clock{padding:8px 10px 9px;gap:8px;min-width:150px}.mb-nb__clock-digits{font-size:20px}.mb-nb__seg{height:5px}.mb-nb__round-title{font-size:clamp(36px,11vw,52px)}.mb-nb__round-text,.mb-nb__quote{font-size:14px;margin-top:14px}.mb-nb__ipad{width:min(38vw,176px);--R: 14px}.mb-nb__screen{padding:6px}.mb-nb__glare{top:6px;right:6px;bottom:6px;left:6px}.mb-nb__display,.mb-nb__glare{border-radius:8px}.mb-nb__ipad-cam{top:2px;width:3px;height:3px;margin-left:-1.5px}.mb-nb.is-live .mb-nb__track{height:calc(var(--nb-track-m, 250) * 1vh);height:calc(var(--nb-track-m, 250) * 1svh)}.mb-nb.is-live .mb-nb__media{bottom:auto;height:var(--nb-media)}.mb-nb.is-live .mb-nb__shade{background:linear-gradient(180deg,#0d0d0db8,#0d0d0d00 26%),linear-gradient(0deg,var(--nb-bg) 0%,rgba(13,13,13,.6) 12%,rgba(13,13,13,0) 34%)}.mb-nb.is-live .mb-nb__grain{-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 92%);mask-image:linear-gradient(180deg,#000 60%,transparent 92%)}.mb-nb.is-live .mb-nb__round-title{font-size:clamp(30px,9vw,40px)}.mb-nb.is-live .mb-nb__round-label{margin-bottom:10px}.mb-nb.is-live .mb-nb__round-text{font-size:13.5px;line-height:1.5;margin-top:10px}.mb-nb.is-live .mb-nb__quote{font-size:13px;margin-top:10px;padding:7px 10px 8px}.mb-nb.is-live .mb-nb__rounds{left:var(--nb-side);right:var(--nb-side);width:auto;top:calc(var(--nb-media) + 26px);transform:none}.mb-nb.is-live .mb-nb__ipad-wrap{right:14px;left:auto;top:calc(var(--nb-top) + 104px);bottom:auto;transform:none}.mb-nb.is-live .mb-nb__close{top:calc(var(--nb-media) + 26px);bottom:auto}.mb-nb.is-live .mb-nb__close-title{font-size:clamp(36px,11vw,48px)}.mb-nb.is-live .mb-nb__close-text{font-size:13.5px;margin-top:10px}.mb-nb.is-live .mb-nb__ctas{margin-top:18px}.mb-nb__btn{height:52px;padding:0 20px;gap:18px;font-size:14px}.mb-nb.is-live .mb-nb__hint{bottom:22px}}@media screen and (max-width:749px)and (max-aspect-ratio:53/100){.mb-nb .mb-nb__media img,.mb-nb .mb-nb__video{object-position:50% 22%}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/mats-nace-en-el-box.css.map */