*{box-sizing:border-box;padding:0;margin:0}body{background-color:#000;background-size:16px 16px;background-image:linear-gradient(90deg,rgba(177,177,177,.18) 1px,transparent 0),linear-gradient(180deg,rgba(177,177,177,.18) 1px,transparent 0)}.wrap .header{display:flex;align-items:center;justify-content:center;background:#000 linear-gradient(to bottom,#030712,#000);height:60px;padding:10px 20px;top:0;left:0;right:0;margin-bottom:2rem;border-bottom:1px solid #f8f8ff}.wrap .header .devices{display:flex;gap:1rem}.wrap .header .devices button{background-color:initial;cursor:pointer;border:0;box-sizing:border-box;outline:none;padding:4px 2px;border-radius:4px;transition:all .6s ease}.wrap .header .devices button svg{fill:#f8f8ff;height:32px;width:32px;transition:all .6s ease}.wrap .header .devices button:hover{background-color:#f8f8ff}.wrap .header .devices button:hover svg{fill:#000}.wrap .header .devices .selected{background-color:#f8f8ff}.wrap .header .devices .selected svg{fill:#000}.wrap .content{display:flex}.wrap .content .frame-wrapper{width:100%}.wrap .content .frame-wrapper .frame{border:none;display:block;min-height:calc(100vh - 100px);margin:0 auto;background-color:#fff;border-radius:8px;overflow-y:scroll}.notfound{display:flex;align-items:center;justify-content:center;height:100vh}.notfound__link{font-size:18px;color:#4c707c;padding:15px 20px;text-transform:uppercase;border-radius:4px;position:relative;background-color:#fff;border:1px solid #4c707c;text-decoration:none;margin:1rem auto 0;display:block;text-align:center;transition:all .6s ease;width:300px}