.device-classic__bezel{position:relative;width:100%;padding:.1875rem;border-radius:.625rem;background:linear-gradient(160deg,#3a3a3c,#2c2c2e 40%,#1c1c1e);box-shadow:0 8px 24px -6px rgba(0,0,0,.35)}.device-classic{position:relative;width:100%;border-radius:.5rem;background-color:#1c1c1e;overflow:hidden}.device-classic__toolbar{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:#2c2c2e;border-bottom:1px solid #3a3a3c}.device-classic__buttons{display:flex;gap:.1875rem}.device-classic__button{width:.375rem;height:.375rem;border-radius:50%}.device-classic__button--close{background-color:#ff5f57}.device-classic__button--minimize{background-color:#febc2e}.device-classic__button--maximize{background-color:#28c840}.device-classic__address-bar{flex:1;max-width:10rem;margin:0 auto;height:.25rem;background-color:rgba(255,255,255,.1);border-radius:.125rem}.device-classic__spacer{width:1.5rem}.device-classic__content{position:relative;aspect-ratio:16/10;overflow:hidden;background-color:#2c2c2e}.phone-standard{position:relative;display:block;width:100%}.phone-standard__frame{position:relative;padding:.1875rem;background:linear-gradient(160deg,#3a3a3c,#2c2c2e 40%,#1c1c1e);border-radius:1.125rem;box-shadow:0 8px 24px -6px rgba(0,0,0,.35)}.phone-standard__screen{position:relative;width:100%;aspect-ratio:9/19.5;background-color:#000;border-radius:1rem;overflow:hidden;isolation:isolate}.phone-standard__content{position:absolute;inset:0;overflow:hidden;border-radius:1rem}.phone-standard__dynamic-island{top:.25rem;height:.5rem;background-color:#000;border-radius:1rem}.phone-standard__dynamic-island,.phone-standard__home-indicator{position:absolute;left:50%;transform:translateX(-50%);width:2rem;z-index:5}.phone-standard__home-indicator{bottom:.1875rem;height:.125rem;background-color:rgba(255,255,255,.3);border-radius:9999px}