body,html{-webkit-font-smoothing:antialiased;font-family:Jost,sans-serif}body{display:flex;flex-direction:column;height:100%}body .app-container{display:flex;flex:1 1 auto!important;flex-direction:column;min-height:100svh}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.btn-danger,.btn-dark,.btn-info,.btn-light,.btn-link,.btn-outline-danger,.btn-outline-dark,.btn-outline-info,.btn-outline-light,.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-warning,.btn-primary,.btn-secondary,.btn-success,.btn-warning{font-weight:600;transition:all .2s ease-in-out}.btn-primary{background-color:#007add;border-color:#007add;box-shadow:0 0 12px 0 #007add4d;color:#fff}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#0061ae;border-color:#0061ae;box-shadow:0 0 12px 0 #0061ae80}.btn-secondary{background-color:#95a5a6!important;border-color:#95a5a6!important;box-shadow:0 0 12px 0 #95a5a64d!important;color:#fff!important}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#7f8c8d!important;border-color:#7f8c8d!important;box-shadow:0 0 12px 0 #7f8c8d80!important}.btn-success{background-color:#18bc9c!important;border-color:#18bc9c!important;box-shadow:0 0 12px 0 #18bc9c4d!important;color:#fff!important}.btn-success:active,.btn-success:focus,.btn-success:hover{background-color:#14a085!important;border-color:#14a085!important;box-shadow:0 0 12px 0 #14a08580!important}.btn-info{background-color:#3498db!important;border-color:#3498db!important;box-shadow:0 0 12px 0 #3498db4d!important;color:#fff!important}.btn-info:active,.btn-info:focus,.btn-info:hover{background-color:#2c81ba!important;border-color:#2c81ba!important;box-shadow:0 0 12px 0 #2c81ba80!important}.btn-warning{background-color:#f39c12!important;border-color:#f39c12!important;box-shadow:0 0 12px 0 #f39c124d!important;color:#fff!important}.btn-warning:active,.btn-warning:focus,.btn-warning:hover{background-color:#cf850f!important;border-color:#cf850f!important;box-shadow:0 0 12px 0 #cf850f80!important}.btn-outline-warning{border-color:#f39c12!important;color:#f39c12!important}.btn-outline-warning:active,.btn-outline-warning:focus,.btn-outline-warning:hover{background-color:#f39c12!important;border-color:#f39c12!important;box-shadow:0 0 12px 0 #f39c1280!important;color:#fff!important}.btn-danger{background-color:#e74c3c!important;border-color:#e74c3c!important;box-shadow:0 0 12px 0 #e74c3c4d!important;color:#fff!important}.btn-danger:active,.btn-danger:focus,.btn-danger:hover{background-color:#c44133!important;border-color:#c44133!important;box-shadow:0 0 12px 0 #c4413380!important}.btn-outline-danger{border-color:#e74c3c!important;color:#e74c3c!important}.btn-outline-danger:active,.btn-outline-danger:focus,.btn-outline-danger:hover{background-color:#e74c3c!important;border-color:#e74c3c!important;box-shadow:0 0 12px 0 #e74c3c80!important;color:#fff!important}.btn-light{background-color:#ecf0f1!important;border-color:#ecf0f1!important;box-shadow:0 0 12px 0 #ecf0f14d!important}.btn-light:active,.btn-light:focus,.btn-light:hover{background-color:#c9cccd!important;border-color:#c9cccd!important;box-shadow:0 0 12px 0 #c9cccd80!important}.btn-icon svg{margin-right:6px}.form-label{font-weight:600}.alert{font-weight:500}.alert-primary{background-color:#fff;border:2px solid #007add;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;color:#0061ae}.alert-primary .btn-close{background:#0000 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat}.alert-success{background-color:#fff;border:2px solid #15a286;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;color:#128770}.alert-success .btn-close{background:#0000 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat}.alert-success:before{content:"";font-family:Font Awesome\ 5 Pro;font-weight:900;margin-right:10px}.alert-danger{background-color:#fff;border:2px solid #e74c3c;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;color:#c44133}.alert-danger .btn-close{background:#0000 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat}.alert-danger:before{content:"";font-family:Font Awesome\ 5 Pro;font-size:120%;font-weight:900;margin-right:10px;vertical-align:middle}.alert-warning{background-color:#fff;border:2px solid #e5920c;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;color:#c27c0a}.alert-warning:before{content:"";font-family:Font Awesome\ 5 Pro;font-weight:900;margin-right:10px}.alert-info{background-color:#fff;border:2px solid #3498db;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;color:#2c81ba}.alert-info .btn-close{background:#0000 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat}.alert-info:before{content:"";font-family:Font Awesome\ 5 Pro;font-weight:900;margin-right:12px}.app-loader{align-items:center;background-color:#ff5d8f;height:100svh;justify-content:center}.app-loader,.cokis-tanitim{display:flex;flex-direction:column}.cokis-tanitim{background-color:#df0047;min-height:100svh}.cokis-tanitim .video-wrapper{display:flex;flex-direction:column;height:calc(100svh - 160px)}.cokis-tanitim .statistics-wrapper{display:flex;flex-direction:column;height:160px}.video-container{display:flex;flex:1 1 auto;flex-direction:column;height:calc(100svh - 160px);position:relative;z-index:1}.video-container .cokis-video{height:100%;left:0;object-fit:cover;top:0;width:100%}.video-container .video-player{height:100%}.cokis-statistics{background-color:#df0047;display:flex;flex:1 1 auto;padding:20px;position:relative;z-index:2}.cokis-statistics .statistic-item{border-right:1px dashed #ffffff4d;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:0 20px}.cokis-statistics .statistic-item.datetime{min-width:240px!important;padding:0}.cokis-statistics .statistic-item.datetime .time{color:#fff;font-family:Ubuntu Mono,monospace;font-size:38px;font-weight:900;line-height:22px;text-align:center;text-transform:uppercase}.cokis-statistics .statistic-item .count{color:#fff;font-family:Ubuntu Mono,monospace;font-size:52px;font-weight:700;line-height:44px;text-align:center}.cokis-statistics .statistic-item .title{background-color:#fff;border-radius:999px;color:#df0047;font-size:24px;font-weight:700;padding:8px 16px;text-align:center;text-transform:uppercase}.cokis-statistics .statistic-item:last-child{border:0}