.wd-device{isolation:isolate;display:block;position:relative;container-type:inline-size}.wd-device-screen{background:var(--color-text);display:block;position:relative;overflow:hidden}.wd-device-image{object-fit:cover;object-position:center top}.wd-device-screen:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff42 0%,#ffffff1a 24%,#ffffff0a 36%,#fff0 37%),linear-gradient(118deg,#fff0 56%,#ffffff14 66%,#fff0 78%),linear-gradient(#ffffff1a,#fff0 6%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.wd-device-screen:before{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(118deg,#fff0 40%,#ffffff38 50%,#fff0 60%) 120% 0/250% 100%;position:absolute;inset:0}a:hover .wd-device-laptop .wd-device-screen:before,.wd-device-interactive:hover .wd-device-screen:before{animation:wd-device-sheen 1.1s var(--ease-standard) both}@keyframes wd-device-sheen{0%{opacity:1;background-position:120% 0}to{opacity:1;background-position:-40% 0}}.wd-device-lid,.wd-device-body{background:linear-gradient(145deg, #ffffff29 0%, #ffffff08 22%, #fff0 45%, #fff0 72%, #ffffff14 100%) padding-box, linear-gradient(var(--color-text), var(--color-text)) padding-box, linear-gradient(135deg, var(--color-border) 0%, var(--color-text-muted) 22%, var(--color-text) 45%, var(--color-text-muted) 70%, var(--color-border-strong) 100%) border-box;border:solid #0000}.wd-device-camera{z-index:2;border-radius:var(--radius-full);background:#ffffff29;position:absolute;left:50%;transform:translate(-50%)}.wd-device-lid{border-width:.25cqw .25cqw 0;border-radius:2.4cqw 2.4cqw 0 0;width:84cqw;margin-inline:auto;padding:1.45cqw 1.45cqw 2.05cqw;display:block;position:relative;box-shadow:inset 0 .2cqw #ffffff1f}.wd-device-laptop .wd-device-camera{width:.6cqw;height:.6cqw;top:.6cqw}.wd-device-laptop .wd-device-screen{aspect-ratio:16/10;border-radius:.5cqw}.wd-device-base{background:linear-gradient(90deg, #101d1824 0%, #101d1800 12%, #ffffff80 50%, #101d1800 88%, #101d1824 100%), linear-gradient(180deg, var(--color-surface) 0%, var(--color-border) 35%, var(--color-border-strong) 100%);border-radius:.4cqw .4cqw 3.2cqw 3.2cqw/.4cqw .4cqw 2.2cqw 2.2cqw;width:100%;height:2.6cqw;display:block;position:relative;box-shadow:inset 0 .15cqw #ffffffe6,0 2.4cqw 4cqw -1.6cqw #001e0f80}.wd-device-base:before{content:"";background:var(--color-border-strong);border-radius:0 0 1.2cqw 1.2cqw;width:15cqw;height:.9cqw;position:absolute;top:0;left:50%;transform:translate(-50%)}.wd-device-body{display:block;position:relative}.wd-device-tablet .wd-device-body{border-width:.6cqw;border-radius:7cqw;padding:3cqw;box-shadow:inset 0 .4cqw #ffffff1a,0 5cqw 9cqw -4cqw #001e0f8c}.wd-device-tablet .wd-device-camera{width:1.1cqw;height:1.1cqw;top:1.3cqw}.wd-device-tablet .wd-device-screen{aspect-ratio:820/1180;border-radius:3.4cqw}.wd-device-phone .wd-device-body{border-width:.9cqw;border-radius:15cqw;padding:3.4cqw;box-shadow:inset 0 .6cqw #ffffff1a,0 6cqw 12cqw -5cqw #001e0f99}.wd-device-phone .wd-device-screen{aspect-ratio:390/844;border-radius:11cqw}.wd-device-island{z-index:2;border-radius:var(--radius-full);background:var(--color-text);width:26cqw;height:7.5cqw;position:absolute;top:7.5cqw;left:50%;transform:translate(-50%)}.wd-device-showcase{aspect-ratio:100/61;width:100%;position:relative}.wd-device-showcase-laptop{width:86%;position:absolute;top:0;left:7%}.wd-device-showcase-tablet{width:27%;transition:transform var(--duration-slow) var(--ease-emphasized);position:absolute;bottom:0;left:3%}.wd-device-showcase-phone{width:15%;transition:transform var(--duration-slow) var(--ease-emphasized);position:absolute;bottom:0;right:5%}a:hover .wd-device-showcase-tablet{transform:translate(-2%,-2%)}a:hover .wd-device-showcase-phone{transform:translate(3%,-3%)}@media (prefers-reduced-motion:reduce){a:hover .wd-device-laptop .wd-device-screen:before,.wd-device-interactive:hover .wd-device-screen:before{animation:none}.wd-device-showcase-tablet,.wd-device-showcase-phone{transition:none}a:hover .wd-device-showcase-tablet,a:hover .wd-device-showcase-phone{transform:none}}
