#ovenPlayer{width:100%;height:100%}.container{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:space-between}#video-container{position:relative;flex:1;background-color:#000}.oven-player,.video-window{position:absolute;background-size:cover;background-position:50%;border-radius:10px}.oven-player{top:25%;left:2%;z-index:2;width:15%;height:auto;aspect-ratio:16/9;background-image:url(../img/waiting.1f6b182c.png)}.oven-player-expanded{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2}.local{width:15%;height:auto;aspect-ratio:16/9;background-image:url(../img/bridge.0e49dfea.jpg);top:3%;left:2%;z-index:2}.local,.remote{background-size:cover;background-position:50%}.remote{width:100%;height:100%;top:0;left:0;z-index:1}@media (orientation:portrait){.remote{background-image:url(../img/Vertical_screen.4ed6a077.png)}}@media (orientation:landscape){.remote{background-image:url(../img/Horizontal_screen.ef01d7a5.png)}}.btns{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:center;gap:20px;padding:10px;z-index:2}.icon{width:30px;height:30px;cursor:pointer;filter:invert(0);transition:all .3s ease}.icon:hover{transform:scale(1.1)}.btns div{display:flex;align-items:center;justify-content:center;background-color:#f1f1f1;border-radius:50%;width:50px;height:50px;box-shadow:0 0 8px rgba(0,0,0,.15);transition:background-color .3s,box-shadow .3s}.btns div:hover{box-shadow:0 0 12px rgba(0,0,0,.2)}#hangup{background-color:red;box-shadow:0 4px 12px rgba(0,0,0,.3)}.icon-container{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:#f1f1f1;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.icon-container.active-drawer{background-color:#27ae60;box-shadow:0 4px 12px rgba(0,0,0,.3)}.toggle-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:#f1f1f1;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.toggle-btn.active-switch{background-color:red;box-shadow:0 4px 12px rgba(0,0,0,.3)}.toggle-btn.active-switch .icon{filter:invert(1)}.btns .active-playback{background-color:#27ae60;box-shadow:0 4px 12px rgba(0,0,0,.3)}.active-playback .icon{filter:invert(1)}button{padding:5px 10px;font-size:14px;cursor:pointer;border:none;background-color:#fff;color:#000;border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}button:hover{background-color:#000;color:#fff}.transparent-drawer{box-shadow:none!important}.transparent-drawer,.transparent-drawer .el-drawer__body,.transparent-drawer .el-drawer__wrapper{background-color:transparent!important}.chat-container{display:flex;flex-direction:column;height:100%;padding:10px}.chat-messages{flex:1;overflow-y:auto;margin-bottom:10px;padding:10px;background-color:hsla(0,0%,100%,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px}.chat-message{display:flex;flex-direction:column;margin-bottom:15px}.doctor-message{align-items:flex-end}.patient-message{align-items:flex-start}.message-container{max-width:70%;word-wrap:break-word}.username{margin-bottom:5px}.doctor-name{color:#3a7bd5}.patient-name{color:#27ae60}.message-text{background-color:#f9f9f9;padding:8px 12px;border-radius:10px}.doctor-message .message-text{background-color:#e3f2fd;color:#0d47a1}.patient-message .message-text{background-color:#e8f5e9;color:#1b5e20}.chat-input-container{display:flex;gap:10px}.chat-input .el-input__inner{background-color:hsla(0,0%,100%,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#000;border:1px solid hsla(0,0%,100%,.2);border-radius:10px}.chat-input .el-input__inner::-moz-placeholder{color:rgba(0,0,0,.5)}.chat-input .el-input__inner::placeholder{color:rgba(0,0,0,.5)}.chat-input .el-input__inner:focus,.chat-input .el-input__inner:hover{border-color:hsla(0,0%,100%,.4)}.send-btn{background-color:hsla(0,0%,100%,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#000;border:1px solid hsla(0,0%,100%,.2);border-radius:10px;padding:8px 16px;cursor:pointer;transition:background-color .3s,border-color .3s}.send-btn:hover{background-color:hsla(0,0%,100%,.4);border-color:hsla(0,0%,100%,.3)}.send-btn:active{background-color:hsla(0,0%,100%,.5)}.send-btn:focus{outline:none;box-shadow:0 0 0 2px rgba(0,0,0,.1)}