.gallery{overflow:hidden;background:#fff}.gallery-tabs{display:flex;justify-content:center;gap:.65rem;margin:0 auto 2rem;flex-wrap:wrap}.gallery-tabs [role=tab]{min-height:46px;padding:.55rem 1.15rem;border:1px solid #c8d4e1;border-radius:999px;background:#f2f6fb;color:var(--nuit);font:600 1rem Outfit,sans-serif;cursor:pointer}.gallery-tabs [aria-selected=true]{border-color:var(--nuit);background:var(--nuit);color:#fff}.gallery-tabs [role=tab]:focus-visible{outline:3px solid var(--ciel);outline-offset:3px}.gallery-panel{outline:none}.gallery-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:460px;perspective:1100px;transition:opacity .35s ease}.gallery-stage.is-switching{opacity:0}.gallery-laptop{position:relative;z-index:1;width:min(79%,900px);transform:translateX(-5%)}.laptop-lid{position:relative;padding:15px 15px 14px;border:1px solid #59616a;border-radius:18px 18px 8px 8px;background:linear-gradient(145deg,#3b4149,#171a1e 70%);box-shadow:inset 0 1px 0 #ffffff45,0 10px 24px #0f1b2d33}.laptop-camera{position:absolute;top:5px;left:50%;width:4px;height:4px;border-radius:50%;background:#080a0d;box-shadow:0 0 0 1px #707780;transform:translateX(-50%)}.laptop-screen{position:relative;overflow:hidden;aspect-ratio:16/10;border:1px solid #080a0c;border-radius:5px;background:#fff;box-shadow:0 0 0 1px #747c84}.laptop-base{position:relative;height:14px;margin:0 -5.5%;border-radius:0 0 45% 45% / 0 0 80% 80%;background:linear-gradient(#c9cdd1 0%,#8d949b 28%,#535a62 68%,#c2c6ca 100%);box-shadow:0 9px 13px #0f1b2d35}.laptop-base i{position:absolute;top:0;left:43%;width:14%;height:4px;border-radius:0 0 5px 5px;background:#7d848b}.gallery-viewport{position:absolute;inset:0;overflow:hidden;background:#fff}.gallery-virtual{position:absolute;top:0;left:0;transform-origin:top left}.gallery-demo-root{width:1280px;min-height:1px}.gallery-demo-root.demo--mobile{width:390px}.gallery-demo-root.demo-embedded{padding-top:0}.gallery-instance[hidden]{display:none}.gallery-demo-root .demo-footer{padding:18px}.device-gallery{position:absolute;z-index:2;right:7%;bottom:-12px;width:210px;height:390px;padding:7px;border-radius:14% / 6.8%;box-shadow:0 17px 40px #0f1b2d40}.device-gallery .device-bezel{padding:6px}.device-gallery .device-screen{border-radius:10% / 5%}.device-gallery .gallery-viewport{inset:0}.gallery-caption{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3rem 1.1rem;margin:1.25rem auto 0;text-align:center}.gallery-label{display:inline-block;padding:.2rem .65rem;border-radius:999px;background:#e5f1fb;color:#19324e;font-size:.85rem;font-weight:600}.gallery-caption p{margin:0;color:#33465f}.gallery-caption p strong{color:var(--nuit)}.gallery-caption>a{font-weight:600}.gallery-mobile .gallery-laptop{display:none}.gallery-mobile .gallery-stage{min-height:500px}.gallery-mobile .device-gallery{position:relative;right:auto;bottom:auto;width:266px;height:490px;margin:auto}.gallery-mobile .gallery-caption{flex-direction:column}.gallery-demo-root .demo-header,.gallery-demo-root .demo-page{max-width:none}.demo-page.demo--desktop{width:1280px}.demo-page.demo--mobile{width:390px}.gallery-demo-root.demo--desktop .demo-wrap{width:min(var(--content),100%)}.gallery-demo-root.demo--mobile .demo-wrap{width:100%}
@media(max-width:759px){.gallery-mobile .gallery-laptop,.gallery-laptop{display:block;visibility:hidden;position:absolute;left:-10000px;width:900px;transform:none}.gallery-stage{min-height:540px}.device-gallery{position:relative;right:auto;bottom:auto;width:282px;height:520px;margin:auto}.gallery-caption{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.gallery-stage{transition:none}}