.rs-phone{--rs-phone-w:min(13rem,31vh);--rs-phone-travel:clamp(160px,30vh,360px);position:relative;z-index:1;margin:0;padding:0;background:#0b0b0c;color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;box-sizing:border-box}@supports (height:1svh){.rs-phone{--rs-phone-w:min(13rem,31svh);--rs-phone-travel:clamp(160px,30svh,360px)}}.rs-phone *{box-sizing:border-box}.rs-phone{height:calc(100vh + var(--rs-phone-travel))}@supports (height:1svh){.rs-phone{height:calc(100svh + var(--rs-phone-travel))}}.rs-phone [data-rs-phone-mount]{position:sticky;top:0;height:100vh}@supports (height:1svh){.rs-phone [data-rs-phone-mount]{height:100svh}}.rs-phone__hero{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.5rem;overflow:hidden}@supports (overflow:clip){.rs-phone__hero{overflow:clip}}.rs-phone{overflow:visible}.rs-phone__perspective{width:100%;perspective:1200px}.rs-phone__head{position:relative;z-index:0;max-width:64rem;margin:0 auto;padding:0 1rem;text-align:center}.rs-phone__eyebrow{margin:0;color:#8d8d93;font-weight:500;font-size:.7rem;line-height:1.2;letter-spacing:.25em;text-transform:none}.rs-phone__title{margin:.75rem 0 0;color:#fff;font-weight:600;font-size:clamp(1.5rem,5.6vw,1.875rem);line-height:1.15;letter-spacing:-.02em;text-transform:none}.rs-phone__dominant{display:block;margin-top:.25rem;color:#fff;font-weight:800;font-size:clamp(2.75rem,13.5vw,3rem);line-height:1;letter-spacing:-.045em;text-transform:none}.rs-phone__lift{position:relative;z-index:10;margin-top:-1.5rem}.rs-phone__device{position:relative;width:var(--rs-phone-w);margin:0 auto}.rs-phone__btn{position:absolute;width:3px;background:#ffffff2e}.rs-phone__btn--a{left:-2px;top:16%;height:1.75rem;border-radius:2px 0 0 2px}.rs-phone__btn--b{left:-2px;top:24%;height:2.75rem;border-radius:2px 0 0 2px}.rs-phone__btn--c{right:-2px;top:22%;height:3.5rem;border-radius:0 2px 2px 0}.rs-phone__chassis{aspect-ratio:9/19.5;border:1px solid #3a3a3c;border-radius:2.5rem;background:#1c1c1e;padding:.35rem;box-shadow:0 10px 20px #0000002e,0 40px 60px -20px #00000059}.rs-phone__screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:2.2rem;background:#000;box-shadow:inset 0 0 0 1px #ffffff14}.rs-phone__island{position:absolute;left:50%;top:.5rem;z-index:10;width:4.25rem;height:1.1rem;border-radius:999px;background:#000;transform:translate(-50%)}.rs-phone__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;width:100%;height:100%;background:linear-gradient(180deg,#19191b,#0e0e10)}.rs-phone__label{color:#8d8d93;font-weight:500;font-size:.65rem;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.rs-phone__note{color:#5d5d63;font-size:.65rem;line-height:1.2}@media(min-width:640px){.rs-phone{--rs-phone-w:min(15rem,31vh)}@supports (height:1svh){.rs-phone{--rs-phone-w:min(15rem,31svh)}}}@media(min-width:768px){.rs-phone{--rs-phone-w:min(17rem,31vh);--rs-phone-travel:clamp(160px,40vh,480px)}@supports (height:1svh){.rs-phone{--rs-phone-w:min(17rem,31svh);--rs-phone-travel:clamp(160px,40svh,480px)}}.rs-phone__hero{padding:2rem}.rs-phone__lift{margin-top:-3rem}.rs-phone__title{font-size:2.25rem}.rs-phone__dominant{font-size:6rem}}.rs-gp[data-gp-motion=on]~.rs-phone{margin-top:-52.8vh;margin-top:-52.8svh}
/*# sourceMappingURL=/cdn/shop/t/8/assets/roomstar-phone-scroll-hero.css.map */