body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Prompt,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,Prompt,monospace}.App{background-image:url(/static/media/background.4ac44b83cf6011dde215.webp);text-align:center}.App,button{font-family:Prompt,Poppins,sans-serif}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{height:10vh;justify-content:center}.App-body,.App-header{align-items:center;color:#333;display:flex;flex-direction:column;font-size:calc(10px + 2vmin)}.App-body{background-position:50%;min-height:90vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.my-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.my-card{background-color:#333;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.3);color:#fff;margin:10px;padding:20px;width:300px}div{font-family:Prompt,Poppins,sans-serif}h2{text-align:center}form{display:flex;flex-direction:column}input,select{border:1px solid #ccc;border-radius:3px;margin-bottom:10px;padding:10px}button{background-color:#f1c40f;border:1px solid #96969680;border-radius:3px;color:#000;cursor:pointer;font-weight:700;padding:10px 15px;transition:background-color .3s}.logo{height:100px;margin-bottom:-30px;width:100px}button:hover{background-color:#fdd835}button:active{background-color:#ffc107}p{color:#ccc}label,p{font-size:14px;margin-top:10px;text-align:center}label{color:#8a8a8a}p a{color:#ffeb3b;text-decoration:none}p a:hover{text-decoration:underline}.error{color:red}.error,.msg{font-size:12px;margin-top:0;text-align:left}.msg{color:#adff2f}@media screen and (max-width:426px){.my-card{padding:20px;width:100%}}.container-machine-page{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;width:100%}.imageBanner{align-items:center;display:flex;justify-content:center}.container-machine{background-color:#ffffffae;margin:0 auto;max-width:1500px;padding:20px;width:90%}.page-title{color:#333;margin-bottom:20px;margin-top:0}.card-container{grid-gap:20px;display:grid;grid-template-columns:repeat(5,1fr)}.card-machine{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.card-machine:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.card-image{border-radius:8px;height:200px;max-width:200px;object-fit:cover;width:100%}.card-content{margin-top:15px}.card-title{color:#333;font-size:18px;margin-bottom:10px}.card-description{color:#777;font-size:14px;margin-bottom:10px}.card-price{color:#333;font-size:16px}.video-rotate{display:block;-webkit-transform:rotate(90deg) translateY(-104%);transform:rotate(90deg) translateY(-104%);-webkit-transform-origin:top left;transform-origin:top left;white-space:nowrap}@media screen and (max-width:1200px){.card-container{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:1010px){.card-container{grid-gap:20px;display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.card-container{grid-gap:20px;display:grid;grid-template-columns:repeat(2,1fr)}.card-machine{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:10px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.page-title{color:#333;font-size:24px;margin-bottom:20px;margin-top:0}.card-title{color:#333;font-size:14px;margin-bottom:10px}.card-description{color:#777;font-size:10px;margin-bottom:10px}.card-price{color:#333;font-size:14px}}.react-slideshow-container{align-items:center;display:flex;position:relative}.react-slideshow-container .nav{cursor:pointer;position:absolute;z-index:10}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{align-items:center;background:hsla(0,0%,100%,.6);border:0;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:transparent;border:0;color:transparent;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{overflow:hidden;width:100%}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}.slide-container{max-height:1400px;max-width:7700px;width:60%}.banner{align-items:center;display:flex;height:100%;justify-content:center;object-fit:contain;width:100%}@media screen and (max-width:768px){.slide-container{width:90%}}@-webkit-keyframes blink{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}@keyframes blink{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.dots:after{-webkit-animation:dots 1.2s steps(4) infinite;animation:dots 1.2s steps(4) infinite;content:""}@-webkit-keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.valentine-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;will-change:auto;z-index:9999}.valentine-heart{-webkit-animation:heartFall linear infinite;animation:heartFall linear infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:rgba(255,50,80,.7);position:absolute;text-shadow:0 0 8px rgba(255,80,120,.5);top:-30px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-user-select:none;user-select:none;will-change:transform}@-webkit-keyframes heartFall{0%{-webkit-transform:translateY(0) rotate(0deg) scale(1) translateZ(0);transform:translateY(0) rotate(0deg) scale(1) translateZ(0)}50%{-webkit-transform:translateY(50vh) rotate(180deg) scale(.85) translateZ(0);transform:translateY(50vh) rotate(180deg) scale(.85) translateZ(0)}to{-webkit-transform:translateY(100vh) rotate(1turn) scale(1) translateZ(0);transform:translateY(100vh) rotate(1turn) scale(1) translateZ(0)}}@keyframes heartFall{0%{-webkit-transform:translateY(0) rotate(0deg) scale(1) translateZ(0);transform:translateY(0) rotate(0deg) scale(1) translateZ(0)}50%{-webkit-transform:translateY(50vh) rotate(180deg) scale(.85) translateZ(0);transform:translateY(50vh) rotate(180deg) scale(.85) translateZ(0)}to{-webkit-transform:translateY(100vh) rotate(1turn) scale(1) translateZ(0);transform:translateY(100vh) rotate(1turn) scale(1) translateZ(0)}}.controller-panel{align-items:center;display:flex;flex-direction:column;gap:10px;max-width:420px;width:100%}.controller-switch{background-color:#1b1f23;border:1px solid #3a4149;border-radius:999px;box-sizing:border-box;display:flex;max-width:260px;overflow:hidden;padding:4px;position:relative;width:100%}.controller-switch-thumb{background-color:#f1c40f;border-radius:999px;height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:-webkit-transform .18s ease;transition:transform .18s ease;transition:transform .18s ease,-webkit-transform .18s ease;width:calc(50% - 4px)}.controller-switch-option{-webkit-tap-highlight-color:transparent;background:transparent;border:none;border-radius:999px;color:#c2c8cf;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:7px 0;position:relative;transition:color .18s ease;z-index:1}.controller-switch-option.is-active{color:#24292e}@media screen and (max-width:380px){.controller-switch{max-width:220px}.controller-switch-option{font-size:13px;padding:6px 0}}.classic-joystick{align-items:center;background-color:#24292e;border-radius:10%;display:flex;flex-direction:column;padding:10px}.classic-joystick button{background-color:#f1c40f;border:none;border-radius:50%;color:#333;font-size:16px;height:70px;margin:5px;padding:0;-webkit-user-select:none;user-select:none;width:70px}.classic-joystick button:hover{background-color:#f5d76e;cursor:pointer}.classic-joystick button:active{background-color:#aaa}.classic-joystick .direction-buttons{display:flex;justify-content:center}.classic-joystick .direction-buttons button{width:70px}.classic-joystick .direction-buttons button:first-child{margin-right:10px}.classic-joystick .direction-buttons button:last-child{margin-left:10px}@media screen and (max-width:768px){.classic-joystick{align-items:center;background-color:#24292e;border-radius:10%;display:flex;flex-direction:column;padding:10px}.classic-joystick button{background-color:#f1c40f;border:none;border-radius:50%;color:#333;font-size:16px;font-size:12px;height:58px;margin:3px;-webkit-user-select:none;user-select:none;width:58px}.classic-joystick button:hover{background-color:#f5d76e;cursor:pointer}.classic-joystick button:active{background-color:#aaa}.classic-joystick .direction-buttons{display:flex;justify-content:center}.classic-joystick .direction-buttons button{width:58px}.classic-joystick .direction-buttons button:first-child{margin-right:8px}.classic-joystick .direction-buttons button:last-child{margin-left:8px}}.modern-controller{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#24292e;border-radius:18px;box-sizing:border-box;display:flex;flex-direction:row;gap:16px;justify-content:space-between;max-width:420px;padding:14px 18px;user-select:none;-webkit-user-select:none;width:100%}.modern-controller.single-action{justify-content:center}.modern-action-zone,.modern-stick-zone{align-items:center;display:flex;justify-content:center}.modern-stick-base{background:radial-gradient(circle at 50% 45%,#3a4149 0,#1b1f23 100%);border:2px solid #454c54;border-radius:50%;box-shadow:inset 0 4px 12px rgba(0,0,0,.55);cursor:grab;height:clamp(132px,34vw,168px);position:relative;touch-action:none;width:clamp(132px,34vw,168px)}.modern-stick-base.is-dragging{border-color:#f1c40f;cursor:grabbing}.modern-stick-mark{inset:0;pointer-events:none;position:absolute}.modern-stick-mark i{border-bottom:9px solid rgba(241,196,15,.28);border-left:6px solid transparent;border-right:6px solid transparent;height:0;left:50%;margin-left:-6px;position:absolute;top:7px;transition:border-bottom-color .08s linear;width:0}.modern-stick-mark.is-active i{border-bottom-color:#f1c40f}.modern-stick-knob{background:radial-gradient(circle at 50% 35%,#f5d76e 0,#f1c40f 70%,#c79f0c 100%);border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.45);height:44%;left:50%;pointer-events:none;position:absolute;top:50%;transition:-webkit-transform .05s linear;transition:transform .05s linear;transition:transform .05s linear,-webkit-transform .05s linear;width:44%}.modern-stick-base.is-dragging .modern-stick-knob{transition:none}.modern-claw-button{align-items:center;background:radial-gradient(circle at 50% 32%,#ff7b6b 0,#e74c3c 70%,#b03225 100%);border:none;border-radius:50%;box-shadow:0 6px 0 #8e2a1f,0 8px 14px rgba(0,0,0,.4);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;gap:2px;height:clamp(88px,24vw,112px);justify-content:center;padding:0;touch-action:none;transition:box-shadow .06s linear,-webkit-transform .06s linear;transition:transform .06s linear,box-shadow .06s linear;transition:transform .06s linear,box-shadow .06s linear,-webkit-transform .06s linear;width:clamp(88px,24vw,112px)}.modern-claw-button:hover{background:radial-gradient(circle at 50% 32%,#ff8f80 0,#ef5b4a 70%,#b03225 100%)}.modern-claw-button.is-pressed,.modern-claw-button:active{box-shadow:0 1px 0 #8e2a1f,0 2px 6px rgba(0,0,0,.4);-webkit-transform:translateY(5px);transform:translateY(5px)}.modern-claw-icon{font-size:clamp(22px,6vw,28px);line-height:1}.modern-claw-label{font-size:clamp(13px,3.6vw,16px)}@media screen and (max-width:380px){.modern-controller{gap:10px;padding:10px 12px}.modern-stick-base{height:124px;width:124px}.modern-claw-button{height:82px;width:82px}}.play-page{align-items:center;display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.playPage-container{align-items:flex-start;padding:10px}.container-play,.playPage-container{display:flex;flex-direction:row;justify-content:center}.container-play{align-items:center;background-color:hsla(0,0%,100%,.767);border-radius:5%;padding:30px}.container-video-play{align-items:center;display:flex;flex-direction:column;justify-content:center}.progessBarContainer{align-items:center;display:flex;flex-direction:row}.container-controller{margin-left:30px}.showQueue{align-items:center;display:flex;flex-direction:row;justify-content:center}.color-change{font-size:24px;transition:color 1s}.video-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:100%;max-width:100%}.guarantee{margin:10px}.video{border:2px solid #ddd;border-radius:8px;height:100%;width:100%}.description-zone{background-color:hsla(0,0%,100%,.767);border-radius:5%;box-shadow:0 2px 4px rgba(0,0,0,.1);height:auto;margin-right:20px;margin-top:10px;max-width:250px;padding:10px}.description-zone h2{color:#000;font-size:20px;margin-bottom:10px}.description-zone p{color:#000;font-size:16px}.progessBar{background-color:#24292e;border-radius:10px;display:flex;height:12px}.inside-progessBar{background-color:#ffeb3b;border-radius:10px;height:12px}:root{--dynamic-width:250px}.on-mobile{display:none}.machineImg{height:auto;max-width:200px}.on-pc{display:contents}@media screen and (max-width:820px){.play-page{height:auto}.container-play{background-color:hsla(0,0%,100%,.767);border-radius:5%;margin:10px;padding:5%;width:80%}.container-play,.playPage-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.playPage-container{padding:0;width:100%}.description-zone{background-color:hsla(0,0%,100%,.767);border-radius:5%;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-right:0;margin-top:10px;padding:10px;width:60%}.container-controller{display:flex;margin-left:0}.play{align-items:center;display:flex;flex-direction:column;margin-left:10px}.video{border:2px solid #ddd;border-radius:8px;height:100%;margin:5px;width:100%}.machineImg{height:auto;max-width:150px}:root{--dynamic-width:150px}.progessBar{background-color:#24292e;border-radius:10px;height:10px}.inside-progessBar{background-color:#ffeb3b;border-radius:10px;height:10px}.on-mobile{display:contents}.on-pc{display:none}.warnText{font-size:16px!important;margin:0}}.video-machine{max-height:408px;max-width:544px;min-width:544px;object-fit:cover;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:100%}.BlankContainer{background-color:gray;height:544px;width:408px}.BlankContainer,.videoWrapper{align-items:center;display:flex;justify-content:center}.videoWrapper{height:544px!important;justify-self:center;margin-bottom:10px;width:408px!important}.hidden{display:none}@media screen and (max-width:1024px){.video-machine{max-height:360px;max-width:480px;min-width:480px}.BlankContainer{height:480px;width:360px}.videoWrapper{height:480px!important;width:360px!important}}@media screen and (max-width:450px){.video-machine{max-height:312px;max-width:416px;min-width:416px}.BlankContainer{height:416px;width:312px}.videoWrapper{height:416px!important;width:312px!important}}@media screen and (max-width:340px){.video-machine{max-height:288px;max-width:384px;min-width:384px}.BlankContainer{height:384px;width:288px}.videoWrapper{height:384px!important;width:288px!important}}.cam-status{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;padding:12px;text-align:center;width:100%}.cam-status__icon{font-size:1.8rem;line-height:1}.cam-status__title{font-size:.9rem;font-weight:600}.cam-status__detail{font-size:.75rem;line-height:1.45;max-width:22em;opacity:.78}.cam-status__attempts{font-size:.7rem;opacity:.6}.cam-status__retry{background:transparent;border:1px solid hsla(0,0%,100%,.55);border-radius:999px;color:#fff;cursor:pointer;font-size:.78rem;margin-top:4px;padding:6px 16px}.cam-status__retry:hover{background:hsla(0,0%,100%,.15)}.cam-status--compact{color:#888;flex-direction:row;gap:5px;padding:4px}.cam-status--compact .cam-status__icon{font-size:.9rem}.cam-status--compact .cam-status__title{font-size:.72rem;font-weight:500}.webrtc-stats{align-items:flex-start;display:flex;flex-direction:column;gap:4px;pointer-events:none;position:absolute;z-index:5}.webrtc-stats-top-left{left:8px;top:8px}.webrtc-stats-top-right{align-items:flex-end;right:8px;top:8px}.webrtc-stats-badge{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.55);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:6px;line-height:1.4;padding:3px 8px;pointer-events:auto}.webrtc-stats-dot{background-color:#9e9e9e;border-radius:50%;flex-shrink:0;height:7px;width:7px}.webrtc-stats-good .webrtc-stats-dot{background-color:#3ddc84}.webrtc-stats-fair .webrtc-stats-dot{background-color:#ffc542}.webrtc-stats-poor .webrtc-stats-dot{background-color:#ff5c5c}.webrtc-stats-value{white-space:nowrap}.webrtc-stats-detail{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.75);border-radius:8px;color:#fff;font-size:11px;line-height:1.6;min-width:180px;padding:8px 10px;pointer-events:auto}.webrtc-stats-row{display:flex;gap:12px;justify-content:space-between}.webrtc-stats-row>span:last-child{font-weight:600;white-space:nowrap}.webrtc-stats-headline{border-bottom:1px solid hsla(0,0%,100%,.2);font-size:12px;margin-bottom:4px;padding-bottom:4px}.webrtc-stats-section{color:#9aa0a6;font-size:10px;letter-spacing:.04em;margin-top:6px}.webrtc-stats-text-good{color:#3ddc84}.webrtc-stats-text-fair{color:#ffc542}.webrtc-stats-text-poor{color:#ff5c5c}.table th{font-size:medium}.table td{font-size:small}.table-container{margin:0 auto!important}.table-scrollable{max-height:190px;overflow-y:auto}.table{border-collapse:collapse;margin-top:0;width:100%}.table thead th{background-color:#f2f2f2;font-weight:700;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:2}.table td,.table th{background-color:#fff;border:1px solid #ccc;text-align:center}.table-scrollable::-webkit-scrollbar{display:none}.table-scrollable{-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width:820px){.table-scrollable{max-height:190px;overflow-y:auto}}.navbar{background-color:#24292e;color:#fff;justify-content:space-between;left:0;padding-bottom:10px;padding-top:10px;position:fixed;top:0;width:100%;z-index:999}.nav-menu,.navbar{align-items:center;display:flex}.nav-menu{list-style:none;margin:0 0 0 1%;padding:0}.nav-item{margin-right:20px}.nav-link{background-color:#f1c40f;border-radius:4px;color:#000;padding:5px 10px;text-decoration:none}.nav-link:hover{background-color:#f5d76e;color:#fff}.nav-item-logo{color:#fff;padding:5px 10px;text-decoration:none}.modal-nav{background-color:#fff;border:1px solid #ccc;flex-direction:column;justify-content:center;left:50%;max-width:400px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60%}.modal-nav,.select-price-container{align-items:center;border-radius:5px;display:flex;padding:20px}.select-price-container{flex-direction:row}.price-btn{background-color:#f5f5f5;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:3px;padding:10px 15px}.price-btn:hover{background-color:#e0e0e0}.price-btn.selected{background-color:#ffeb3b;color:#000;font-weight:700}.btn-panel{justify-content:flex-end;margin-top:20px}.berger{display:none}.nav-status{font-size:17px}@media screen and (max-width:1010px){.nav-menu,.nav-menu-right{display:flex}.nav-menu{list-style:none;margin:0 0 0 1%;padding:0}.nav-item{font-size:14px;margin-right:2px}.nav-item-logo,.nav-link{padding:5px;text-decoration:none}.nav-status{font-size:10px}.modal-nav{align-items:center;display:flex;flex-direction:column;justify-content:center;width:80%}}@media screen and (max-width:500px){.nav-status{font-size:11px}.nav-item{font-size:10px;margin-right:2px}.price-btn{border:none;font-size:12px;margin:2px}}@media screen and (max-width:330px){.nav-item{font-size:xx-small}.nav-status{font-size:8px}}.container-claim{background-color:#ffffffae;margin:0 auto;max-width:1200px;padding:20px}h2.page-title{font-size:32px}h2.page-title,h3.page-title{color:#333;margin-bottom:20px}h3.page-title{font-size:18px}p.info{color:#333;margin:10px 20px}p.info,p.warn{font-size:16px;text-align:left}p.warn{color:#ff2828;margin:10px}li.info,li.warn{margin:10px 20px;text-align:left}li.warn{color:#ff2828}.my-card{margin-top:0!important}.modal{background-color:#fff;border:1px solid #ccc;border-radius:5px;left:50%;max-height:70vh;padding:20px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30%}.ReactModal__Overlay{z-index:999999}.options-container{background-color:#96969633;max-height:45vh;min-height:20vh;overflow-y:scroll;padding:5px}.options-panel{overflow-y:auto}.btn-panel,.options-panel{display:flex;font-size:24px;margin:10px;-webkit-user-select:none;user-select:none}.btn-panel{justify-content:center}.close-btn{margin:5px;-webkit-user-select:none;user-select:none}@media screen and (max-width:768px){.modal{width:70%}}.claim-history-table{word-wrap:break-word;border-collapse:collapse;table-layout:fixed;width:90%}.claim-history-table td,.claim-history-table th{border-bottom:1px solid #ddd;font-size:14px;padding:8px;white-space:normal;word-break:break-word}.claim-history-table th{font-weight:600}@media (max-width:768px){.claim-history-table td,.claim-history-table th,.status-text{font-size:10px;padding:6px 4px}}@media (max-width:480px){.claim-history-table td,.claim-history-table th,.status-text{font-size:8px;padding:3px 2px}}@media (max-width:395px){.claim-history-table td,.claim-history-table th,.status-text{font-size:7px;padding:3px 2px}}.payment-page{width:100%}.container-payment,.payment-page{align-items:center;display:flex;flex-direction:column}.container-payment{background-color:hsla(0,0%,100%,.811);border-radius:3%;height:100%;justify-content:center;margin:3%;padding:10px;width:70%}h3.payment{font-size:24px;margin:0}.payment-img{width:30%}.payment{width:100%}@media screen and (max-width:425px){.payment-img{width:80%}.container-payment{margin:15%}}footer{background-color:#24292e;color:#fff;padding:10px 0}.footer-content{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.footer-container{display:flex}.footer-logo{align-items:center;display:flex}.footer-logo img{height:50px;margin-left:10px;margin-right:10px;width:50px}.footer-links{text-align:center}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{display:inline;margin-right:20px}.footer-links a{color:#fff;font-weight:700;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#00bcd4}.footer-copyright{text-align:center}@media screen and (max-width:768px){.footer-logo{align-items:center;display:none;justify-content:center;text-align:center}.footer-links{flex-basis:100%;margin-top:10px;text-align:center}.footer-content{display:flex;flex-direction:row;justify-content:center}.p,footer{font-size:small!important}}.admin-button{background-color:#f1c40f;border-radius:4px;color:#000;font-size:medium;padding:5px 10px;text-decoration:none}.crud-modal-wrapper{height:100%;left:0;position:absolute;text-align:center;top:0;width:100%}.crud-modal-wrapper__background{background-color:rgba(0,0,0,.8);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.crud-modal-wrapper__modal{background-color:#fff;border-radius:5px;display:inline-block;margin:2rem auto 0;min-width:80%;position:relative;top:0;z-index:1001}.crud-modal-wrapper__title{border-bottom:1px solid #eaeaea;color:#444;font-size:1.3rem;padding:.8rem}.crud-modal-form{padding:1rem}.crud-modal-form__field-error{background-color:#c13a3a;border-radius:3px;color:#fff;margin-bottom:.5rem;margin-top:-.6rem;padding:.3rem .8rem;position:relative;text-align:left}.crud-modal-form__field-error:before{background-color:initial;border-bottom:6px solid #c13a3a;border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:block;height:0;position:absolute;top:-.3rem;width:0}.crud-modal-form__message{color:#555;font-size:1.1rem;padding:0 0 1.2rem;text-align:left}.crud-modal-form__error-message{background-color:#c13a3a;border-radius:3px;color:#fff;margin:0 1.5rem 1rem;padding:.8rem}.crud-modal-form button{font-size:1rem;height:45px;margin-top:.5rem;min-width:250px;width:50%}.crud-modal-form input,.crud-modal-form select,.crud-modal-form textarea{border:1px solid #ccc;border-radius:5px;height:40px;margin-bottom:1rem;margin-top:.5rem;min-width:250px;padding-left:.6rem;width:100%}.crud-modal-form textarea{height:auto;min-height:70px}.crud-modal-form__label{color:#555;display:block;font-weight:600;text-align:left}.crud-button{background-color:#555;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;margin:.2rem 0;min-height:1rem;min-width:100px;padding:.6rem 1rem}button.crud-button--close{font-weight:700;position:absolute;right:10px;top:10px}.crud-button--circular{border-radius:50%;line-height:2rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:0;width:2rem}.crud-button--primary{background-color:#388ee2}.crud-button--primary:hover{background-color:#2477c8;transition:all 1s}.crud-button--positive{background-color:#40c846;margin:.8rem 0}.crud-button--positive:hover{background-color:#33a538;transition:all 1s}.crud-button--negative{background-color:#ce2a2a}.crud-button--negative:hover{background-color:#9f2020;transition:all 1s}.crud-table{background-color:initial;border:1px solid rgba(52,145,238,.15);border-collapse:collapse;box-shadow:2px 2px 5px 0 #c7c7c7;font-size:.9rem}.crud-table__select{border:1px solid #ccc;border-radius:5px;height:30px;margin-bottom:1rem;margin-top:.5rem;min-width:150px;padding-left:.6rem}.crud-table__row{background:#fff}.crud-table__header-cell{background:hsla(207,5%,62%,.05);border-bottom:1px solid rgba(34,36,38,.1);border-left:1px solid rgba(34,36,38,.1);color:rgba(0,0,0,.85);cursor:pointer;padding:.5rem 1rem}.crud-table__row--sorter{display:none}.crud-table__body,.crud-table__cell{background-color:#fff}.crud-table__cell{border-bottom:1px solid rgba(4,21,37,.1);border-left:1px solid rgba(34,36,38,.1);padding:.5rem 1rem}.crud-table__cell-label{display:none}.crud-table__caption{background-color:#fff;box-shadow:2px 2px 10px 0 #c7c7c7;font-size:1.5rem;font-weight:600;margin:1rem 0;padding:.8rem;text-align:center}.crud-table-pagination{display:block;margin:auto}.crud-table-pagination:before{clear:both;content:"";display:block;margin-top:2rem}.crud-table-pagination__link,.crud-table-pagination__next,.crud-table-pagination__previous{background-color:#fff;border:1px solid #ddd;border-radius:2px;box-shadow:2px 2px 5px 0 #c7c7c7;color:#000;cursor:pointer;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s}.crud-table-pagination__link--active{background-color:#2084e4;border:1px solid #1a70c5;color:#fff}.crud-table-pagination__link:hover,.crud-table-pagination__next:hover,.crud-table-pagination__previous:hover{background-color:#3bbf5c;border-color:#28a93e;color:#fff}.crud-table-query-builder{background-color:#fff;border-radius:.2rem;box-shadow:2px 2px 10px 0 #c7c7c7;margin-bottom:1rem;padding:1rem}.crud-table-query-builder input,.crud-table-query-builder select{border:1px solid #ccc;border-radius:5px;height:30px;margin-bottom:1rem;margin-top:.5rem;min-width:150px;padding-left:.6rem}.crud-table-query-builder input[type=checkbox]{margin-left:15px;margin-right:15px;vertical-align:middle}.crud-label{background-color:#f9fafb;border:1px solid #e5e5e5;border-radius:.2rem;display:inline-block;font-size:.8rem;margin-bottom:.7rem;margin-right:.5rem;padding:.48rem 1rem}@media screen and (max-width:600px){.crud-table{border:none;border-radius:3px;box-shadow:none;display:block;margin-top:1rem;min-width:85vw;overflow:hidden}.crud-table-query-builder{border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 5px 10px 0 #c7c7c7}.crud-table__body,.crud-table__caption,.crud-table__cell,.crud-table__header,.crud-table__row{display:block;width:100%}.crud-table__caption{border-bottom:1px solid #e6e6e6;margin:0}.crud-table__row--fields{display:none}.crud-table__row--sorter{display:block;margin-bottom:20px}.crud-table__row--sorter .crud-table__select{width:100%}.crud-table__row--sorter .crud-table__header-cell{background-color:#fff}.crud-table__cell{border-bottom:0;border-left:0}.crud-table__cell:last-child{padding-bottom:2rem}.crud-table__row{border:1px solid #74787c26;box-shadow:2px 2px 5px 0 #c7c7c752}.crud-table__row:not(:last-child){margin-bottom:2rem}.crud-table__body{background:#f9f9f9}.crud-table__cell-label{background:hsla(204,4%,73%,.05);border-bottom:1px dashed #e6e6e6;display:block;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;padding:.5rem}.crud-table-query-builder .crud-button--add{border-radius:50%;display:block;font-size:1.6rem;line-height:3rem;margin:0 auto 2rem;min-width:50px;padding:0;width:3rem}.crud-table-query-builder input,.crud-table-query-builder select{margin-bottom:0;width:100%}}.crud-modal-form__field-container{text-align:left}
  /*!
   * https://github.com/YouCanBookMe/react-datetime
   */.rdt{position:relative}.rdtPicker{background:#fff;border:1px solid #f9f9f9;box-shadow:0 1px 3px rgba(0,0,0,.1);display:none;margin-top:1px;padding:4px;position:absolute;width:250px;z-index:99999!important}.rdtOpen .rdtPicker{display:block}.rdtStatic .rdtPicker{box-shadow:none;position:static}.rdtPicker .rdtTimeToggle{text-align:center}.rdtPicker table{margin:0;width:100%}.rdtPicker td,.rdtPicker th{height:28px;text-align:center}.rdtPicker td{cursor:pointer}.rdtPicker .rdtTimeToggle:hover,.rdtPicker td.rdtDay:hover,.rdtPicker td.rdtHour:hover,.rdtPicker td.rdtMinute:hover,.rdtPicker td.rdtSecond:hover{background:#eee;cursor:pointer}.rdtPicker td.rdtNew,.rdtPicker td.rdtOld{color:#999}.rdtPicker td.rdtToday{position:relative}.rdtPicker td.rdtToday:before{border-bottom:7px solid #428bca;border-left:7px solid transparent;border-top-color:rgba(0,0,0,.2);bottom:4px;content:"";display:inline-block;position:absolute;right:4px}.rdtPicker td.rdtActive,.rdtPicker td.rdtActive:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.rdtPicker td.rdtActive.rdtToday:before{border-bottom-color:#fff}.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker td span.rdtOld{color:#999}.rdtPicker td span.rdtDisabled,.rdtPicker td span.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker th{border-bottom:1px solid #f9f9f9}.rdtPicker .dow{border-bottom:none;width:14.2857%}.rdtPicker th.rdtSwitch{width:100px}.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev{font-size:21px;vertical-align:top}.rdtNext span,.rdtPrev span{-webkit-touch-callout:none;display:block;-webkit-user-select:none;user-select:none}.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker thead tr:first-child th{cursor:pointer}.rdtPicker thead tr:first-child th:hover{background:#eee}.rdtPicker tfoot{border-top:1px solid #f9f9f9}.rdtPicker button{background:none;border:none;cursor:pointer}.rdtPicker button:hover{background-color:#eee}.rdtPicker thead button{height:100%;width:100%}td.rdtMonth,td.rdtYear{cursor:pointer;height:50px;width:25%}td.rdtMonth:hover,td.rdtYear:hover{background:#eee}.rdtCounters{display:inline-block}.rdtCounters>div{float:left}.rdtCounter{height:100px;width:40px}.rdtCounterSeparator{line-height:100px}.rdtCounter .rdtBtn{-webkit-touch-callout:none;cursor:pointer;display:block;height:40%;line-height:40px;-webkit-user-select:none;user-select:none}.rdtCounter .rdtBtn:hover{background:#eee}.rdtCounter .rdtCount{font-size:1.2em;height:20%}.rdtMilli{padding-left:8px;vertical-align:middle;width:48px}.rdtMilli input{font-size:1.2em;margin-top:37px;width:100%}.table-container{background-color:#ffffffae;border-radius:3%;margin:90px auto;max-width:1200px;padding:3%;width:100%}.my-card{width:auto!important}.btn{color:#000!important;font-size:medium!important}.search-filters-wrapper{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:12px 15px}.search-filters-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.search-filters-title{color:#333;font-size:14px;font-weight:600}.search-filter-clear-btn{font-size:12px}.search-filters-container{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px}.search-filter-group{flex:1 1;min-width:120px}.search-filter-label{color:#555;display:block;font-size:12px;font-weight:500;margin-bottom:4px}@media screen and (max-width:992px){.search-filter-group{min-width:100px}}@media screen and (max-width:768px){.search-filters-wrapper{padding:10px 12px}.search-filters-header{margin-bottom:10px}.search-filters-title{font-size:13px}.search-filters-container{flex-wrap:wrap;gap:10px}.search-filter-group{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;min-width:calc(50% - 5px)}.search-filter-label{font-size:11px}}@media screen and (max-width:480px){.search-filters-wrapper{padding:8px 10px}.search-filters-container{gap:8px}.search-filter-group{flex:1 1 100%;min-width:100%}.search-filter-label{font-size:10px}}.pagination-wrapper{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:12px 15px}.pagination-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.pagination-title{color:#333;font-size:14px;font-weight:600}.pagination-info{color:#555;font-size:13px}.pagination-content{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.pagination-entries{align-items:center;color:#555;display:flex;font-size:13px;gap:8px}.pagination-select{width:70px}.pagination-nav{align-items:center;display:flex;gap:5px}.pagination-pages{align-items:center;display:flex;gap:3px}.pagination-page-btn{min-width:32px}.pagination-ellipsis{color:#555;padding:0 6px}.pagination-btn-short{display:none}@media screen and (max-width:992px){.pagination-entries,.pagination-info{font-size:12px}}@media screen and (max-width:768px){.pagination-wrapper{padding:10px 12px}.pagination-header{margin-bottom:10px}.pagination-title{font-size:13px}.pagination-content{align-items:stretch;flex-direction:column;gap:10px}.pagination-entries{font-size:12px}.pagination-entries,.pagination-nav{justify-content:center}.pagination-info{font-size:11px}.pagination-page-btn{font-size:12px;min-width:28px;padding:4px 6px}.pagination-btn{font-size:12px;padding:4px 8px}.pagination-btn-full{display:none}.pagination-btn-short{display:inline;font-weight:700}}@media screen and (max-width:480px){.pagination-wrapper{padding:8px 10px}.pagination-entries{font-size:11px;gap:5px}.pagination-select{width:60px}.pagination-info{font-size:10px}.pagination-page-btn{font-size:11px;min-width:26px;padding:3px 5px}.pagination-btn{font-size:11px;padding:3px 6px}.pagination-ellipsis{padding:0 4px}}.table-claim-responsive{margin-top:20px;width:90%}.table-claim-responsive,.table-claim-responsive-wrapper{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}table.claimRecord tr td{font-size:12px}@media screen and (max-width:768px){table.claimRecord th,table.claimRecord tr td{font-size:12px}}.status-filter-wrapper{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:12px 15px}.status-filter-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.status-filter-title{color:#333;font-size:14px;font-weight:600}.status-filter-content{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px}.status-filter-content .form-check{font-size:13px;margin-right:0}.status-filter-content .form-check-label{color:#555}@media screen and (max-width:768px){.status-filter-wrapper{padding:10px 12px}.status-filter-header{margin-bottom:10px}.status-filter-title{font-size:13px}.status-filter-content{gap:10px}.status-filter-content .form-check{font-size:12px}}@media screen and (max-width:480px){.status-filter-wrapper{padding:8px 10px}.status-filter-content{gap:8px}.status-filter-content .form-check{font-size:11px}}.crud-container{display:flex;flex-direction:column;width:100%}.crud-card{border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s}.col-12{display:flex;justify-content:center}.card-body{padding:20px}.create-title{margin:0}.my-card{margin-top:80px}.form-wrapper{display:flex;justify-content:center;padding-left:25px;padding-right:25px}table{border-collapse:collapse;margin-bottom:20px;margin-top:20px;width:100%}table,td,th{background-color:#fff;border:1px solid #ccc;font-size:16px}td,th{padding:10px;text-align:center}th{background-color:#f2f2f2;font-weight:700}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1c7430}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#b02a37}.img-thumbnail{max-height:100px;max-width:100px}.btn-create-prize{float:right;margin-bottom:10px}.table-responsive{margin-top:20px;width:90%}.table th{background-color:#f2f2f2;font-weight:700}.table td,.table th{text-align:center}.btn-edit{background-color:#28a745;color:#fff}.btn-edit:hover{background-color:#1c7430}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#b02a37}.product-image{max-height:100px;max-width:100px}.mt-2{margin-top:85px}.btn{background-color:#f1c40f;border-radius:4px;color:#fff;margin:10px;padding:5px;text-decoration:none}.crud-card-body{align-items:center;display:flex;justify-items:center;width:100%}.input_update{margin-bottom:auto!important}.container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.green_btn{background-color:#3bb19b;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:700;outline:none;padding:12px 0;width:180px}.vendor-machine-page{display:flex;flex-direction:column;width:100%}.my-card{min-width:400px}.code-submit:disabled{background-color:gray}@media screen and (max-width:768px){.my-card{min-width:70%}}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#f8f9fa;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);max-width:700px;padding:20px;position:relative;text-align:center;width:80%}.bonus-calendar{display:flex;flex-direction:column;gap:10px}.bonus-row{display:flex;justify-content:center}.bonus-day{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;font-size:medium;margin:5px;padding:5px;text-align:center;width:100px}.bonus-day.active{background-color:#d3f8d3}.bonus-day.claimed{background-color:#f1f1f1}.stamp{color:green;display:none;font-weight:700;margin-top:5px;opacity:0}.stamp.stamped{-webkit-animation:stampIn .5s ease forwards;animation:stampIn .5s ease forwards;display:block}@-webkit-keyframes stampIn{0%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes stampIn{0%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.claim-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;transition:background .3s}.claim-button:disabled{background-color:#ccc;cursor:not-allowed}.close-button{background:transparent;border:none;color:#333;cursor:pointer;font-size:18px;position:absolute;right:10px;top:10px}@media screen and (max-width:520px){.bonus-day{font-size:small;width:70px}.bonus-title{font-size:x-large}}@media screen and (max-width:359px){.bonus-day{font-size:x-small;width:50px}.bonus-title{font-size:large}}.monitor-page{background:#f4f4f4;min-height:100vh;padding:8px}.monitor-page.is-wall{background:#000;height:100vh;overflow:hidden;padding:0}.monitor-toolbar{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.15);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:8px}.monitor-page.is-wall .monitor-toolbar{left:8px;margin:0;opacity:.15;position:fixed;right:8px;top:8px;transition:opacity .2s;z-index:20}.monitor-page.is-wall .monitor-toolbar:hover{opacity:1}.monitor-btn{background:#fff;border:1px solid #ccc;border-radius:4px;color:#222;cursor:pointer;font-size:.82rem;padding:5px 12px;white-space:nowrap}.monitor-btn:hover{background:#f0f0f0}.monitor-btn.primary{background:#1565c0;border-color:#1565c0;color:#fff}.monitor-btn.primary:hover{background:#0d47a1}.monitor-btn.is-on{background:#e8f5e9;border-color:#00c853}.monitor-search{border:1px solid #ccc;border-radius:4px;font-size:.82rem;min-width:160px;padding:5px 10px}.monitor-hint{color:#777;font-size:.72rem;margin-left:auto}.monitor-status-table{-webkit-overflow-scrolling:touch;margin-bottom:12px;overflow-x:auto;width:100%}.monitor-status-table table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.15);font-size:.78rem;margin:0 auto;overflow:hidden}.monitor-status-table td,.monitor-status-table th{border:1px solid #ddd;padding:4px 10px;text-align:center;white-space:nowrap}.monitor-status-table th{background:#f0f0f0;font-weight:600}.monitor-status-table tbody tr:nth-child(2n) td{background:#fafafa}.monitor-wall{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(0,1fr));grid-template-columns:repeat(var(--cols,auto-fill),minmax(0,1fr))}.monitor-wall:not(.is-fullscreen){grid-template-columns:repeat(auto-fill,minmax(150px,190px));justify-content:center}.monitor-wall.is-fullscreen{align-content:center;background:#000;gap:3px;height:100vh;justify-content:center;overflow:hidden;padding:48px 8px 8px;position:relative}.monitor-cell{min-height:0;min-width:0}.monitor-tile>video:not(.monitor-tile__video){display:none!important}.monitor-overlay{align-items:center;background:rgba(0,0,0,.85);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50}.monitor-overlay__inner{display:flex;flex-direction:column;gap:10px;max-height:100%;max-width:100%}.monitor-overlay__head{align-items:center;color:#fff;display:flex;gap:16px;justify-content:space-between}.monitor-overlay__head h3{font-size:1rem;margin:0}.monitor-overlay__cams{display:flex;gap:10px;justify-content:center;min-height:0}.monitor-overlay__cams>.monitor-tile{aspect-ratio:3/4;height:calc(100vh - 90px);width:auto}@media (max-width:767px){.monitor-overlay__cams{flex-direction:column}.monitor-overlay__cams>.monitor-tile{height:auto;width:min(70vw,300px)}.monitor-hint{margin-left:0;width:100%}.monitor-wall:not(.is-fullscreen){grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.monitor-search{flex:1 1 100%;min-width:0}.monitor-status-table{max-height:45vh;overflow-x:visible;overflow-y:auto}.monitor-status-table table{background:transparent;box-shadow:none;display:block;overflow:visible;width:100%}.monitor-status-table thead{display:none}.monitor-status-table tbody{display:block}.monitor-status-table tbody tr{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.12);display:block;margin-bottom:8px;padding:4px 0}.monitor-status-table tbody td,.monitor-status-table tbody tr:nth-child(2n) td{align-items:baseline;background:transparent;border:none;display:flex;gap:10px;overflow-wrap:anywhere;padding:3px 10px;text-align:left;white-space:normal}.monitor-status-table tbody td:before{color:#777;content:attr(data-label);flex:0 0 5.5rem;font-size:.7rem;text-transform:uppercase}}.monitor-tile{aspect-ratio:3/4;background:#111;border-radius:6px;cursor:pointer;outline:1px solid #2a2a2a;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.monitor-tile.is-live{outline:2px solid #00c853}.monitor-tile__video{display:block;height:75%;left:50%;object-fit:cover;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);width:133.3333%}.monitor-tile__placeholder{align-items:center;background:#1c1c1c;color:#888;display:flex;font-size:.8rem;inset:0;justify-content:center;padding:4px;position:absolute;text-align:center}.monitor-tile__label{align-items:baseline;background:linear-gradient(transparent,rgba(0,0,0,.75));bottom:0;color:#fff;display:flex;font-size:.7rem;gap:6px;justify-content:space-between;left:0;line-height:1.3;padding:3px 6px;pointer-events:none;position:absolute;right:0}.monitor-tile__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-tile__cam{flex:none;font-size:.62rem;opacity:.65}.monitor-tile__live{background:#00c853;border-radius:3px;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:1px 5px;pointer-events:none;position:absolute;right:4px;top:4px}.monitor-wall.is-dense .monitor-tile__label,.monitor-wall.is-dense .monitor-tile__live{display:none}.success-message{padding:20px 0;text-align:center}.success-message p{margin:10px 0}.password-toggle-btn{background:none;border:none;color:#999;cursor:pointer;font-size:18px;padding:5px;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.password-toggle-btn:hover{color:#fff}