#mobile-frame{width:100%;height:100%;position:relative;background-color:#fff}#phone-top,#phone-left,#phone-right,#phone-bottom,#phone-button{display:none}#view,#hydrate-view{width:100%;height:100%}#view>div{height:calc(100% - 60px);position:relative}#hydrate-view{display:flex;align-items:center;justify-content:center}@media (min-width: 1000px){#mobile-frame{width:40vw;height:85vh}#mobile-frame #phone-top{display:block;position:absolute;top:-20px;left:-2px;z-index:50;height:20px;width:calc(100% + 4px);background-color:#000;border-top-left-radius:16px;border-top-right-radius:16px}#mobile-frame #phone-left{display:block;position:absolute;top:0;left:-2px;height:100%;width:2px;background-color:#000}#mobile-frame #phone-right{display:block;position:absolute;top:0;right:-2px;height:100%;width:2px;background-color:#000}#mobile-frame #phone-bottom{display:flex;align-items:center;justify-content:center;position:absolute;bottom:-50px;left:-2px;height:50px;width:calc(100% + 4px);background-color:#000;border-bottom-left-radius:16px;border-bottom-right-radius:16px}#mobile-frame #phone-button{display:block;position:relative;height:20px;width:20px;background-color:var(--main);border-radius:50%}}