.msa{--msa-bg:#f4f4f2;--msa-red:#e21b23;--msa-ink:#141518;--msa-mute:#5d6168;background:var(--msa-bg);color:var(--msa-ink);position:relative;overflow:clip}.msa *,.msa *:before,.msa *:after{box-sizing:border-box}.msa__track{display:none;height:780vh;position:relative}.msa.is-live .msa__track{display:block}.msa.is-live .msa__static{display:none}.msa__stage{position:sticky;top:0;height:100vh;height:100svh;width:100%;overflow:hidden;background:radial-gradient(120% 90% at 62% 58%,#fbfbfa,#f4f4f2 55%,#ebebe8)}.msa__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s ease}.msa.is-ready .msa__canvas{opacity:1}.msa__load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;text-align:center;font:600 12px/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--msa-mute)}.msa.is-loading .msa__load{display:block}.msa__load b{display:block;width:160px;height:2px;background:#dcdcd8;margin:10px auto 0}.msa__load i{display:block;height:100%;width:0;background:var(--msa-red);transition:width .2s}.msa__panel{position:absolute;left:clamp(20px,5vw,80px);top:50%;transform:translateY(-50%);width:min(380px,32vw);z-index:2}.msa__kicker{margin:0 0 14px;font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--msa-red)}.msa__steps{list-style:none;margin:0;padding:0;display:grid}.msa__step{grid-area:1/1;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.msa__step.is-on{opacity:1;transform:none;pointer-events:auto}.msa__n{display:inline-block;font:700 11px/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--msa-red);padding:6px 8px;margin-bottom:12px}.msa__h{margin:0 0 10px;font-size:clamp(26px,2.6vw,40px);line-height:1.05;font-weight:800;letter-spacing:-.01em;color:var(--msa-ink);text-transform:none}h2.msa__h{font-size:clamp(30px,3.2vw,50px)}.msa__step p{margin:0;font-size:17px;line-height:1.5;color:#33363b;max-width:34ch}.msa__cta{display:inline-block;margin-top:18px;background:var(--msa-red);color:#fff!important;text-decoration:none;font:700 14px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:14px 18px}.msa__cta:hover{background:#c4141b}.msa__rail{list-style:none;margin:26px 0 0;padding:0;display:flex;gap:6px}.msa__rail li{flex:1;max-width:44px;height:26px;display:flex;align-items:flex-end;font:700 10px/1 system-ui,sans-serif;color:#9a9ea4;border-bottom:3px solid #d9d9d5;padding-bottom:5px;transition:color .3s,border-color .3s}.msa__rail li.is-done{border-color:#8f9399;color:#6b6f75}.msa__rail li.is-on{border-color:var(--msa-red);color:var(--msa-red)}.msa__hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);margin:0;font:700 11px/1 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--msa-mute);opacity:calc(1 - var(--msa-p,0)*30)}.msa__hint:after{content:"";display:block;width:1px;height:26px;background:var(--msa-red);margin:8px auto 0}.msa__brand{display:none}@media(max-width:749px){.msa__track{height:720vh}.msa__panel{left:14px;right:14px;top:auto;bottom:14px;transform:none;width:auto;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px 16px 14px;border-top:3px solid var(--msa-red);box-shadow:0 6px 24px #00000014}.msa__kicker{font-size:11px;margin-bottom:10px}.msa__h,h2.msa__h{font-size:23px;margin-bottom:6px}.msa__step p{font-size:15px;line-height:1.45;max-width:none}.msa__n{font-size:10px;padding:5px 7px;margin-bottom:8px}.msa__rail{margin-top:14px}.msa__rail li{max-width:none;height:18px}.msa__hint{display:none}.msa__cta{margin-top:12px;padding:12px 14px;font-size:13px}}.msa__static{max-width:1180px;margin:0 auto;padding:56px 20px 64px}.msa__still{display:block;width:100%;height:auto;margin:18px 0 26px;background:#ecece9}.msa__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.msa__list li{background:#fff;border-top:3px solid var(--msa-red)}.msa__list img{display:block;width:100%;height:auto;background:#ecece9}.msa__list div{padding:12px 14px 16px;font-size:15px;line-height:1.45;color:#33363b}.msa__list b{color:var(--msa-ink)}html.msa-capture,html.msa-capture body{margin:0;overflow:hidden}.msa.is-capture .msa__track{height:100vh}.msa.is-capture .msa__hint{display:none}.msa.is-capture .msa__brand{display:block;position:absolute;right:48px;top:40px;margin:0;font:600 20px/1 system-ui,sans-serif;letter-spacing:.04em;color:#5d6168}.msa.is-capture .msa__brand b{color:var(--msa-red);font-weight:900;letter-spacing:.02em}.msa.is-capture--landscape .msa__panel{width:560px;left:96px}.msa.is-capture--landscape .msa__kicker{font-size:18px}.msa.is-capture--landscape .msa__h{font-size:58px}.msa.is-capture--landscape h2.msa__h{font-size:66px}.msa.is-capture--landscape .msa__step p{font-size:26px;max-width:30ch}.msa.is-capture--landscape .msa__n{font-size:16px;padding:9px 12px}.msa.is-capture--landscape .msa__rail li{max-width:64px;height:34px;font-size:14px}.msa.is-capture--portrait .msa__panel{left:64px;right:64px;bottom:120px;top:auto;transform:none;width:auto;background:#fffffff0;padding:40px 44px 36px;border-top:6px solid var(--msa-red);box-shadow:0 12px 40px #00000014}.msa.is-capture--portrait .msa__kicker{font-size:24px;margin-bottom:18px}.msa.is-capture--portrait .msa__h,.msa.is-capture--portrait h2.msa__h{font-size:66px}.msa.is-capture--portrait .msa__step p{font-size:34px;max-width:none}.msa.is-capture--portrait .msa__n{font-size:20px;padding:10px 14px;margin-bottom:18px}.msa.is-capture--portrait .msa__rail{margin-top:30px}.msa.is-capture--portrait .msa__rail li{max-width:none;height:40px;font-size:18px;border-bottom-width:5px}.msa.is-capture--portrait .msa__brand{left:64px;right:auto;top:72px;font-size:30px}.msa.is-capture .msa__cta{display:none}.msa__guide{max-width:880px;margin:0 auto;padding:72px 20px 80px}.msa__gh{margin:0 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.1;font-weight:800;color:var(--msa-ink)}.msa__gnote{margin:0 0 34px;color:var(--msa-mute);font-size:15px}.msa__gs{border-top:1px solid #dcdcd8;padding:26px 0 8px}.msa__gs h3{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:22px;line-height:1.2;font-weight:800;color:var(--msa-ink)}.msa__gs h3 span{flex:0 0 34px;height:34px;display:grid;place-items:center;background:var(--msa-red);color:#fff;font-size:15px}.msa__gs p{margin:0 0 14px;font-size:16px;line-height:1.65;color:#33363b}.msa__gs figure{margin:6px 0 18px;background:#fff;border:1px solid #e3e3df}.msa__gs figure img{display:block;width:100%;height:auto}.msa__gs figcaption{padding:8px 12px;font-size:13px;color:var(--msa-mute)}.msa__photo{max-width:560px}@media(max-width:749px){.msa__guide{padding:48px 16px 56px}.msa__gs h3{font-size:19px}.msa__gs p{font-size:15px}}.msa.is-capture .msa__guide,.msa.is-capture .msa__static{display:none}html.msa-capture body>*:not(.msa):not(script){display:none!important}.msa.is-capture .msa__step,.msa.is-capture .msa__step *{transition:none!important;animation:none!important}html.msa-pinned #scroll-to-top-button{opacity:0!important;pointer-events:none!important}.msa__step p{text-wrap:pretty}
/*# sourceMappingURL=/cdn/shop/t/32/assets/mac-self-assembly.css.map */