.custom-slider .ant-slider-rail{border-radius:10px;width:10px}:where(.css-dev-only-do-not-override-zmd3lp).ant-slider .ant-slider-handle:after{width:15px!important;height:15px!important;box-shadow:0 0 0 2px #11bed4!important}.custom-slider .ant-slider-track{border-radius:10px;width:10px;background-color:#11bed4!important}:where(.css-dev-only-do-not-override-zmd3lp).ant-slider .ant-slider-handle:after{left:-2px}.custom-slider .ant-slider-handle:after{left:-2px!important}.loading-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.spinner{border:4px solid #11bed4;border-top-color:#0000;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-text{color:#11bed4;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.ant-card-body:has(.layout-container){padding:0}.ant-card-body:has(.layout-container-mobile){padding:0}.ant-layout-sider-children:has(.sider-content){justify-content:center;align-items:center;display:flex}.layout-container{height:calc(100vh - 200px);max-height:calc(100vh - 200px)}.frame-counter-overlay{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1a1d23e6;border-radius:4px;margin-top:1em;padding:1px 10px;position:absolute;left:1em}.frame-counter-overlay h1{color:#fff;text-shadow:5px 5px 5px #2b303b;font-size:15px}.frame-counter-overlay-mobile{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1a1d23e6;border-radius:6px;padding:6px 12px;position:absolute;top:15px;left:15px}.frame-counter-overlay-mobile h1{color:#fff;text-shadow:5px 5px 5px #2b303b;margin:0;font-size:1em;font-weight:600}.content-main{justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.div-image-viewer{justify-content:center;width:100%;height:100%;display:flex;position:relative}.image-viewer{object-fit:contain;max-width:100%;max-height:100%}.div-loading-viewer{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sider-side-menu{background-color:#1a1d23;height:100%;overflow-y:auto;width:300px!important;min-width:300px!important;max-width:300px!important}.sider-content{flex-direction:column;padding:20px;display:flex;width:300px!important;min-width:300px!important;max-width:300px!important}.layout-container-mobile{flex-direction:column;height:calc(100vh - 120px);max-height:calc(100vh - 120px);display:flex}.content-main-mobile{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.sider-mobile{background-color:#1a1d23;border-top:1px solid #292e39;margin:auto;overflow-y:auto}.div-sequence-images-side-menu{text-align:center;margin:5em 0 1em}.div-sequence-images-side-menu>span{color:#fff;font-size:1.2em;font-weight:700}.div-total-frames{text-align:center;margin:1.2em 0}.div-total-frames>div{flex-direction:column;display:flex}.div-total-frames>div>span:first-child{color:#11bed4;font-size:2em;font-weight:700}.div-total-frames>div>span:last-child{color:#ccc}.hr-side-menu{border:1px solid #292e39;width:90%;height:1px;margin:0 auto}.div-control-button{flex-direction:column;flex:1;margin-top:30px;display:flex}.control-button{justify-content:space-around;align-items:center;margin-bottom:20px;display:flex}.div-fps{flex-direction:column;gap:10px;display:flex}.div-fps>div:first-child{justify-content:space-between;display:flex}.playSpeed{color:#11bed4}.min-and-max-fps{color:#ccc;justify-content:space-between;font-size:.9em;display:flex}@media (max-width:1080px){.layout-container-mobile{height:calc(100vh - 100px);max-height:calc(100vh - 100px)}.sider-mobile{max-height:45vh}.sider-content{padding:15px}.div-sequence-images-side-menu>span{font-size:1em}.div-total-frames>div>span:first-child{font-size:1.5em}.control-button{margin-bottom:15px}.div-control-button{margin-top:20px}}@media (max-width:480px){.layout-container-mobile{height:calc(100vh - 80px);max-height:calc(100vh - 80px)}.sider-mobile{justify-content:center;max-height:50vh;display:flex}.sider-content{padding:10px}}.div-control-button-mobile{flex-direction:column;gap:15px;display:flex}.control-button-mobile{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.fps-control-mobile{justify-content:center;align-items:center;gap:10px;padding:8px;display:flex}.fps-label{color:#ccc;white-space:nowrap;font-size:.9em}.fps-control-mobile .ant-select{background-color:#1a1d23}.fps-control-mobile .ant-select .ant-select-selector{color:#fff!important;background-color:#292e39!important;border-color:#11bed4!important;padding:4px 8px!important}.fps-control-mobile .ant-select .ant-select-selection-item{font-weight:500;color:#fff!important}.fps-control-mobile .ant-select .ant-select-arrow{color:#11bed4}.fps-control-mobile .ant-select:hover .ant-select-selector{border-color:#0ea5bd!important}.fps-control-mobile .ant-select-focused .ant-select-selector{border-color:#0ea5bd!important;box-shadow:0 0 0 2px #11bed433!important}.div-total-frames-mobile{background-color:#292e3980;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.div-total-frames-mobile .current-frame{color:#11bed4;font-size:1.4em;font-weight:700}.div-total-frames-mobile .total-frames{color:#ccc;font-size:1em}.ant-select-dropdown{background-color:#1a1d23!important;border:1px solid #292e39!important}.ant-select-dropdown .ant-select-item{color:#fff!important;background-color:#1a1d23!important;padding:8px 12px!important}.ant-select-dropdown .ant-select-item:hover{background-color:#292e39!important}.ant-select-dropdown .ant-select-item-option-selected{font-weight:500;color:#fff!important;background-color:#11bed4!important}.ant-select-dropdown .ant-select-item-option-selected:hover{background-color:#0ea5bd!important}@media (max-width:1080px){.sider-mobile{max-height:45vh;overflow-y:auto}.sider-mobile .sider-content{padding:15px}.control-button-mobile{gap:10px}.fps-control-mobile .ant-select{width:90px!important;min-width:90px!important}.div-total-frames-mobile .current-frame{font-size:1.2em}}@media (max-width:480px){.sider-mobile{max-height:40vh}.sider-mobile .sider-content{padding:10px}.control-button-mobile,.fps-control-mobile{gap:8px}.fps-control-mobile .ant-select{width:85px!important;min-width:85px!important}.fps-label{font-size:.8em}.div-control-button-mobile{gap:12px;margin-top:15px}}@media screen and (orientation:landscape) and (max-width:1080px){.layout-container-mobile{flex-direction:row}.slider-mobile{margin:auto!important}.sider-mobile .sider-content{padding:15px 0}}body,html{height:100%;margin:0;padding:0}#root{width:100%;height:100%}body.dark-theme,#root.dark-theme,#root.dark-theme .page-container,#root.dark-theme .layout-container,#root.dark-theme .login-container,#root.dark-theme .content-wrapper{color:#ffffffd9;background-color:#141414}#root.dark-theme .login-container{background-color:#393939}.grecaptcha-badge{display:none}.markdown-table table,.markdown-table th,.markdown-table td{border-collapse:collapse;border:1px solid #141414}#root.dark-theme .markdown-table table,#root.dark-theme .markdown-table th,#root.dark-theme .markdown-table td{border:1px solid #ffffffd9}.markdown-table th,.markdown-table td{padding:8px}#root.dark-theme ::-webkit-scrollbar{background:#1f1f1f;width:8px}#root.dark-theme ::-webkit-scrollbar-thumb{background:#434343;border-radius:4px}#root.dark-theme ::-webkit-scrollbar-thumb:hover{background:#595959}.loading-spin{z-index:10000!important}
/*# sourceMappingURL=index.6e4d3d16.css.map*/