.spc{--ease:cubic-bezier(.2,.9,.25,1);--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.28);--mut:#9a9aa4;--pink:#ffb4dc;--gold:#ffd98a;font-family:Manrope,system-ui,sans-serif;color:#fff}.spc *{box-sizing:border-box}.spc a{color:inherit;text-decoration:none}.spc-panel{position:fixed;left:0;right:0;z-index:60;background:linear-gradient(180deg,#060608f7,#08080aed);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--line);padding:30px max(36px,calc((100vw - 1400px)/2)) 28px;overflow:hidden;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .5s var(--ease),visibility 0s .5s}.spc-panel.on{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .55s var(--ease)}.spc-panel:before{content:"";position:absolute;top:0;left:0;width:34%;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 18px 2px #fff9;opacity:0}.spc-panel.play:before{animation:spcBeam 1.1s .15s var(--ease)}@keyframes spcBeam{0%{transform:translate(-40%);opacity:0}15%{opacity:1}to{transform:translate(300%);opacity:0}}.spc-in{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px}.spc-side{display:flex;flex-direction:column;gap:12px;min-width:0}.spc-k{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.22em;color:var(--mut)}.spc-h{font-family:Archivo,system-ui,sans-serif;font-weight:800;font-size:26px;line-height:1.12;margin:0}.spc-ln{display:block;overflow:hidden}.spc-ln>span{display:block}.play .spc-ln>span{animation:spcLn .7s var(--ease) both;animation-delay:calc(.15s + var(--l)*.08s)}@keyframes spcLn{0%{transform:translateY(110%)}}.spc-all{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-weight:700;font-size:15px;border-bottom:1px solid var(--line2);padding-bottom:4px}.spc-all small{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--mut)}.spc-all i{font-style:normal;transition:transform .3s var(--ease)}.spc-all:hover i{transform:translate(4px)}.spc-reas{display:flex;flex-direction:column;gap:6px;margin-top:6px;font-size:12.5px;color:#c3c3cb}.spc-reas span:before{content:"\2726";margin-right:8px;font-size:10px;color:#fff}.play .spc-side>.spc-all,.play .spc-side>.spc-reas{animation:spcUp .6s .45s var(--ease) both}@keyframes spcUp{0%{opacity:0;transform:translateY(12px)}}.spc-tag{display:inline-flex;align-self:flex-start;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.16em;font-weight:600;background:#fff;color:#000;border-radius:999px;padding:4px 9px}.spc-tag.gh{background:transparent;color:#fff;border:1px solid var(--line2)}.spc-tl{position:relative;height:330px;min-width:0}.spc-tl svg{position:absolute;left:0;bottom:46px;width:100%;height:40px;overflow:visible}.spc-track{stroke:#ffffffd9;stroke-width:2;fill:none;filter:drop-shadow(0 0 6px #fff)}.spc-dash{stroke:#ffffff59;stroke-width:2;stroke-dasharray:4 7;fill:none}.spc-tick{stroke:#ffffff40;stroke-width:1}.play .spc-track{stroke-dasharray:2000;animation:spcDraw 1.3s .25s var(--ease) both}@keyframes spcDraw{0%{stroke-dashoffset:2000}to{stroke-dashoffset:0}}.play .spc-dash,.play .spc-tick{animation:spcFade .6s 1.1s both}@keyframes spcFade{0%{opacity:0}}.spc-node{position:absolute;bottom:58px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#000;border:2px solid #fff;box-shadow:0 0 14px #fff}.spc-node.today{width:10px;height:10px;margin-left:-5px;bottom:61px;background:#fff}.spc-node.soon{border-style:dashed;box-shadow:none;border-color:#fff9}.spc-node:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid #fff;opacity:0}.spc-node.hot:after{animation:spcRadar 1.4s ease-out infinite}@keyframes spcRadar{0%{transform:scale(.4);opacity:1}to{transform:scale(1.8);opacity:0}}.play .spc-node{animation:spcPop .5s var(--ease) both;animation-delay:var(--d)}@keyframes spcPop{0%{transform:scale(0)}}.spc-lab{position:absolute;bottom:6px;transform:translate(-50%);text-align:center;white-space:nowrap;display:flex;flex-direction:column;gap:2px}.spc-lab b{font-family:Archivo,sans-serif;font-size:14px}.spc-lab span{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;color:var(--mut)}.play .spc-lab{animation:spcUp .6s var(--ease) both;animation-delay:var(--d)}.spc-comet{position:absolute;bottom:62px;width:70px;height:2px;margin-left:-70px;background:linear-gradient(90deg,transparent,#fff);border-radius:2px;filter:drop-shadow(0 0 6px #fff);animation:spcComet 3.2s 1.6s cubic-bezier(.5,0,.3,1) infinite;opacity:0}.spc-comet:after{content:"";position:absolute;right:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff}@keyframes spcComet{0%{left:var(--a);opacity:0}10%{opacity:1}85%{opacity:1}to{left:var(--b);opacity:0}}.spc-card{position:absolute;bottom:96px;transform:translate(-50%);width:270px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,#141418,#09090b);padding:14px 16px 16px;display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;transition:transform .4s var(--ease),border-color .3s,box-shadow .3s}.spc-card:after{content:"";position:absolute;left:50%;bottom:-38px;width:1px;height:38px;background:linear-gradient(#fff,transparent);opacity:.5}.spc-card img{height:120px;width:auto;max-width:100%;object-fit:contain;justify-self:center;filter:drop-shadow(0 16px 14px rgba(0,0,0,.85))}.spc-ci{display:flex;flex-direction:column;gap:6px;min-width:0}.spc-t{font-family:Archivo,sans-serif;font-weight:700;font-size:15px;line-height:1.15}.spc-p{font-family:Archivo,sans-serif;font-weight:800;font-size:19px}.spc-cd{font-family:JetBrains Mono,monospace;font-size:12px}.spc-card.op{border-color:#ffbee159;background:radial-gradient(80% 90% at 20% 50%,rgba(255,170,215,.16),transparent 70%),linear-gradient(160deg,#17121a,#09090b)}.spc-card.gd{border-color:#ffd98a4d;background:radial-gradient(80% 90% at 20% 50%,rgba(255,217,138,.12),transparent 70%),linear-gradient(160deg,#15130e,#09090b)}.spc-card:hover{transform:translate(-50%) translateY(-6px);border-color:#fff;box-shadow:0 22px 50px #ffffff14}.play .spc-card{animation:spcCard .85s var(--ease) both;animation-delay:var(--d)}@keyframes spcCard{0%{opacity:0;transform:translate(-50%) translateY(40px) scale(.9);filter:blur(10px)}}.spc .shp-dot{display:none!important}@media(prefers-reduced-motion:reduce){.spc *,.spc *:before,.spc *:after,.spc-panel,.spc-panel:before{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shx-menu-precommandes-1.css.map */