.phone{position:relative;line-height:0;width:304px}.phone__background{position:absolute;inset:4px;border-radius:40px;background:#141414;overflow:hidden}.phone__background::after{display:block;position:absolute;opacity:0;transition:all .3s ease-in-out;inset:0;background:linear-gradient(to top, #37383c 21%, #517b84 100%);content:""}.phone__image{position:relative;width:100%;height:auto}.phone:hover .phone__background::after{opacity:1}.phone__content-1{position:absolute;transition:all .3s ease-in-out;inset:0}.phone__content-1__logo{display:block;transition:all .3s ease-in-out;margin-top:180px;margin-inline:auto;width:213px;height:auto}.phone:hover .phone__content-1{opacity:0}.phone:hover .phone__content-1__logo{transform:translateY(50px)}.phone__content-2{position:absolute;inset:0;padding-top:12px;padding-inline:20px}.phone__content-2__header{opacity:0;transition:all .3s ease-in-out;position:relative;margin-top:47px;margin-bottom:32px}.phone__content-2__header__back{display:flex;align-items:center;gap:3px;color:#66a8fe;font-size:12px;line-height:14px;font-family:"SFPro"}.phone__content-2__header__back svg{width:auto;height:11px}.phone__content-2__header__title{position:absolute;top:0;left:50%;transform:translateX(-50%);color:#fff;font-weight:600;font-size:12px;line-height:14px;font-family:"SFPro"}.phone__content-2__menu{opacity:0;transform:translateY(250px);transition:all .3s ease-in-out;display:flex;flex-direction:column;gap:16px}.phone__content-2__menu__item{display:flex;justify-content:space-between;align-items:center;padding-bottom:5px;color:#fff;font-weight:500;font-size:12px;line-height:14px;border-bottom:1px solid hsla(0,0%,100%,.3);font-family:"SFPro"}.phone__content-2__version{position:absolute;left:0;right:0;bottom:32px;font-size:9px;line-height:11px;font-weight:600;color:#fff;transition:all .3s ease-in-out;text-align:center;opacity:0;transform:translateY(50px)}.phone:hover .phone__content-2__header{opacity:1}.phone:hover .phone__content-2__menu{opacity:1;transform:translateY(0)}.phone:hover .phone__content-2__version{opacity:1;transform:translateY(0)}