body{-webkit-touch-callout:none;background:#0d0d0d;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container{display:flex;height:100vh;height:100dvh;margin:0;max-width:100%;padding:0;width:100%}.container .left-container{display:flex;flex-direction:column;width:100%}@media (min-width:1280px){.container .left-container{width:50%}}.container .left-container .information-container{align-items:center;color:#fff;display:flex;padding:8px}@media (min-width:1280px){.container .left-container .information-container{padding:20px 30px}}.container .left-container .information-container .machine-number{align-items:center;border:1px solid #ffbb21;border-radius:4px;color:#ffbb21;display:flex;flex-direction:column;height:60px;justify-content:center;width:60px}@media (min-width:1280px){.container .left-container .information-container .machine-number{flex-direction:row;height:auto;padding:8px 10px;width:auto}}.container .left-container .information-container .machine-number div:first-of-type{font-size:18px}.container .left-container .information-container .machine-number div:nth-of-type(2){font-size:14px;margin-top:4px}@media (min-width:1280px){.container .left-container .information-container .machine-number div:nth-of-type(2){margin-left:2px;margin-top:0}}.container .left-container .information-container .information{flex:1;margin:0 6px}.container .left-container .information-container .information .machine-name{font-size:18px}@media (min-width:1280px){.container .left-container .information-container .information .machine-name{font-size:30px}}.container .left-container .middle-container{flex:1;min-height:0;position:relative;text-align:center}.container .left-container .middle-container .video-container{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.container .left-container .middle-container .video-container video{height:0;-o-object-fit:cover;object-fit:cover;position:absolute;transform:rotate(90deg);width:0}.container .left-container .middle-container .remain-label{position:absolute;right:5px;top:10px}@media (min-width:1280px){.container .left-container .middle-container .remain-label{right:30px;top:0}}.container .left-container .middle-container .remain-label div{align-items:center;background:linear-gradient(#333,#000);border:2px solid #ffbb21;border-radius:18px;color:#ffbb21;display:flex;font-size:12px;gap:5px;height:36px;justify-content:center;padding-left:14px;padding-right:11px;text-decoration:none}.container .left-container .middle-container .button-container{align-items:center;display:flex;gap:10px;justify-content:center;left:5px;position:absolute;top:10px}@media (min-width:1280px){.container .left-container .middle-container .button-container{left:30px;top:0}}.container .left-container .middle-container .button-container .presentation-button a{align-items:center;background:linear-gradient(#333,#000);border:2px solid #fff;border-radius:18px;color:#fff;display:flex;font-size:12px;gap:5px;height:36px;justify-content:center;padding-left:11px;padding-right:11px;text-decoration:none}.container .left-container .middle-container .button-container .presentation-button a:active{background:#000}.container .left-container .middle-container .button-container .presentation-button a:active div{opacity:.5}.container .left-container .middle-container .button-container .presentation-button a.disabled{border:2px solid hsla(0,0%,100%,.502);pointer-events:none}.container .left-container .middle-container .button-container .presentation-button a.disabled div{opacity:.5}.container .left-container .middle-container .presentation-container{background:hsla(0,0%,5%,.9);border-radius:20px;display:inline-flex;flex-direction:column;margin-left:5px;margin-right:5px;margin-top:9px;max-height:calc(100% - 18px);position:relative}@media (min-width:1280px){.container .left-container .middle-container .presentation-container{background:#161616;border-radius:4px;margin-top:55px;max-height:calc(100% - 65px)}}.container .left-container .middle-container .presentation-container .presentation-head{border-bottom:1px solid #707070;color:hsla(0,0%,100%,.7);font-size:12px;margin:21px 15px 15px;padding-bottom:7px;text-align:start}@media (min-width:1280px){.container .left-container .middle-container .presentation-container .presentation-head{font-size:20px;margin:20px 20px 17px;padding-bottom:13px}}.container .left-container .middle-container .presentation-container .presentation-table{flex:1;margin-left:15px;margin-right:15px;min-height:0;overflow:hidden auto}@media (min-width:1280px){.container .left-container .middle-container .presentation-container .presentation-table{margin-bottom:20px;margin-left:20px;margin-right:20px}}.container .left-container .middle-container .presentation-container .presentation-table img{width:80vw}@media (min-width:1280px){.container .left-container .middle-container .presentation-container .presentation-table img{width:40vw}}.container .left-container .middle-container .presentation-container .close-button{align-self:center;display:inline-block;margin-bottom:24px;margin-top:38px}@media (min-width:1280px){.container .left-container .middle-container .presentation-container .close-button{display:none}}.container .left-container .middle-container .presentation-container .close-button a{align-items:center;background:linear-gradient(#333,#000);border:2px solid #fff;border-radius:18px;color:#fff;display:flex;font-size:12px;height:36px;justify-content:center;padding-left:36px;padding-right:36px;text-decoration:none}.container .left-container .middle-container .presentation-container .close-button a:active{background:#000}.container .left-container .middle-container .presentation-container .close-button a:active div{opacity:.5}.container .right-container{display:none;position:relative;width:50%}@media (min-width:1280px){.container .right-container{display:block}}.container .right-container .video-container{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.container .right-container .video-container video{height:0;-o-object-fit:cover;object-fit:cover;position:absolute;transform:rotate(90deg);width:0}.data{display:none}.container .left-container .middle-container .video-container .no-publisher,.container .left-container .middle-container .video-container .show-video-button,.container .left-container .middle-container .video-container .unmute-button,.container .right-container .video-container .no-publisher,.container .right-container .video-container .show-video-button,.container .right-container .video-container .unmute-button{align-items:center;background:rgba(0,0,0,.502);border-radius:10px;bottom:36px;color:#fff;font-size:20px;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:10px;position:absolute;right:0;top:50%;width:-moz-fit-content;width:fit-content}.container .left-container .middle-container .video-container .show-video-button a,.container .left-container .middle-container .video-container .unmute-button a,.container .right-container .video-container .show-video-button a,.container .right-container .video-container .unmute-button a{color:#fff;font-size:20px}.container .left-container .middle-container .video-container .loader,.container .right-container .video-container .loader{background:rgba(0,0,0,.502);border-radius:10px;bottom:36px;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:10px;position:absolute;right:0;top:50%;width:-moz-fit-content;width:fit-content}.container .left-container .middle-container .video-container .loader div,.container .right-container .video-container .loader div{align-items:center;color:#fff;display:flex;font-size:30px;font-weight:700}.container .left-container .middle-container .video-container .loader div:before,.container .right-container .video-container .loader div:before{animation:loader 1s linear infinite;background:conic-gradient(from 135deg at top,currentColor 90deg,transparent 0) 0 calc(50% - 4px)/17px 8.5px,radial-gradient(farthest-side at bottom left,transparent calc(100% - 6px),currentColor calc(100% - 5px) 99%,transparent) 100% 0/50% 50% content-box content-box,radial-gradient(farthest-side at top,transparent calc(100% - 6px),currentColor calc(100% - 5px) 99%,transparent) bottom/100% 50% content-box content-box;background-repeat:no-repeat;border-radius:50%;content:"";display:inline-block;height:50px;padding:6px;width:50px}.container .left-container .middle-container .video-container .loader div:after,.container .right-container .video-container .loader div:after{content:"Loading..."}@keyframes loader{to{transform:rotate(1turn)}}.container .left-container .middle-container .video-container .loader a,.container .right-container .video-container .loader a{color:#fff;font-size:20px}