.studio .demo2{grid-template-columns:minmax(0,1fr);container-type:inline-size}.studio .an-app__main{grid-template-columns:minmax(0,1fr)}@container (width<=1180px){.studio .d2-notif{grid-column:1/-1;justify-items:start;width:auto;position:static}}@media (width>=901px){@container (width<=1180px){.studio .demo2__app{min-height:688px}}}.studio .an-notif{color:#0a0a0a;text-align:left;-webkit-backdrop-filter:none;backdrop-filter:none;background:#ececec;border-radius:26px;grid-template-columns:48px minmax(0,1fr);gap:14px;max-width:430px;padding:14px 20px 15px 14px;box-shadow:0 22px 50px -24px #000000a6,0 2px 6px -2px #0003}.studio .an-notif__icone{background:#fff;border-radius:12px;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 0 0 1px #0000000d}.studio .an-notif__icone img{width:27px;height:auto;display:block}.studio .an-notif__titre{letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:21px}.studio .an-notif__heure{color:#6c6c70;font-size:14px;line-height:18px}.studio .an-notif__corps{letter-spacing:-.01em;margin:1px 0 0;font-size:15px;line-height:20px}.studio .an-notif--sombre{color:#fafafa;background:#0b0b0b;box-shadow:0 22px 50px -24px #000c,inset 0 0 0 1px #ffffff14}.studio .an-notif--sombre .an-notif__heure{color:#8e8e93}.studio .an-notif--gris{color:#ececec;background:#3d3d3d}.studio .an-notif--gris .an-notif__heure{color:#a8a8ad}.studio .an-notif--perle{color:#fafafa;background:#8c8c8c}.studio .an-notif--perle .an-notif__heure{color:#e4e4e4}.studio .v-vrac{padding-block:96px 72px;position:relative;overflow:clip}.studio .v-vrac .pg-conteneur{z-index:9;position:relative}.studio .v-vrac .pg-tete{margin-bottom:0}.studio .v-vrac__scene{--p:0;--amp:1;max-width:1320px;height:640px;margin:40px auto 0;position:relative}.studio .v-vrac__place{left:var(--x);top:var(--y);width:420px;transform:translate3d(calc(var(--dx) * var(--p) * var(--amp)), calc(var(--dy) * var(--p) * var(--amp)), 0) rotate(calc(var(--r) + var(--dr) * var(--p)));will-change:transform;position:absolute}.studio .v-vrac__place>.an-notif{max-width:none;opacity:var(--o);filter:blur(var(--flou))}.studio .v-vrac__scene.js-pret .v-vrac__place>.an-notif{opacity:0;transition:opacity .52s var(--an-courbe), transform .62s var(--an-courbe);transition-delay:calc(var(--i) * 80ms);transform:translateY(-20px)scale(.96)}.studio .v-vrac__scene.js-pret.is-vue .v-vrac__place>.an-notif{opacity:var(--o);transform:none}.studio .v-vrac__logo{z-index:7;width:300px;height:300px;transform:translate3d(0, calc(-50px * var(--p)), 0) rotate(calc(-11deg + 7deg * var(--p)));will-change:transform;background:#fff;border-radius:72px;place-items:center;display:grid;position:absolute;bottom:-70px;left:-40px;box-shadow:0 40px 90px -30px #000c}.studio .v-vrac__logo img{width:62%;height:auto;display:block}@media (width<=900px){.studio .v-vrac__scene{height:580px}.studio .v-vrac__place{width:360px}.studio .v-vrac__logo{border-radius:54px;width:220px;height:220px}}@media (width<=640px){.studio .v-vrac{padding-block:64px 48px}.studio .v-vrac__scene{--amp:.6;height:600px;margin-top:28px}.studio .v-vrac__place{left:var(--xm);top:var(--ym);width:320px}.studio .v-vrac__place .an-notif__titre{font-size:15px}.studio .v-vrac__place .an-notif__heure{font-size:12.5px}.studio .v-vrac__place .an-notif{border-radius:22px;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:12px 16px 12px 12px}.studio .v-vrac__place .an-notif__icone{border-radius:10px;width:40px;height:40px}.studio .v-vrac__place .an-notif__corps{font-size:14px;line-height:19px}.studio .v-vrac__logo{border-radius:42px;width:170px;height:170px;bottom:-40px;left:-30px}}@media (width>=1001px){.studio .v-appel__visuel .an-notif{width:380px}}.studio .v-pres__son{z-index:2;cursor:pointer;color:#fafafa;height:46px;font:600 16px/1 var(--an-police);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0acc;border:0;border-radius:23px;align-items:center;gap:10px;padding:0 20px;transition:background .2s,color .2s;display:inline-flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff2e,0 12px 30px -10px #000a}.studio .v-pres__son svg{width:20px;height:20px}.studio .v-pres__son.is-on{background:var(--an-accent);color:var(--an-sur-accent)}.studio .v-pres__son:focus-visible{outline:3px solid var(--an-accent);outline-offset:3px}.studio .v-lecture{z-index:3;cursor:pointer;background:var(--an-accent);width:64px;height:64px;color:var(--an-sur-accent);box-shadow:var(--an-lueur), 0 16px 40px -10px #000a;border:0;border-radius:50%;place-items:center;margin:-32px 0 0 -32px;display:grid;position:absolute;top:50%;left:50%}.studio .v-lecture svg{width:26px;height:26px;margin-left:3px}.studio .v-lecture:focus-visible{outline-offset:3px;outline:3px solid #fff}.studio .v-vsl__son{z-index:3;cursor:pointer;background:var(--an-accent);min-width:200px;color:var(--an-sur-accent);font:800 19px/1.1 var(--an-police);border:0;border-radius:28px;justify-items:center;gap:10px;padding:22px 30px;animation:2.2s ease-in-out infinite v-vsl-pouls;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px -12px #000c}.studio .v-vsl__son svg{width:46px;height:46px}.studio .v-vsl__son:focus-visible{outline-offset:4px;outline:3px solid #fff}@keyframes v-vsl-pouls{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--an-accent) 70%, transparent), 0 20px 60px -12px #000c}50%{box-shadow:0 0 0 18px color-mix(in srgb, var(--an-accent) 0%, transparent), 0 20px 60px -12px #000c}}@media (prefers-reduced-motion:reduce){.studio .v-vsl__son{animation:none}}.studio .v-vsl__coin{z-index:3;cursor:pointer;color:#f3f6fb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1220b8;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:16px;box-shadow:0 0 0 1px #fff3}.studio .v-vsl__coin svg{width:20px;height:20px}.studio .v-vsl__coin--gauche{left:16px}.studio .v-vsl__coin--droite{right:16px}.studio .v-vsl__coin:focus-visible{outline:3px solid var(--an-accent);outline-offset:3px}@media (width<=640px){.studio .v-vsl__son{border-radius:18px;gap:4px;min-width:0;padding:10px 16px;font-size:15px}.studio .v-vsl__son svg{width:26px;height:26px}.studio .v-vsl__coin{width:44px;height:44px;bottom:10px}.studio .v-vsl__coin--gauche{left:10px}.studio .v-vsl__coin--droite{right:10px}}.studio .v-pied{overflow:clip}.studio .v-pied .an-geant{background:linear-gradient(180deg, color-mix(in srgb, var(--an-texte) 78%, transparent), color-mix(in srgb, var(--an-texte) 22%, transparent) 92%);-webkit-background-clip:text;background-clip:text;padding-bottom:.12em;font-size:clamp(100px,24vw,368px);line-height:1}:where(.studio) .v-tailwind :where(*){border-style:solid;border-width:0;border-color:hsl(var(--border))}:where(.studio) .v-tailwind :where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit;letter-spacing:inherit}:where(.studio) .v-tailwind :where(blockquote,dl,dd,h5,h6,hr,pre,menu,fieldset,legend){margin:0}:where(.studio) .v-tailwind :where(ul,ol,menu){padding:0;list-style:none}:where(.studio) .v-tailwind :where(button,input,optgroup,select,textarea){font:inherit;letter-spacing:inherit;color:inherit;line-height:inherit;margin:0;padding:0}:where(.studio) .v-tailwind :where(button,[type=button],[type=reset],[type=submit]){appearance:button;background-color:#0000;background-image:none}:where(.studio) .v-tailwind :where(img,svg,video,canvas,audio,iframe,embed,object){vertical-align:middle;display:block}:where(.studio) .v-tailwind :where(img,video){max-width:100%;height:auto}:where(.studio) .v-tailwind :where(a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.studio .v-compare__cartes{display:none}@media (width<=760px){.studio .v-compare__table{display:none}.studio .v-compare__cartes{gap:14px;margin:0;padding:0;list-style:none;display:grid}}.studio .v-compare__carte{background:var(--an-carte);border:1px solid var(--an-filet);border-radius:22px;gap:10px;padding:18px;display:grid}.studio .v-compare__critere{letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:24px}.studio .v-compare__targly{background:color-mix(in srgb, var(--an-accent) 16%, transparent);border:1px solid color-mix(in srgb, var(--an-accent) 60%, transparent);border-radius:16px;padding:12px 14px;font-size:16px;font-weight:600;line-height:23px}.studio .v-compare__autre{color:var(--an-texte-2);padding-inline:4px;font-size:15px;line-height:22px}.studio .v-compare__targly b,.studio .v-compare__autre b{letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:12px;font-weight:700;line-height:16px;display:block}.studio .v-compare__targly b{color:var(--an-texte)}.studio .v-glisse{margin-top:22px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.studio .v-glisse__piste{gap:16px;width:max-content;padding-block:12px;animation:48s linear infinite v-glisse;display:flex}.studio .v-glisse:hover .v-glisse__piste{animation-play-state:paused}@keyframes v-glisse{0%{transform:translate(0)}to{transform:translate(calc(-50% - 8px))}}.studio .v-glisse__carte{white-space:nowrap;background:var(--an-carte);border:1px solid var(--an-filet);border-radius:999px;align-items:center;gap:14px;padding:10px 14px 10px 10px;display:inline-flex;box-shadow:0 14px 34px -18px #000000b3}.studio .v-glisse__visage{flex:none;width:64px;height:64px;position:relative}.studio .v-glisse__photo{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:64px;height:64px;box-shadow:0 0 0 2px var(--an-accent);border-radius:50%}.studio .v-glisse__logo{background:#fafafa;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:-4px;right:-4px;box-shadow:0 4px 12px #0006}.studio .v-glisse__logo img{width:18px;height:18px}.studio .v-glisse__nom{letter-spacing:-.02em;font-size:21px;font-weight:700;line-height:26px;display:block}.studio .v-glisse__info{color:var(--an-texte-3);font-size:14px;line-height:18px;display:block}.studio .v-glisse__credit{color:var(--an-texte);background:color-mix(in srgb, var(--an-accent) 18%, transparent);border:1px solid color-mix(in srgb, var(--an-accent) 45%, transparent);border-radius:999px;margin-left:4px;padding:6px 12px;font-size:13px;font-weight:700;line-height:16px}@media (width<=640px){.studio .v-glisse__visage,.studio .v-glisse__photo{width:52px;height:52px}.studio .v-glisse__nom{font-size:17px;line-height:22px}.studio .v-glisse__piste{animation-duration:40s}}@media (prefers-reduced-motion:reduce){.studio .v-glisse{-webkit-mask-image:none;mask-image:none}.studio .v-glisse__piste{flex-wrap:wrap;justify-content:center;width:auto;animation:none}.studio .v-glisse__piste>:nth-child(n+5){display:none}}
