:root{--alfa-marque:#00453e;--alfa-titres:#003345;--alfa-accent:#00aa99;--alfa-cta:#f5a623;--alfa-cta-survol:#e2920d;--alfa-promo:#750010;--alfa-blanc:#ffffff;--trait:#46d6c6;--trait-succes:#c9f6ee;--encre:#eef6f4;--encre-douce:#9fd0c7;--erreur:#e0637d;--braise:#f9c174;--aube:#fdf0d8;--sortie:cubic-bezier(.16,1,.3,1);--douce:cubic-bezier(.65,0,.35,1);--ressort:cubic-bezier(.34,1.56,.64,1);--sinueuse:cubic-bezier(.45,.05,.55,.95);--police:"Montserrat",sans-serif;--manuscrite:"Permanent Marker",cursive}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--police);color:var(--encre);background:radial-gradient(130% 100% at 50% 36%,#06333f,#032734 44%,#011722 78%,#010e15);overflow:hidden;-webkit-font-smoothing:antialiased}@keyframes poindre{0%{opacity:0}}@keyframes venir{0%{opacity:0;transform:translateY(14px)}}.tr{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0;animation:tracer var(--dur,1s) var(--sortie) var(--d,0s) backwards}@keyframes tracer{0%{stroke-dashoffset:1}}.rev{animation:venir .9s var(--sortie) var(--d,0s) backwards}.couche{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.couche-plan{z-index:1;transform:translate3d(calc(var(--px,0)*7px),calc(var(--py,0)*5px),0)}.vignette{z-index:2;background:radial-gradient(120% 92% at 50% 44%,transparent 52%,rgba(0,6,10,.5) 100%)}.couche-scene{z-index:5;pointer-events:auto;transform:translate3d(calc(var(--px,0)*-4px),calc(var(--py,0)*-3px),0);display:grid;place-items:center;overflow-y:auto}.fond-plan{width:100%;height:100%;display:block}.fond-plan .lg{stroke-width:1.7}.fond-plan .lm{stroke-width:1.15;opacity:.85}.fond-plan .sol{opacity:.32}.plan-froid{color:var(--trait);opacity:.72;transition:color .5s var(--douce)}.plan-chaleur{color:var(--braise);opacity:.82;transition:opacity .5s var(--douce)}.plan-eclose{animation:poindre 1.1s var(--douce) 3s backwards}body.impulsion .plan-chaleur{animation:rechauffer .34s var(--douce)}@keyframes rechauffer{40%{opacity:1}}.porte-cadre{position:relative;width:min(420px,92vw);padding:64px 8px 88px;display:flex;flex-direction:column;align-items:center;text-align:center}.surtitre{font-size:11px;font-weight:700;letter-spacing:5px;color:var(--encre-douce);text-transform:uppercase;white-space:nowrap;animation:poindre 1.2s var(--sortie) .12s backwards}.surtitre:before,.surtitre:after{content:"";display:inline-block;vertical-align:middle;width:26px;height:1px;background:var(--encre-douce);opacity:.55;margin:0 12px}.accroche{font-family:var(--manuscrite);font-weight:400;font-size:38px;line-height:1.12;color:#dff0ea;transform:rotate(-2deg);margin:16px 0 4px;animation:venir .9s var(--sortie) .55s backwards}.marque{display:flex;flex-direction:column;align-items:center;gap:3px;animation:poindre 1.2s var(--sortie) .12s backwards}.marque-nom{font-family:var(--police);font-weight:800;font-size:34px;line-height:1;letter-spacing:-.5px;color:#12c2b0}.marque-sous{font-family:var(--police);font-weight:700;font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--encre-douce)}.slogan{font-family:var(--manuscrite);font-weight:400;font-size:20px;line-height:1;color:#eaa64a;transform:rotate(1.5deg);margin:0 0 12px;animation:venir .9s var(--sortie) .78s backwards}.sous-accroche{font-size:13px;font-weight:500;color:var(--encre-douce);letter-spacing:.4px;margin-bottom:6px;animation:venir .9s var(--sortie) 3.2s backwards}.doggo-boite{position:relative;margin:12px 0 20px}.porteur{position:relative;display:block}.halo-boite{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:transform .9s var(--sortie)}body.impulsion .halo-boite{animation:pulser .3s var(--sortie)}@keyframes pulser{40%{transform:scale(1.05)}}.halo-vie{position:absolute;top:0;right:0;bottom:0;left:0;animation:respirer 4.6s var(--sinueuse) 4.2s infinite}@keyframes respirer{50%{transform:scale(1.035)}}.etat-erreur .halo-vie{animation:creux .55s var(--douce)}@keyframes creux{0%{opacity:1}32%{opacity:.42}55%{opacity:.85}72%{opacity:.55}to{opacity:1}}.halo{position:absolute;border-radius:50%}.halo-large{top:-110px;right:-110px;bottom:-110px;left:-110px;background:radial-gradient(50% 50% at 50% 52%,rgba(255,199,120,.32),rgba(255,180,80,.09) 55%,transparent 72%);animation:eclore-halo 1s var(--sortie) 2.9s backwards}.halo-coeur{top:-34px;right:-34px;bottom:-34px;left:-34px;background:radial-gradient(50% 50% at 50% 50%,rgba(255,228,170,.42),rgba(255,205,120,.1) 60%,transparent 76%);animation:eclore-halo .9s var(--sortie) 3s backwards}@keyframes eclore-halo{0%{opacity:0;transform:scale(.85)}}.halo-pulse{top:-70px;right:-70px;bottom:-70px;left:-70px;opacity:0;background:radial-gradient(50% 50% at 50% 50%,rgba(255,224,156,.55),rgba(255,200,110,.12) 58%,transparent 70%)}body.impulsion .halo-pulse{animation:battre .3s var(--douce)}@keyframes battre{35%{opacity:.6}}.halo-rubis{top:-80px;right:-80px;bottom:-80px;left:-80px;opacity:0;background:radial-gradient(50% 50% at 50% 52%,rgba(178,26,54,.5),rgba(117,0,16,.14) 58%,transparent 72%)}.etat-erreur .halo-rubis{animation:vaciller .55s var(--douce)}@keyframes vaciller{0%{opacity:0}22%{opacity:.6}42%{opacity:.12}62%{opacity:.44}to{opacity:0}}.flaque{position:absolute;left:50%;bottom:-10px;width:250px;height:54px;transform:translate(-50%);pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgba(255,186,90,.22),rgba(255,186,90,.04) 62%,transparent 76%);animation:poindre .9s var(--sortie) 3.05s backwards}.doggo{position:relative;display:block;width:152px;height:auto;overflow:visible}.doggo .tr{stroke-width:62}.t-doggo{color:#f2a63ce6;animation:vie-trait 4.2s var(--douce) backwards}@keyframes vie-trait{0%,66%{color:var(--trait)}to{color:#f2a63ce6}}.etat-erreur .t-doggo{color:var(--erreur)}.d-or .or{fill:url(#or-corps);stroke:none}.d-or{animation:prendre .85s var(--sortie) 2.8s backwards}@keyframes prendre{0%{opacity:0}30%{opacity:.5}45%{opacity:.16}62%{opacity:.85}74%{opacity:.55}to{opacity:1}}.etat-erreur .d-allume{animation:creux .55s var(--douce)}.oeil-noir{fill:#4a2c0e;animation:poindre .45s var(--sortie) 3.1s backwards}.d-tilt{transform-box:fill-box;transform-origin:50% 92%}.d-lean{transform-box:fill-box;transform-origin:50% 96%;transform:rotate(calc(var(--lean,0)*1deg))}.d-hate{transform-box:fill-box;transform-origin:50% 100%}.d-vie{transform-box:fill-box;transform-origin:50% 100%;animation:souffle 3.8s var(--sinueuse) 4.4s infinite}@keyframes souffle{50%{transform:scaleY(1.014) scaleX(1.004)}}.d-perk{transform-box:fill-box;transform-origin:50% 100%}body.impulsion .d-perk{animation:perk .32s var(--ressort)}@keyframes perk{0%{transform:scale(1)}38%{transform:scale(1.05,.94)}70%{transform:scale(.99,1.03)}to{transform:scale(1)}}.vise .d-hate{animation:trepigner .55s var(--sinueuse) infinite}@keyframes trepigner{50%{transform:translateY(-4px)}}.etat-erreur .d-tilt{animation:pencher 1.15s var(--ressort)}@keyframes pencher{0%{transform:rotate(0)}22%{transform:rotate(10deg)}60%{transform:rotate(10deg)}to{transform:rotate(0)}}.doggo-oeil{transform:translate(calc(var(--gx,0)*1px),calc(var(--gy,0)*1px));transition:transform .22s cubic-bezier(.3,.7,.4,1)}.d-clin{transform-box:fill-box;transform-origin:50% 50%;animation:clin 4.6s var(--douce) 5s infinite}@keyframes clin{0%,93.5%,to{transform:scaleY(1)}96%{transform:scaleY(.07)}}.porte{width:100%;max-width:368px;position:relative;text-align:left}.porte label{display:block;font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--encre-douce);margin:0 0 8px 2px;animation:venir .9s var(--sortie) 2.95s backwards}.rangee{display:flex;gap:10px;align-items:stretch}.hublot{position:relative;flex:1;animation:venir .9s var(--sortie) 3.05s backwards}.hublot input{width:100%;height:52px;background:#0117228c;border:0;outline:0;color:var(--encre);font-family:var(--police);font-size:16px;font-weight:600;letter-spacing:3px;padding:0 14px 0 42px;caret-color:var(--alfa-cta);border-radius:2px}.hublot input::placeholder{color:#9fd0c78c;font-weight:500;letter-spacing:1px}.hublot input:focus-visible{outline:2px solid var(--alfa-cta);outline-offset:4px}.arete{position:absolute;background:var(--trait);transition:background .25s var(--douce)}.arete.h{left:0;width:100%;height:1.5px}.arete.v{top:0;width:1.5px;height:100%}.a1{top:0;transform-origin:left center;animation:tirerX .28s var(--douce) 3.15s backwards}.a2{right:0;transform-origin:center top;animation:tirerY .2s var(--douce) 3.38s backwards}.a3{bottom:0;transform-origin:right center;animation:tirerX .28s var(--douce) 3.52s backwards}.a4{left:0;transform-origin:center bottom;animation:tirerY .2s var(--douce) 3.72s backwards}@keyframes tirerX{0%{transform:scaleX(0)}}@keyframes tirerY{0%{transform:scaleY(0)}}.hublot input:focus~.arete{background:var(--alfa-cta)}.etat-erreur .arete{background:var(--erreur)}.etat-erreur .hublot input{animation:secousse .5s var(--douce)}@keyframes secousse{12%{transform:translate(-8px)}32%{transform:translate(6px)}52%{transform:translate(-4px)}72%{transform:translate(3px)}88%{transform:translate(-1px)}}.serrure{position:absolute;left:14px;top:50%;width:17px;height:17px;transform:translateY(-50%);color:var(--encre-douce);animation:poindre .8s var(--sortie) 3.5s backwards}.serrure circle,.serrure path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bouton{height:52px;padding:0 22px;border:0;cursor:pointer;border-radius:50px;background:var(--alfa-cta);color:var(--alfa-titres);font-family:var(--police);font-size:15px;font-weight:700;letter-spacing:.5px;display:inline-flex;align-items:center;gap:9px;animation:venir .9s var(--sortie) 3.18s backwards;transition:transform .18s var(--sortie),background-color .18s var(--douce)}.bouton:hover{background:var(--alfa-cta-survol);transform:translateY(-1px)}.bouton:active{transform:scale(.97)}.bouton:focus-visible{outline:2px solid var(--encre);outline-offset:3px}.bouton svg{width:15px;height:15px}.bouton svg path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.griffe{position:absolute;left:2px;bottom:-36px;font-family:var(--manuscrite);font-size:16px;color:#ff9fae;transform:rotate(-3deg);opacity:0;pointer-events:none}.etat-erreur .griffe{animation:griffonner 1.3s var(--sortie) both}@keyframes griffonner{0%{opacity:0;transform:rotate(-3deg) translateY(5px)}16%{opacity:1;transform:rotate(-3deg) translateY(0)}72%{opacity:1}to{opacity:0}}.message{min-height:22px;margin-top:16px;font-size:14px;font-weight:600;letter-spacing:.3px;color:#ff9fae;text-align:center}.pancarte{position:fixed;top:0;right:6vw;z-index:12;transform-origin:50% 0;animation:venir .9s var(--sortie) 3.95s backwards,balance 7s var(--sinueuse) 3.95s infinite alternate}@keyframes balance{0%{transform:rotate(-1.1deg)}to{transform:rotate(1.1deg)}}.corde{display:block;width:1.5px;height:64px;margin:0 auto;background:#46d6c666}.panneau{position:relative;display:block;width:96px;transform-origin:50% 0}.etat-erreur .panneau{animation:sursaut .7s var(--ressort)}@keyframes sursaut{22%{transform:rotate(3.4deg)}56%{transform:rotate(-2.4deg)}}.face{display:grid;place-items:center;height:40px;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;border:1px solid rgba(70,214,198,.45);border-radius:2px;background:#01141eb8;color:var(--encre-douce);transform-origin:50% 0;transition:transform .55s var(--ressort) .3s,opacity .4s var(--douce) .3s}.face.ouverte{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--aube);color:var(--alfa-marque);border-color:transparent;opacity:0;transform:rotateX(-72deg)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="220" height="220"><filter id="b"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><rect width="220" height="220" filter="url(%23b)" opacity="0.6"/></svg>')}@media(min-width:760px){.accroche{font-size:54px}.doggo{width:190px}.porte-cadre{width:min(460px,92vw)}.halo-large{top:-140px;right:-140px;bottom:-140px;left:-140px}.halo-coeur{top:-44px;right:-44px;bottom:-44px;left:-44px}.halo-pulse{top:-90px;right:-90px;bottom:-90px;left:-90px}.halo-rubis{top:-100px;right:-100px;bottom:-100px;left:-100px}.flaque{width:310px;height:62px}}@media(min-width:1100px){.accroche{font-size:62px}.doggo{width:208px}}@media(max-width:759px){.pancarte{display:none}}@media(max-height:700px){.porte-cadre{padding:44px 8px 72px}.accroche{font-size:34px}.doggo{width:132px}.doggo-boite{margin:8px 0 14px}.halo-large{top:-92px;right:-92px;bottom:-92px;left:-92px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01s!important;transition-delay:0s!important}.doggo-oeil{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/alfa-lock.css.map */