.modal-body .content{width:100%;display:flex;flex-direction:column}#JeelizVTOWidget{flex-grow:1;width:640px;height:500px;margin-left:auto;margin-right:auto;position:relative;border-radius:12px;overflow:hidden}#JeelizVTOWidgetCanvas{left:0;right:0;margin:0 auto;top:0}.JeelizVTOWidgetControls{width:100%}.buttonIcon{display:inline-block;margin-right:8px}.JeelizVTOWidgetControlsTop{top:16px;height:40px}.JeelizVTOWidgetControlsTop>button{width:45%;min-width:auto}#JeelizVTOWidgetChangeModelContainer{bottom:16px;height:40px}#JeelizVTOWidgetChangeModelContainer>button{width:20%;min-width:auto}#JeelizVTOWidgetLoading{display:none;position:fixed;z-index:4;cursor:wait;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5)}.JeelizVTOWidgetLoadingText{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#fff;font-size:32pt}.JeelizVTOWidgetLoadingText p{font-size:20px;margin-top:10px}#JeelizVTOWidgetAdjustNotice{width:100%;position:absolute;background-color:rgba(0,0,0,.5);color:#fff;z-index:3;font-size:16px;bottom:0;justify-content:center;padding-top:2em;padding-bottom:2em;display:none}#JeelizVTOWidgetAdjustExit{border:1px solid #fff;background:transparent;position:absolute;right:8px;bottom:8px}#JeelizVTOWidgetAdjust{display:none}#buttonResizeCanvas{display:none}.glasses_control_container{width:100%;margin-top:10px}.glass_controls{display:flex;flex-direction:row;justify-content:center}.glass_controls li{margin:0 10px;cursor:pointer;text-align:center;display:flex;width:90px}.glass_controls li label{width:100%}.attribute-square-container span.attribute-square-name{margin-top:10px}.startBtn{color:#f26522;transition:.3s;border:solid 2px #f26522;padding:5px 12px 8px 10px;right:10px;top:10px;border-radius:12px;z-index:4;width:200px;font-size:18px;font-weight:700}.stopStyle{background-color:#b70404;border-color:#b70404}.glassesItem{color:#164863;border:solid 1px #e1e7d7;background-color:#fff;transition:.3s}.selectedGlassesItem{background-color:#c7dca7;border:solid 3px #c7dca7;transition:.3s}.image_thumbnail{width:50px;height:30px;object-fit:contain}.modal-header{position:relative}.stream_placeholder{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.stream_placeholder h3{font-size:16px;font-weight:400;margin-bottom:20px}.glass_controls .attribute-square-container span{width:100%}.loader{width:50px;height:50px;border:10px solid #fff;border-radius:50%;position:relative;transform:rotate(45deg);box-sizing:border-box}.loader::before{content:"";position:absolute;box-sizing:border-box;inset:-10px;border-radius:50%;border:10px solid #ff3d00;animation:prixClipFix 2s infinite linear}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}100%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.glassesInput{display:none}.glass_controls .attribute-square-container{border-radius:8px;border:solid 1px #ccc;background-color:#fff}.glasses_control_container .glassesInput[type="radio"]:checked+label .attribute-square-container{border:solid 1px #000}input[type="radio"]+label:before{content:unset}input[type="radio"]+label{padding:0}@media screen and (max-width:500px){.lipstickColor.modal{width:100%;height:100%;margin-top:0;padding:0}.content_container{width:100%}.tryonContentContainer{width:100%}#JeelizVTOWidget{width:100%;border-radius:0}#JeelizVTOWidgetCanvas{width:100%}.modal-body{padding:0}.blocker{padding:0;z-index:9999}.glass_controls li{margin:10px 0}.modal a.close-modal{top:10px;right:10px}}