@charset "UTF-8";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,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}div#home-page{background-color:#121316;display:flex;height:100%;width:100%}aside.hls{display:block;height:100%;min-width:236px;position:relative;width:12%}div.home-main-content{display:block;height:100%;min-width:684px;width:100%}section.hls-button-section{display:block;height:320px;min-height:320px;padding:16px;width:calc(100% - 32px)}section.hls-button-section div.hls-button-wrapper{align-content:center;align-items:center;align-self:center;border-radius:8px;display:flex;height:36px;margin-bottom:4px;width:100%}section.hls-button-section div.hls-button-wrapper img{align-content:center;align-items:center;align-self:center;display:flex;height:16px;margin-left:8px;width:16px}section.hls-button-section div.hls-button-wrapper button{background-color:#0000;color:#a0a1a2;display:block;font-family:NanumSquare_acB,serif;height:36px;padding:10px;text-align:left;width:calc(100% - 16px)}section.hls-button-section div.hls-button-wrapper:hover{background-color:#1e1f22}section.hls-team-section{display:block;margin-top:56px;min-height:400px;z-index:1}section.hls-team-section h3{color:#a0a1a2;font-family:NanumSquare_acL,sans-serif;font-size:14px;font-weight:600;padding:0 0 12px 16px}section.hls-team-section button{align-content:center;align-items:center;align-self:center;background-color:#0000;border-radius:8px;color:#a0a1a2;display:flex;font-size:12px;height:36px;margin:8px 8px 8px 16px;padding:0;text-align:left;width:100%}section.hls-team-section button img{align-content:center;align-items:center;align-self:center;border-radius:50%;margin-right:8px}div.hls-sidebar-btn-selected,section.hls-team-section button:hover{background-color:#1e1f22}section.hls-feature-section{border-radius:8px;bottom:0;display:block;margin-top:auto;padding:16px;position:absolute;width:236px;z-index:0}section.hls-feature-section button{background-color:#0000;color:#a0a1a2;display:flex;height:36px;width:100%}section.hls-feature-section button img{border-radius:50%;padding-right:8px}section.hls-feature-section button:hover{background-color:#1e1f22}button.blue-button{background-color:#2589ff!important;color:#fff!important}button.blue-button:hover{background-color:#9dc2ff!important}div.center-header-button-section{display:flex;height:32px;width:68%}div.center-header-button-section>button{align-content:center;align-items:center;align-self:center;background-color:#353435!important;border-radius:20px;color:#a0a1a2;display:flex;height:32px;padding:0;text-align:center;width:95px}div.center-header-button-section>button>img{border-radius:50%;margin:0 4px}div.main-section{display:block;height:100%;width:100%}div.main-section div.main-section-subject-title{align-content:center;align-items:center;align-self:center;display:block;height:64px;margin:0;padding:0;width:100%}div.main-section div.main-section-subject-title div.header-content-wrapper{display:flex;height:32px;padding:24px 24px 8px;width:calc(100% - 48px)}div.main-section div.main-section-subject-title div.header-content-wrapper div.left-header-content-wrapper{display:flex}div.main-section div.main-section-subject-title div.header-content-wrapper div.left-header-content-wrapper h4{align-content:center;align-items:center;align-self:center;display:flex;font-family:NanumSquare_acL,sans-serif;font-size:14px;font-weight:600;height:32px;margin:0 16px 0 24px;padding:0;width:120px}div.main-section div.main-section-subject-title div.header-content-wrapper div.right-header-button-section{display:flex;margin:0 0 0 4px;position:absolute;right:24px}div.main-section div.main-section-subject-title div.header-content-wrapper div.right-header-button-section div.chbs-btn-wrapper{display:flex}div.main-section div.main-section-subject-title div.header-content-wrapper div.right-header-button-section div.chbs-btn-wrapper button{background-color:#292a2d;color:#a0a1a2;display:flex;height:32px;justify-content:space-evenly;margin:4px 8px;padding:0;position:relative;width:110px}div.main-section div.main-section-subject-title div.header-content-wrapper div.right-header-button-section div.chbs-btn-wrapper button img{border-radius:50%;padding:0}div.main-section div.main-section-subject-title div.header-content-wrapper div.right-header-button-section div.chbs-btn-wrapper button:hover{background-color:#2589ff;color:#fff}div.main-section div.option-section{display:block;width:100%}div.main-section div.option-section div.option-section-wrapper{border:1px solid #242737;border-radius:16px;display:flex;margin:24px;width:calc(100% - 48px)}div.main-section div.option-section div.option-section-wrapper div.osw-left-wrapper{display:block;min-width:800px;padding:56px 0 56px 56px;width:84%}div.main-section div.option-section div.option-section-wrapper div.osw-left-wrapper h3{color:#d0d0d0;display:flex;font-family:NanumSquare_acL,sans-serif;font-size:24px;font-weight:600;margin:0;padding-bottom:4px;width:100%}div.main-section div.option-section div.option-section-wrapper div.osw-left-wrapper p{color:#b1b1b1;display:flex;font-family:NanumSquare_acL,sans-serif;font-size:14px;margin:0;width:100%}div.main-section div.option-section div.option-section-wrapper div.osw-left-wrapper div.osw-selection-btn{display:flex;margin-top:20px;padding:0;width:100%}div.main-section div.option-section div.option-section-wrapper div.osw-left-wrapper div.osw-selection-btn button{background-color:#141518;border:1px solid #242737;border-radius:16px;color:#a0a1a2;display:flex;font-size:14px;height:80px;margin:0 1em 0 0;width:256px}div.main-section div.option-section div.option-section-wrapper div.osw-left-wrapper div.osw-selection-btn button img{background-color:#3c404b;border-radius:8px;display:flex;height:16px;margin-left:24px;margin-right:12px;padding:8px;width:16px}div.main-section div.option-section div.option-section-wrapper div.osw-left-wrapper div.osw-selection-btn button:hover{background-color:#1e1f22}div.main-section div.option-section div.option-section-wrapper img.osw-right-img{display:flex;min-width:679px;width:16%}div.main-section div.option-section .osw-left-wrapper-grid{display:flex;overflow-x:auto;padding:16px 24px}div.main-section div.option-section .osw-left-wrapper-grid .osw-file-card{align-content:center;align-items:center;display:block;height:264px;margin-right:3em;width:308px}div.main-section div.option-section .osw-left-wrapper-grid .osw-file-card>img{border:1px solid #0f0f0f00;border-radius:16px;display:flex;height:196px;width:308px}div.main-section div.option-section .osw-left-wrapper-grid .osw-file-card>img:hover{border:1px solid #4459ff;border-radius:16px;cursor:pointer}div.main-section div.option-section .osw-left-wrapper-grid .osw-file-card .osw-file-text-section{align-content:center;align-items:center;align-self:center;display:block;height:60px;margin-top:4px;width:308px}div.main-section div.option-section .osw-left-wrapper-grid .osw-file-card .osw-file-text-section h3{color:#d0d0d0;font-family:NanumSquare_acL,sans-serif;font-size:12px;text-align:left}div.main-section div.option-section .osw-left-wrapper-grid .osw-file-card .osw-file-text-section p{color:#858b9a;font-size:11px;text-align:left}div.main-section div.exploration-section{display:block;margin-top:40px;min-width:800px;padding-left:24px;width:84%}div.main-section div.exploration-section div.es-button-card-wrapper{display:flex}div.file-section div.main-section-subject-title div.header-content-wrapper div.right-header-button-section{align-content:center;align-items:center;align-self:center;display:flex}div.file-section div.main-section-subject-title div.header-content-wrapper div.right-header-button-section img{background-color:#292a2d;border-radius:8px;margin:4px;padding:8px}div.file-section div.main-section-subject-title div.header-content-wrapper div.right-header-button-section input{display:flex;height:32px;width:256px}div.file-section .file-content .osw-left-wrapper-grid{display:grid;grid-auto-flow:row;grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto;overflow-x:auto;padding:16px 24px}div.file-section .file-content .osw-left-wrapper-grid .osw-file-card{align-content:center;align-items:center;display:block;height:264px;width:308px}div.file-section .file-content .osw-left-wrapper-grid .osw-file-card>img{border:1px solid #0f0f0f00;border-radius:16px;display:flex;height:196px;width:308px}div.file-section .file-content .osw-left-wrapper-grid .osw-file-card>img:hover{border:1px solid #4459ff;border-radius:16px;cursor:pointer}div.file-section .file-content .osw-left-wrapper-grid .osw-file-card .osw-file-text-section{align-content:center;align-items:center;align-self:center;display:block;height:60px;margin-top:4px;width:308px}div.file-section .file-content .osw-left-wrapper-grid .osw-file-card .osw-file-text-section h3{color:#d0d0d0;font-family:NanumSquare_acL,sans-serif;font-size:12px;text-align:left}div.file-section .file-content .osw-left-wrapper-grid .osw-file-card .osw-file-text-section p{color:#858b9a;font-size:11px;text-align:left}div.file-section div.fsms-empty-content{align-items:center;display:flex;flex-direction:column;height:calc(85% - 64px);justify-content:center;margin:0 auto;width:100%}div.file-section div.fsms-empty-content div.fsms-text-wrapper{align-content:center;align-items:center;align-self:center;display:block;height:96px;text-align:center;width:100%}div.file-section div.fsms-empty-content div.fsms-text-wrapper h3{display:block;font-size:14px;font-weight:600;text-align:center;width:100%}div.file-section div.fsms-empty-content div.fsms-text-wrapper p{display:block;font-size:12px;font-weight:500}div.file-section div.fsms-empty-content div.fsms-button-wrapper{align-content:center;align-items:center;align-self:center;display:flex;justify-content:center;margin:0 auto;width:100%}div.file-section div.fsms-empty-content div.fsms-button-wrapper button{align-content:center;align-items:center;align-self:center;background-color:#202124;border-radius:24px;color:#d0d0d0;display:flex;font-size:14px;height:96px;justify-content:center;margin:0 8px;padding:0;text-align:center;width:236px}div.file-section div.fsms-empty-content div.fsms-button-wrapper button img{display:flex;height:16px;margin-right:4px;width:16px}div.file-section div.fsms-empty-content div.fsms-help-wrapper{background-color:#202124;border-radius:16px;display:flex;height:128px;justify-content:center;margin:24px auto 0;padding:18px;width:702px}div.file-section div.fsms-empty-content div.fsms-help-wrapper div.helper-div{height:116px;margin:0 8px;padding:0;width:160px}div.file-section div.fsms-empty-content div.fsms-help-wrapper div.helper-div img{height:92px;margin:0;width:160px}div.file-section div.fsms-empty-content div.fsms-help-wrapper div.helper-div p{color:#7b7b7b;font-size:12px;text-align:left;text-indent:1em}div.archive-section div.main-section-subject-title div.right-header-button-section{display:flex}div.archive-section div.main-section-subject-title div.right-header-button-section img{background-color:#292a2d;border-radius:8px;height:16px;margin-right:1em;object-fit:cover;padding:8px;width:16px}div.archive-section div.main-section-subject-title div.right-header-button-section input{display:flex;height:32px;width:256px}div.archive-section div.main-section-subject-title div.empty-content{display:block}div.archive-section div.empty-content{display:flex;height:calc(100% - 64px);width:100%}div.archive-section div.empty-content div.notice-section{align-content:center;align-items:center;align-self:center;display:block;height:428px;text-align:center;width:100%}div.archive-section div.empty-content div.notice-section img{border-radius:8px;height:40px;width:40px}div.archive-section div.empty-content div.notice-section h3{display:block;font-family:NanumSquare_acL,sans-serif;font-size:14px;margin:1em 0;padding:0;text-align:center;width:100%}div.archive-section div.empty-content div.notice-section p{font-family:NanumSquare_acL,sans-serif;font-size:12px}div.client-update-section{height:100%}section.user-profile-section{align-content:center;align-items:center;align-self:center;border-radius:8px;cursor:default;display:inline-flex;height:44px;margin:16px 4px 0;min-height:44px;min-width:200px;padding-left:4px;position:relative;width:calc(100% - 36px);& .profile-button-area{display:flex;width:100%;& div.guest-profile{align-content:center;background-color:#1d5d90;display:block;font-size:12px;font-weight:700;text-align:center}& div.guest-profile,& img{border-radius:50%;height:32px;position:relative;width:32px}& img{display:flex;object-fit:cover;object-position:center}}& .profile-button-area:hover>div.profile-button-area{cursor:pointer}& div.user-profile-text-area{align-content:center;align-items:center;display:block;height:32px;margin-left:4px;padding-left:4px;position:relative;text-align:left;width:calc(100% - 52px);& h5{font-size:12px}& h5,& p{display:flex;font-family:NanumSquare_acL,sans-serif;margin:0}& p{color:#a0a1a2;font-size:10px}}}div.profile-button-area :hover{cursor:pointer!important}section.user-profile-section>div.drop-modal{background-color:#1e1f22;border-radius:8px;display:block;left:0;margin:0;min-height:120px;padding:0;position:absolute;top:3em;width:100%;z-index:3;& p{align-content:center;align-items:center;align-self:center;border-radius:8px;display:block;font-size:12px;height:32px;margin:16px;text-align:center;width:172px}& button{background-color:#0000;color:#a0a1a2;display:flex;height:32px;margin:8px 16px;width:calc(100% - 32px);& img{border-radius:50%;padding-right:4px}}& button.profile-view-btn{background-color:#2b2c30;color:#a0a1a2;display:flex;justify-content:center;transition-duration:.3s}& button.profile-view-btn:hover,& button:hover{background-color:#46484e!important;transition-duration:.3s}& h3{color:#a0a1a2;font-family:NanumSquare_acL,sans-serif;font-size:11px;font-weight:500;margin:6px auto;padding:10px 12px;width:calc(100% - 42px)}}div.drop-modal>div.organization-section{display:block;margin:0;padding:0;& button{color:#a0a1a2;display:flex;height:32px;margin:8px;width:calc(100% - 32px);&img{margin-right:7px}}}div.vs-popup-window{animation:none!important;background-color:#191a1d;border-radius:16px;box-shadow:0 4px 10px #0000004d;display:block;height:176px;left:calc(50vw - 180px);position:fixed;top:calc(50vh - 88px);transition:none!important;width:360px;z-index:20;& button.pop-up-close-btn{background:none;display:flex;font-size:22px;height:15px!important;position:absolute;right:15px;top:15px;transition:none!important;width:15px!important}& button.pop-up-close-btn:hover{background-color:#ffffff1a}& div.vs-popup-window-text-section{align-items:center;display:block;gap:8px;height:100px;margin-top:24px;width:100%;& img{display:flex;height:30px;left:10%;position:absolute;top:calc(50% - 40px);width:30px}& h2{align-content:center;align-items:center;align-self:center;color:#d0d0d0;display:flex;font-size:14px;height:24px;justify-content:center;margin:0;width:calc(100% - 36px);& img{height:20px;margin-right:1em;width:20px}}& h2,& p{font-family:NanumSquare_acL,sans-serif;padding:4px 16px}& p{color:#8c92a4;font-size:13px;margin:0 auto;width:50%}}}div.vs-popup-window-button-section>div.vs-popup-window-button-wrapper{display:flex;justify-content:center;margin:0;width:100%;& button.cancel-window-button{background-color:#202124;color:#6a6b6d;display:block;height:32px;margin-right:8px;text-align:center;transition:none!important;width:156px}& button.cancel-window-button:hover{background-color:#a8a8a8}& button.confirm-window-button{background-color:#007bff;color:#fff;display:block;height:32px;text-align:center;transition:none!important;width:156px}& button.confirm-window-button:hover{background-color:#a8a8a8;color:#6a6b6d}& button.ok-window-button{background-color:#202124;color:#fff;display:block;height:32px;text-align:center;transition:none!important;width:156px}& button.ok-window-button:hover{background-color:#a8a8a8;color:#6a6b6d}}div#login_modal{border:1px solid #6c757d;border-radius:34px;font-family:NanumSquare_acL,serif;height:800px;left:calc(50% - 300px);margin:0;padding:0;position:fixed;text-align:center;top:calc(50% - 400px);width:600px;& form{display:flex;height:100%;position:relative;z-index:2;& div.login-input_panel{border-radius:20px;color:#f0f8ff;display:block;font-family:NanumSquare_acR,serif;height:100%;margin:0 auto;position:relative;width:100%;& h2{font-family:NanumSquare_acB,serif;padding:1em 0}& div.input_form{align-content:center;align-items:center;display:block;height:200px;min-height:120px}& div.button_section{bottom:2em;display:block;margin:0 auto;position:absolute;width:100%;& button.login_page_btn,button.register-page-btn{display:block;height:24px;margin:1em auto;position:relative;width:120px}}}}}div.button_section{bottom:2em;display:block;height:150px;margin:0 auto;position:absolute;width:100%}label.login_label{display:flex;font-size:12px;height:30px;justify-content:center;line-height:26px;margin:1em auto 10px;text-align:right;width:400px}label h3{display:flex;font-family:NanumSquare_acL,sans-serif;justify-content:left!important;text-align:left!important}div.button_section button#submit_login_btn~label{display:block;margin-top:3em}div.loading-popup{bottom:100px;display:flex;height:30px;left:calc(50% - 135px);position:fixed;width:220px;z-index:20;div.loading-overlay{align-content:center;align-items:center;display:flex;font-family:NanumSquare_acL,serif;height:100%;justify-content:center;left:0;top:0;width:100%;z-index:10;div.spinner{animation:spin .4s linear infinite;border:4px solid #0000001a;border-left-color:#2176ffa8;border-radius:50%;display:flex;height:25px;margin:auto;min-height:25px;min-width:25px;position:absolute;width:25px;z-index:100}div.loading-check{height:15px;margin:0 auto;min-height:15px;min-width:15px;overflow:hidden;position:relative;width:15px;& .cover-layer{animation:slideCover 1s ease-in-out forwards;background-color:#1e1f22;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}& img{height:15px;object-fit:contain;width:15px}}}}div.spinner-info-wrapper{align-content:center;display:block;height:100%;padding:16px;width:calc(100% - 30px);& p{font-size:12px;height:15px;margin:0 0 4px}& div.pop-up-progress,& p{text-align:center;width:100%}& div.pop-up-progress{background-color:#191a1d;border-radius:16px;display:flex;height:10px;position:relative;z-index:4;& div.pop-up-progress-bar{background-color:#2176ff;border-radius:16px;display:flex;font-size:10px;height:100%;position:absolute;transition:width .5s ease-in-out;z-index:4}& p.percent-text{color:#fff;display:block;font-size:10px;position:absolute;z-index:5}}}@keyframes slideCover{0%{transform:translateX(0)}to{transform:translateX(100%)}}div#background-register{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:opacity(1) blur(4px) sepia(0) grayscale(0);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}div#register_page{font-family:NanumSquare_acL,serif;height:100vh;position:fixed;text-align:center;width:100%;& form{height:50%;margin:0 auto;opacity:.9;position:relative;z-index:2;& div.register-input_panel{background-color:#040404;border-radius:20px;color:#f0f8ff;display:block;font-family:NanumSquare_acR,serif;margin:0 auto;min-height:750px;position:relative;top:calc(100% - 375px);width:650px;& h2{font-family:NanumSquare_acB,serif;padding:1em 0}& div#register_form{display:block;height:50%;margin:1em auto;position:relative;& label.login_label{display:flex;font-family:NanumSquare_acL,serif;font-size:12px;height:30px;justify-content:center;line-height:26px;margin:1em auto 10px;text-align:right;width:400px}}& div.button_section{bottom:2em;display:block;margin:0 auto;position:absolute;width:100%;& button#submit_register_btn,button.login_page_btn{display:block;height:24px;margin:1em auto;position:relative;width:120px;& label{display:block;margin-top:3em}}}}}}label h3{height:30px;justify-content:center;margin:0;text-align:left;width:200px}input.login_input{display:flex;margin-left:4em;width:200px}div.button_section button#submit_register_btn~label{display:block;margin-top:3em}div.img-preview-button-card{border:1px solid #242737!important;border-radius:16px!important;display:block;height:100%;margin-right:24px;padding:24px;transform:scale(1);transition:transform .3s ease-in-out;width:100%}div.img-preview-button-card:hover{background-color:#1e1f22;border:1px solid #4459ff!important}div.img-preview-button-card:focus{background-color:#1e1f22}div.img-preview-button-card .image-frame{align-content:center;align-items:center;align-self:center;border-radius:8px!important;display:block;height:100%;overflow:hidden;width:100%}div.img-preview-button-card>.image-frame>img{display:flex;height:100%;transform:scale(1.02);transition:transform .3s ease-in-out;width:100%}div.img-preview-button-card:hover>.image-frame>img{transform:scale(1.1);transition:transform .3s ease-in-out}div.ipbc-text-section{align-content:center;align-items:center;align-self:center;height:40px;margin:8px;padding:12px;width:368px;& h3{color:#d0d0d0}& h3,& p{align-content:center;align-items:center;align-self:center;font-family:NanumSquare_acL,sans-serif;font-size:12px;text-align:left}& p{color:#858b9a}}div#create-new-space-modal{border-radius:16px;display:block;height:632px;left:calc(50% - 380px);top:25%;width:760px}div#create-new-space-modal div.modal-content{background-color:#191a1d;border-radius:16px!important}div#create-new-space-modal div.modal-content div.modal-body{background-color:#191a1d;display:block;height:calc(100% - 40px);margin:0}div#create-new-space-modal div.modal-content div.modal-body>h2{align-content:center;align-items:center;align-self:center;display:flex;font-family:NanumSquare_acL,sans-serif;font-size:16px;height:24px;justify-content:center;margin:16px 0;padding:0;text-align:center;width:100%}div#create-new-space-modal div.modal-content div.modal-body>h2>img{height:16px;margin-left:4px;width:16px}div#create-new-space-modal div.modal-content div.modal-body div.general-space-selection-grid-first-row{grid-gap:16px;display:grid;gap:16px;grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;height:104px;margin:16px 32px}div#create-new-space-modal div.modal-content div.modal-body div.general-space-selection-grid-second-row{grid-gap:16px;display:grid;gap:16px;grid-auto-flow:row;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;height:104px;margin:22px 32px}div.generate-space-select-btn-wrapper{background-color:#202124;border:1px solid #3c3f4700;border-radius:16px;display:block;height:82px;padding:14px;transition-duration:.3s;width:auto}div.generate-space-select-btn-wrapper img{background-color:#27282b;border-radius:8px;height:16px;padding:8px;width:16px}div.generate-space-select-btn-wrapper h2{align-content:center;align-items:center;align-self:center;color:#d2d3d3;display:flex;font-family:NanumSquare_acL,sans-serif;font-size:13px;height:auto;justify-content:center;margin:4px 0;padding:0;position:relative;width:100%}div.generate-space-select-btn-wrapper h2 img{align-content:center;align-items:center;align-self:center;display:none;height:10px;margin:0 0 0 2px;padding:0;position:relative;width:10px}div.generate-space-select-btn-wrapper p{color:#a6a6a7;display:block;font-family:NanumSquare_acL,sans-serif;font-size:12px;margin:0;padding:0;width:100%}div.generate-space-select-btn-wrapper:hover{border:1px solid #4459ff!important;cursor:pointer;transition-duration:.3s}div.generate-space-select-btn-wrapper:hover h2 img{display:revert}div.generate-space-select-btn-wrapper:hover *{cursor:pointer}div.detailed-space-selection-grid{grid-gap:8px;display:grid;gap:8px;grid-auto-flow:column;grid-auto-rows:auto;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));padding:0 24px}div.detailed-space-selection-grid div.generate-space-select-btn-wrapper{height:65px;margin:0;padding:8px 0;width:auto}div.detailed-space-selection-grid div.generate-space-select-btn-wrapper h2{color:#d2d3d3;font-size:11px;width:100%}div.generate-space-selection-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:0 32px;transition:all .3s ease-in-out}div.generate-space-selection-grid button{background-color:#202124;border:1px solid #1e1f22!important;display:block;height:104px;transition:all .3s ease-in-out;width:340px}div.generate-space-selection-grid button img{background-color:#27282b;border-radius:8px;padding:8px}div.generate-space-selection-grid button .gssg-text-wrapper{align-content:center;align-items:center;align-self:center;display:flex;justify-content:center;margin-top:8px}div.generate-space-selection-grid button .gssg-text-wrapper p{color:#d2d3d3;font-size:14px;margin:0;padding:0}div.generate-space-selection-grid button .gssg-text-wrapper p.highlight{background-color:#915eff;border-radius:16px;color:#fff;margin-left:4px;padding:4px 12px}div.generate-space-selection-grid button:hover{border:1px solid #4459ff!important;cursor:pointer}div.generate-space-selection-grid>button:hover *{cursor:pointer}.loading-popup,.notification-popup{align-items:center;background-color:#202125;border-radius:16px;bottom:20px;box-shadow:0 4px 12px #0003;color:#b1b1b1;display:flex;height:30px;left:calc(50% - 135px);opacity:0;padding:16px;pointer-events:none;position:fixed;width:220px;z-index:10;&.show{animation:fadeIn .5s ease-in forwards;pointer-events:all}&.hide{animation:fadeOut 2.5s ease-out forwards;pointer-events:none}& div.content-wrapper{align-content:center;align-items:center;align-self:center;display:flex;width:100%;img{align-content:center;align-items:center;align-self:center;display:block;height:20px;margin:4px;width:20px}p{word-wrap:break-word;font-size:14px;font-weight:500;margin:0 0 0 1em;text-align:center;text-overflow:ellipsis;white-space:pre-wrap;width:calc(100% - 55px)}}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.dropdown-option{border-radius:8px;font-family:Arial,sans-serif;margin-right:1em;position:relative;width:200px}.dropdown-option .dropdown-header{align-items:center;background-color:#292a2d;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:all .3s ease}.dropdown-option .dropdown-header:hover{background-color:#3c404b}.dropdown-option .dropdown-header.open{background-color:#3c3f47}.dropdown-option .dropdown-header .dropdown-icon{font-size:12px;transition:transform .2s ease}.dropdown-option .dropdown-header.open .dropdown-icon{transform:rotate(-180deg)}.dropdown-option .dropdown-list{background-color:#292a2d;border-radius:8px;left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:calc(100% + 8px);width:100%;z-index:1000}.dropdown-option .dropdown-list .dropdown-item{color:#b1b1b1;cursor:pointer;padding:8px 12px;transition:all .3s ease}.dropdown-option .dropdown-list .dropdown-item:hover{background-color:#3c404b;color:#fff}.dropdown-option .dropdown-list .dropdown-item.selected{background-color:#4c4f5a;color:#fff;font-weight:700}div#client-download-component{align-content:center;align-items:center;align-self:center;display:flex;height:95%;justify-content:center;width:100%}div#client-download-modal-content{align-content:center;align-self:center;background-color:#191a1d;border-radius:16px;display:block;height:900px;min-height:900px;min-width:650px;position:relative;width:650px}div.spinner{animation:spin .4s linear infinite;border:4px solid #0000001a;border-left-color:#2176ffa8;border-radius:50%;display:flex;height:35px;margin:auto;min-height:25px;min-width:25px;position:absolute;width:35px;z-index:100}div#client-download-modal-content h2{color:#d0d0d0;font-size:24px;margin-top:2em}div.user-interaction-section{display:block;height:auto;margin:2em auto;width:80%}div.license-input-section{display:block;margin:1em auto;position:relative;width:100%;& label{color:#d0d0d0;display:block;font-family:NanumSquare_acL,sans-serif;font-size:14px;font-weight:600;text-align:left;width:100%}}div.license-input-section>.input-section{display:flex;margin:2em 0;& input{border:1px solid #3330;color:#fff;display:flex;font-size:14px;height:18px;margin:0 auto;min-width:350px;padding:5px;width:80%}& button,& input{border-radius:12px}& button{align-content:center;align-items:center;align-self:center;color:#d0d0d0;display:block;height:30px;margin:0 0 0 6%;padding:2px 4px;text-align:center;width:200px}}div.license-detail-panel{display:block;font-family:NanumSquare_acL,sans-serif;margin-top:2em;width:100%;& div.expiration-label-section{align-content:center;align-items:center;align-self:center;display:flex;height:16px;margin:5px auto;width:100%;& label{font-weight:600;width:30%}& label,& p{display:flex}& p{flex-direction:row-reverse;text-align:right;width:70%}}}div.package-type-selection-section{align-content:center;align-items:center;align-self:center;display:flex;height:30px;margin-top:2em;width:100%;& label{font-size:14px;font-weight:600;text-align:left;width:60%}& select{align-content:center;align-items:center;align-self:center;height:24px;margin-left:25%;padding:0 1em;width:15%;& option{border-radius:22px}& option:hover{background-color:#007bff}}}div.package-file-list-section{display:block;margin:1em auto;width:100%;& h2{font-size:14px!important;font-weight:600!important;margin:0 auto 1em!important;text-align:left}}div.progress-bar-section{align-content:center;align-items:center;align-self:center;display:flex;min-height:45px;width:100%;& button{align-content:center;align-items:center;align-self:center;display:block;height:20px;margin:0 0 0 1em;padding:0;right:70px;text-align:center;width:80px}& .progressContainer{border:1px solid #222;border-radius:12px;height:20px;margin-left:0;width:calc(100% - 80px);& .actualBar{align-content:center;align-items:center;align-self:center;display:flex;text-align:center;& .progress-bar-percentage{display:flex}& .progress-bar-message{display:flex;margin-left:1em}}}}button.downloading-btn{background-color:#5b5b5b}.table-row-clickable:hover td{background-color:#222;border-radius:0;cursor:pointer}.highlighted-row{background-color:#007bff;color:#f8f8fa}table{border:1px solid #222;border-collapse:initial;border-radius:18px;border-spacing:0;width:100%}tr.table-header{border:1px solid #222;border-radius:18px 18px 0 0;height:30px}tr.table-header th{background-color:#222;border:1px solid #222;color:#f8f8fa;font-family:NanumSquare_acL,sans-serif;font-weight:700;padding:8px;text-align:center}tr.table-header th:first-child{border-top-left-radius:16px}tr.table-header th:last-child{border-top-right-radius:16px}tbody tr:last-child td:first-child{border-bottom-left-radius:16px}tbody tr:last-child td:last-child{border-bottom-right-radius:16px}tr.table-row-clickable td{border:1px solid #222;font-family:NanumSquare_acL,sans-serif;font-size:13px;height:16px;padding:5px}tr.empty-row td{border:none}th{background-color:#222;border:1px solid #222;color:#f8f8fa;font-weight:700;padding:8px;text-align:center}.progressContainer{align-content:center;align-items:center;align-self:center;background-color:#0d0d0d;border-radius:4px;font-family:NanumSquare_acL,serif;height:12px;margin-left:12px;overflow:hidden;position:relative;width:135px;& .actualBar{background-color:#2176ff;color:#fff;font-size:10px;height:18px;padding:1px 0 0 1em;text-align:left;transition:width 1s ease-in-out;white-space:nowrap}}.not-found-container{align-items:center;background-color:#f8f9fa;display:flex;height:100vh;justify-content:center}.not-found-content{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:20px;text-align:center;width:100%}.not-found-title{color:#343a40;font-size:72px;margin-bottom:20px}.not-found-text{color:#6c757d;font-size:18px;margin-bottom:20px}.not-found-link{text-decoration:none}div#page-not-found{background-color:#080808;color:#fff;display:block;font-family:NanumSquare_acR,serif;height:90%;margin:0;overflow:hidden;padding:5% 0 0;text-align:center;width:100%}img#vision-space-logo{display:flex;filter:invert(1);height:50px;margin:0 auto;&:hover{cursor:pointer}}#info-section img,#page-not-found-logo{filter:invert(1) hue-rotate(20deg)}.main-navbar{align-items:center;background-color:#040404;display:flex;height:20px;margin:0 auto;overflow:hidden;padding:10px 0;width:100%;z-index:3!important;& .language-switcher{align-items:center;display:flex;height:100%;width:60px;& select.language-dropdown{align-items:center;border-radius:8px;height:20px;padding:0;text-align:center;width:60px;& option{height:10px}}}& .main-left-nav-section{display:flex;height:100%;margin:0;min-width:200px;width:12%;& a{align-content:center;align-items:center;display:flex;height:100%;width:100%}& #title-logo{display:block;filter:invert(100%)!important;height:16px;left:1em;position:absolute}}& .main-center-nav-section{align-content:center;align-items:center;border:none;display:flex;height:100%;margin:0;width:70%;& .nav-links li{display:flex;font-family:NanumSquare_acL,serif;font-size:12px;height:100%;margin-left:1em;padding:2px 0;transition-duration:.2s;width:100px;& a{align-content:center;align-items:center;color:#fff;height:25px;text-align:center;text-decoration:none;width:100%}& :hover{background-color:#2176ff;border-radius:8px;transition-duration:.2s}}}& .main-right-nav-section{display:flex;justify-content:right;margin-right:1em;width:40%;& .nav-links li{display:flex;font-family:NanumSquare_acL,serif;font-size:12px;height:100%;margin:0 5px;transition-duration:.2s;& a{align-content:center;align-items:center;color:#fff;height:25px;margin:3px 0;padding:0 17px;text-align:center;text-decoration:none;width:100%}& :hover{background-color:#2176ff;border-radius:8px;transition-duration:.2s}}}ul.nav-links{display:flex;list-style-type:none;margin:0;padding:4px 0}}div#selection-page{background-color:#080808;height:100vh;margin:0 auto;width:100%}.card-list{cursor:pointer;display:flex;flex-flow:row;flex-direction:row;height:500px;margin:0 auto;max-width:1600px;position:relative;top:calc(50% - 250px);transform:perspective(1000px);transform-style:preserve-3d;width:75%}.card-list .item{background-color:#fff;border:1px solid #2176ff00;border-radius:20px;display:block;filter:brightness(100%);height:450px;margin:0 2em;position:relative;transition:.5s;width:450px}.card-list .item img{border-radius:20px 20px 0 0;box-shadow:0 0 20px 10px #000000d1;display:inherit;height:50%;margin:0;object-fit:cover;padding:0;position:relative;width:100%}.card-list .item h3{color:#000;display:block;font-family:NanumSquare_acEB,sans-serif;font-size:24px;margin-top:2.4em;position:relative;text-align:center;width:100%}.card-list .item p{color:#000;font-family:NanumSquare_acL,serif;margin:12px 0 0;padding:0}.card-list .item p.selection-card-item-subtitle{font-size:14px;font-weight:700}.card-list .item p.selection-card-item-description{font-size:12px}.item>.overlay{align-items:center;background-color:#0000009e;bottom:0;color:#fff;display:flex;font-family:NanumSquare_acEB,serif;font-size:35px;font-weight:600;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.item:hover .overlay{opacity:1}.card-list .item:hover{border:1px solid #2176ff;border-radius:20px;box-shadow:25px -10px 0 0 #15151580;filter:brightness(1);height:500px;transform:translateZ(10px) translateX(10px) translateY(-10px);width:500px}.card-list .item:hover+*{filter:brightness(.5)}.card-list .item:hover+*+*{filter:brightness(.3)}.card-list .item:hover+*+*+*{filter:brightness(.1)}.card-list .item:has(+:hover){filter:brightness(.5)}.card-list .item:has(+*+:hover){filter:brightness(.3)}.card-list .item:has(+*+*+:hover){filter:brightness(.1)}@media (max-width:1400px){.card-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));height:400px;margin:20px auto;max-width:1200px;top:0;transform:none;width:400px}.card-list .item{height:400px;margin:0 auto;width:400px}.card-list .item:hover{border:1px solid #2176ff;border-radius:20px;filter:brightness(1);height:400px;transform:translateZ(0) translateX(-25px) translateY(10px);width:400px}}@media (max-width:700px){.card-list{display:flex;flex-flow:column;gap:20px;height:300px;margin:20px auto;top:0;transform:none;width:300px}.card-list .item,.card-list .item:hover{height:350px;width:350px}.card-list .item:hover{border:1px solid #2176ff;border-radius:20px;filter:brightness(1);transform:translateZ(0) translateX(-25px) translateY(10px)}}#monitoring-page{height:100%}.input-panel{border-radius:18px;display:flex;font-family:NanumSquare_acR,serif;height:84%;margin:0 auto;position:relative;width:90%;& #add-map-input-section{display:flex;flex-flow:column;height:40%;margin:1em;width:350px;& label>span{align-content:center;align-items:center;font-family:NanumSquare_acL,sans-serif;font-size:16px;margin-right:10px;min-width:100px;padding:0;text-align:left}& label{display:flex;margin:5px 0;width:100%;& input{text-align:left}& input,& select{margin:0 1em 0 0;position:relative;width:100%}}& button.select-map-btn{display:flex;flex-flow:column;width:120px}}}div#add-map-modal,form#map-add-form{display:flex;height:100%;width:100%}form#map-add-form{margin:0}div#add-map-input-section{background-color:#010101;border-radius:35px 0 0 35px;display:block;height:100%!important;margin:0!important;padding:0;width:400px!important}div#add-map-input-section>h2.modal-title{margin-left:1em!important;text-align:left}div#add-map-input-section>div.input-fields{display:block;margin-left:2.8em;text-align:left;width:337px}div.input-fields>label{height:28px!important;margin-top:12px!important;& input,select{background-color:#222;border-radius:8px;text-align:right!important}}label.map-file-input-section{display:block!important;height:100px;width:100%}label>.add-map-file-input-first-row{align-content:center;align-items:center;align-self:center;display:flex;height:28px;text-align:right;width:100%;& span{width:35%}& p,& span{display:flex}& p{align-content:center;align-items:center;align-self:center;flex-direction:row;justify-content:flex-end;margin:0 1em 0 0;padding:0;text-align:right!important;width:65%;& span{font-weight:700;margin:0 5px 0 0;padding:0;width:auto}}}label>.add-map-file-input-second-row{align-items:center;display:flex;height:28px;justify-content:space-between;margin-top:10px;width:100%}.add-map-file-input-second-row>input.file-label{align-content:center;align-items:center;align-self:center;height:28px;margin-right:10px!important}.file-input-container{display:flex;flex:1 1;height:28px;justify-content:flex-end}.file-input-common{align-content:center;align-items:center;align-self:center;cursor:pointer;display:flex;height:21px;margin-right:10px!important;padding:0 1em 8px 0}.file-label{margin-right:10px;white-space:nowrap}input[type=file]::file-selector-button{background-color:#272727;border:none;border-radius:12px;color:#fff0;display:flex;font-family:NanumSquare_acR,serif;margin:0;padding:0}div#add-map-buttons{bottom:1em;display:flex;flex-direction:row-reverse;position:absolute;width:99%;& button{background-color:#444;height:28px;margin:1em;position:relative;width:120px}}div#map-selection-modal{display:flex;min-height:700px;min-width:700px;position:fixed;& #map-selection-modal-content{display:flex;height:80%;position:relative;width:80%;& div.modal-body{box-sizing:border-box;display:flex;height:100%;position:relative;width:100%;& div#map-select-panel{border-radius:30px 0 0 30px;box-sizing:border-box;display:flex;flex-flow:column;height:100%;min-width:300px;position:relative;width:20%;& h1{font-family:NanumSquare_acB,serif;font-size:20px;height:24px;padding:1em 0 0 1em;text-align:left}& div#map-option-list{display:flex;height:100%;overflow-y:auto;position:relative;scrollbar-width:none}}& div#map-preview-panel{background:#06060680;display:flex;flex-flow:column;height:95%;position:relative;top:5%;width:100%;& div#map-image{align-items:center;display:flex;height:calc(100% - 60px);justify-content:center;margin:2em 0;overflow:auto;scrollbar-width:none;width:100%;& img{display:block;filter:invert(1);object-fit:fill;overflow:auto}}& div#map-select-button-section{align-items:center;display:flex;height:60px;justify-content:flex-end;width:100%}& div#map-select-button-section button{height:30px;margin:0 1.5em 0 0;width:120px}}}}}button#map-add-button{background-color:#222;height:50px;position:relative;width:90%}button#map-add-button:hover{background-color:#2176ff}div.map-preview-list{height:calc(90% - 150px);position:relative;width:100%}button.map-preview-card{background-color:#222;border-radius:16px;height:180px;margin-bottom:1em;min-height:180px;min-width:90%;padding-bottom:1em;padding-top:1em;position:relative;width:90%;& .map-data-label{height:50px;left:calc(50% - 52px - 1em);opacity:0;position:absolute;top:calc(50% - 27px);transition:opacity .3s ease;z-index:2;& p{text-wrap:nowrap;background-color:#06060680;border-radius:7px;color:#fff;font-family:NanumSquare_acL,serif;padding:2px 2px 2px 2em;text-align:left;width:120px}}& img{border-radius:9px;height:90%;object-fit:fill;position:relative;width:90%}&:hover .map-data-label{opacity:1}}.loading-text{position:absolute;top:45%;width:160px}.cropped-image-preview{margin-top:16px;text-align:center}.cropped-image-preview h4{color:#333;font-size:1.2rem;margin-bottom:8px}.cropped-image-preview img{border:1px solid #ddd;border-radius:8px;max-height:300px;max-width:100%}.modal-input-container{border-radius:12px;display:inline-flex;margin:0 1em;padding:8px 0;width:80%;& select{border-radius:8px;color:#fff;display:block;height:30px;margin:0 55% 0 5em;text-align:center;width:15%}& div{width:3%}& button{height:32px;width:120px}& .close-btn{background-color:#e89e9e}}div.map-preview{align-items:center;display:flex;justify-content:center;margin:1em auto;max-height:550px;max-width:80%;min-height:550px;overflow:scroll;position:relative;scrollbar-width:none;div.map-image{align-items:center;border-radius:8px;display:flex;filter:invert(1);height:100%;justify-content:center;position:absolute;width:100vw;z-index:1}}.image-cropper-container{background-color:#007bff00!important;display:block;height:1000px;padding:0;width:90%}.image-cropper-container canvas{transition:transform .2s ease-in-out}.reactEasyCrop_Container{display:block;margin-left:2em;max-width:90%;padding:0;width:90%}.image-cropper-controls{margin-top:10px}.image-cropper-button{border-radius:5px;display:inline-block;font-size:16px;margin-top:10px;text-align:center;transition-duration:.3s}.image-cropper-button:hover{border:none}.image-cropper-container{align-items:center;background-color:#333;border-radius:8px;display:flex;flex-direction:column;height:400px;justify-content:center;margin:16px 0;overflow:hidden;position:relative;width:100%}.image-cropper-controls{display:flex;justify-content:center;margin-top:16px}.image-cropper-zoom-range{width:200px}.image-cropper-button{background-color:#007bff;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;margin:10px 0;padding:10px 20px;position:relative;transition:background-color .3s}.image-cropper-button:hover{background-color:#0056b3}input[type=file]{margin:20px 0}.marker-container{display:block;height:20px;position:absolute;width:20px;z-index:1;& p.marker-name{align-content:center;align-items:center;background-color:#343a40;border-radius:10px;color:#fff;display:block;font-family:NanumSquare_acL,serif;font-size:11px;font-weight:lighter;left:-4px;margin:0 auto;overflow:hidden;padding:1px 0;position:absolute;text-align:center;top:2.5em;white-space:nowrap;width:45px;z-index:10}& img{background-color:#4a4a4a66;border-radius:50%;height:30px;left:0;position:absolute;top:0;width:30px}}.marker-image{border:2px solid #2a87d000;filter:saturate(100%) brightness(100%);height:auto;transition:box-shadow .3s ease-in-out;width:20px;z-index:3}.marker-image:hover{box-shadow:0 0 10px 2px #2a87d0;cursor:pointer}.docker .marker-image{filter:hue-rotate(0deg) saturate(120%) brightness(80%) contrast(150%)}.conveyor-robot .marker-image{filter:hue-rotate(60deg) saturate(120%) brightness(80%) contrast(150%)}.point .marker-image{filter:hue-rotate(120deg) saturate(120%) brightness(80%) contrast(150%)}.marker-type-1 .marker-image{filter:hue-rotate(180deg) saturate(120%) brightness(80%) contrast(150%)}.robot-1 .marker-image{filter:hue-rotate(240deg) saturate(120%) brightness(80%) contrast(150%)}.marker-container.highlighted{background-color:#ffff0080;border:2px solid #ff0}.marker-detail{background-color:#343a40e0;border-radius:12px;color:#c5d7fa;display:none;font-family:NanumSquare_acL,serif;font-size:12px;font-weight:700;height:85px;padding:5px 0 0 12px;position:relative;text-align:left;width:130px;z-index:5;& p{display:flex;height:15px;margin:0;padding:0}& div{display:block;height:40px;width:100%;& p{color:#fff;display:flex;font-weight:400;height:12px;width:100%}}& .task-data{display:block;height:20px;text-align:left;width:100%}}.marker-container:hover>.marker-detail{display:block;position:relative}.marker-detail.below-50vh{bottom:93px;left:-50px}.marker-detail.above-50vh{bottom:-42px;left:-50px}.content{background-color:#080808;min-height:95vh;overflow-y:hidden}div#map-viewer{display:flex;height:90%;margin:0 auto;position:inherit;z-index:1;& div.map-image{align-items:center;border-radius:8px;box-shadow:0 0 10px 2px #2a87d0;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%;z-index:1;& img{background-color:#080808;border-radius:12px;filter:invert(1);max-height:none;max-width:none;min-height:100%;min-width:100%;object-fit:fill}}}.monitor-button-container{align-items:center;background-color:#080808de;border:none;bottom:0;display:flex;height:50px;justify-content:center;margin:0 auto;min-width:880px;position:fixed;width:100%;z-index:7;& h1{color:#fff;font-family:NanumSquare_acL,serif;font-size:14px;font-weight:bolder;margin:1em;min-width:200px;overflow-x:hidden;text-align:center;text-shadow:0 0 8px #7e7e7e;width:30%}& div.mbc-button-section{display:flex;width:70%;& button:hover{background-color:#2176ff;border:none;cursor:pointer}& button{background-color:#606060;border:none;border-radius:8px;color:#fff;font-size:10px;height:26px;margin:0 2em;transition-duration:.3s;width:120px}}}.left-sidepanel-toggle-button{align-items:center;animation-duration:3s;background-color:#080808;border:1px solid #222;border-left:none;border-radius:0 15px 15px 0!important;cursor:pointer;display:flex;height:125px;justify-content:center;left:428px;margin:0 0 0 1em;position:fixed;top:50%;transition:transform 3s ease-in-out;transition-duration:3s;width:25px;z-index:5;& img{border-radius:50%;display:flex;filter:invert(80%) hue-rotate(20deg) saturate(25);height:10px;position:absolute;rotate:180deg;width:10px}}button.left-sidepanel-toggle-button:hover{background-color:#222}.right-sidepanel-toggle-button{align-items:center;animation-duration:3s;background-color:#080808;border:1px solid #222;border-radius:15px 0 0 15px!important;border-right:none;cursor:pointer;display:flex;height:125px;justify-content:center;margin:0 0 0 1em;position:fixed;right:296px;top:50%;transition:transform 3s ease-in-out;transition-duration:3s;width:25px;z-index:5;& img{border-radius:50%;display:flex;filter:invert(80%) hue-rotate(20deg) saturate(25);height:10px;position:absolute;rotate:180deg;width:10px}}button.right-sidepanel-toggle-button:hover{background-color:#222}.main-monitoring-section{background-color:#080808;display:flex;height:80%;position:relative;width:100%;div.sidepanel{height:93vh;min-height:50vh;min-width:350px;position:fixed;transform:translateX(0);transition:transform .1s ease-in-out;width:440px;z-index:5}div.sidepanel.closed{transform:translateX(-110%)}div.right-sidepanel.closed{transform:translateX(443px)}& .monitoring-side-panel{background-color:#070707!important;border-right:1px solid #222;display:block;height:92vh;min-height:50%;width:100%}& .worker-button-section{align-content:center;align-items:center;display:flex;height:36px;padding-top:1em;text-align:center;& h1{align-content:center;align-items:center;color:#fff;font-family:NanumSquare_acB,serif;font-size:22px;height:36px;margin:1em;text-align:center}& button{background-color:#606060;border:none;border-radius:8px;color:#fff;font-size:12px;height:26px;margin:auto 0 auto 2em;transition-duration:.3s;width:80px}& button:hover{background-color:#2176ff;border:none;cursor:pointer}& button:disabled{background-color:#343a40;background-color:#ccc;color:#666;cursor:not-allowed}}}.react-select__value-container{font-size:12px}.interaction-sections{border-radius:12px;color:#fff;display:block;font-family:NanumSquare_acR,serif;height:90%;margin:1em;overflow-x:hidden;overflow-y:auto;position:relative;scrollbar-width:none;text-align:left;width:93%;& input{text-align:left}& .worker-card{background-color:#222;border:1px solid #2176ff00;border-radius:20px;box-sizing:border-box;cursor:pointer;display:block;height:220px;margin-bottom:1em;position:relative;width:100%;& .card-lower-section,& .card-upper-section{box-sizing:border-box;color:#b5b5b5;width:100%}& .card-upper-section{align-content:center;align-items:center;align-self:center;cursor:pointer;display:flex;flex-flow:row;height:20%;padding:1.5em 1.5em 0;position:relative;text-align:left;& h3{align-self:center;font-family:NanumSquare_acR,serif;padding-bottom:5px;width:80%}& button,& h3{cursor:pointer}& button{background-color:#0d0d0d;font-family:NanumSquare_acL,serif;width:100px}& button:hover{background-color:#9f4d4d}}& .card-lower-section{cursor:pointer;display:flex;height:calc(80% - 1em);margin-top:1.2em;padding:0 1.5em 1.5em;position:relative;width:100%;& .card-image{align-content:center;align-items:center;align-self:center;background-color:#0d0d0d;border-radius:16px;display:flex;flex-flow:column;height:100%;width:40%;& p{font-size:10px}& h1,h2,h3,label,p{cursor:pointer}& img.device-image{border-radius:25px;cursor:pointer;height:70%;margin:0 auto;max-height:90px;width:auto}}& .worker-card-info{align-content:center;align-self:center;font-family:NanumSquare_acL,serif;font-size:12px;height:100%;overflow:hidden;padding:0 0 0 1em;width:60%;& h3,label,p{cursor:pointer;margin:6px 0}& label{font-weight:700}& .worker-card-battery-field,& .worker-card-status-field{display:flex;margin:0;padding:0}& .worker-card-battery-field{align-content:center;align-items:center;align-self:center}& #card-lower-right-section{display:flex;justify-content:space-between;margin:0;padding:0}}}}}.worker-card:hover{border:1px solid #2176ff;cursor:pointer}.worker-card.modal-open:hover,.worker-card.modal-open:hover p{cursor:default}#add-robot-modal{display:flex;position:fixed}.react-select__menu{z-index:1000}.robot-cards-container{grid-row-gap:5px;grid-column-gap:5px;border-bottom:5px solid #0000;border-radius:30px;column-gap:5px;display:grid;grid-auto-rows:min-content;grid-template-columns:repeat(4,1fr);height:90%;margin:0 1%;overflow-y:auto;row-gap:5px;transition:box-shadow .5s ease;transition-duration:.5s;width:98%}.robot-card:hover{border:2px solid #2176ff}.robot-card{background:#1e1e1ead;border:2px solid #2176ff00;border-radius:32px;box-shadow:0 2px 4px #0000001a;display:block;font-size:15px;height:250px;margin:1.2em auto;padding:16px;width:470px;& .view-section{display:flex;height:85%;width:100%;& .info-section{display:block;flex-flow:row;width:70%;& h3{font-family:NanumSquare_acB,serif;margin:.5em 0 1em 2em}& h3,& p{text-align:left}& p{color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin:8px 0 0 2.5em;width:240px;& span{font-weight:400;width:120px}}}& .image-section{background-color:#fff0;border-radius:15px;display:flex;margin-top:1em;max-height:140px;width:30%;& img{border-radius:15px;max-height:140px;object-fit:contain;width:100%}}}& .rda-modal-interaction-section{display:flex;justify-content:center;margin:0 auto;width:100%;&>div.rda-modal-input-section{display:flex;font-family:NanumSquare_acB,serif;font-size:12px;width:65%;& input{background-color:#343a40;border:none;border-radius:14px;color:#fff;font-family:NanumSquare_acR,serif;height:32px;margin-right:1em;text-align:center;width:150px}& input:focus{border:1px solid #2176ff;outline:none}& .select-component{margin-left:1em;width:200px}}& button{border-radius:24px;height:32px;margin-left:5%;position:relative;width:30%}}& button{height:32px;margin:0;position:relative;width:150px}}.card-option{align-items:center;border-radius:15px;color:#fff;display:flex;font-family:NanumSquare_acR,serif;font-size:12px;height:18px;width:100%}.card-option img{margin-right:1em;width:20px}.device-image{width:50%}.no-preview-container{align-content:center;font-size:16px;height:80%;text-align:center}#select-map-modal{height:100%;min-width:700px;overflow-y:scroll;width:100%}#select-map-modal h1{font-family:NanumSquare_acEB,serif;font-size:28px;margin-top:1.5em}#select-map-modal button.refresh-button{right:3em!important;top:1.2em!important}.react-select__placeholder{align-content:center;align-items:center;font-family:NanumSquare_acL,sans-serif;height:90%;margin-bottom:.5em;padding-left:1em!important}@media (min-width:1542px) and (max-width:2024px){.robot-cards-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:975px) and (max-width:1542px){.robot-cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:974px){.robot-cards-container{grid-template-columns:1fr}#select-map-modal{min-width:600px;overflow-y:scroll;width:600px}}.WorkerStatus_unknown__gycFz{animation:WorkerStatus_pulse__yGK-J 1.5s infinite;color:gray}.WorkerStatus_charging__Dvojo{animation:WorkerStatus_blink__\+3U-u 1.5s step-start infinite;color:blue}.WorkerStatus_working__qSipK{color:green;font-weight:700}.WorkerStatus_idle__Z8o6K{animation:WorkerStatus_pulse__yGK-J 3s infinite;color:orange}.WorkerStatus_waiting__k6ioJ{animation:WorkerStatus_waiting__k6ioJ 1s infinite;color:#ff0}.WorkerStatus_disabled__KvQDi{color:#a9a9a9;text-decoration:line-through}.WorkerStatus_error__1TtsR{animation:WorkerStatus_shake__om1TE .5s infinite;color:red}@keyframes WorkerStatus_pulse__yGK-J{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes WorkerStatus_blink__\+3U-u{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes WorkerStatus_shake__om1TE{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes WorkerStatus_waiting__k6ioJ{0%,to{opacity:1}50%{opacity:.75}}.WorkerStatus_robot-enabled__2OQM7{color:#2176ff}.WorkerStatus_robot-disabled__VobyH{color:#e36363b8}div.right-sidepanel{background-color:#070707!important;border-left:1px solid #222;min-width:296px!important;right:0;width:296px!important}div.signal-graph-panel{background-color:#222;border-radius:21px;display:block;margin:.5em auto;width:80%;& canvas{background-color:#000;border-radius:17px;display:flex;height:150px!important;margin:auto;width:95%!important}}div.signal-graph-panel>div.graph-text-area{display:block;margin:.5em auto;width:85%}div.graph-text-area>p{align-items:center;display:flex;font-family:NanumSquare_acL,sans-serif;font-size:12px;justify-content:space-between;margin:1em 0}div.detail-container{align-items:center;display:flex;flex-direction:column}div.detail-container h1,h3{display:flex;font-family:NanumSquare_acEB,serif;margin:1em 0;text-align:left;width:85%}div.detail-container h1{font-size:22px}div.detail-container h3{font-family:NanumSquare_acL,serif;font-size:16px}div.detail-container>div.robot-detail-section{display:block;margin:.5em auto;width:85%}div.detail-container>div.robot-detail-section>p{align-items:center;display:flex;font-family:NanumSquare_acL,sans-serif;font-size:12px;justify-content:space-between;margin:4px 0}div.current-payload-data-section{display:block;margin:0 auto;width:85%}div.text-field-container{align-items:center;display:block;font-family:NanumSquare_acL,sans-serif;font-size:12px;margin:1em 0;width:100%}div.line-field-wrapper{align-items:center;display:flex;height:30px;justify-content:space-between}div.line-field-wrapper>label{max-width:40%;min-width:50px;text-align:left}div.line-field-wrapper>text{align-content:center;align-self:center;background-color:#222;border-radius:14px;font-family:NanumSquare_acL,sans-serif;font-size:10px;height:22px;padding:0 1em;text-align:right;width:calc(60% - 2em)}div.robot-task-list-section{display:block;width:85%}div.task-header-wrapper{display:flex;width:100%}div.task-header-wrapper>p{font-size:12px;text-align:left;width:25%}div.task-line-wrapper{display:flex;width:100%}div.task-line-wrapper>p{font-size:10px;margin:2px 0;max-width:80px;overflow-x:hidden;text-align:left;width:28%}#statistic-modal{background-color:#080808;height:100%;min-width:1250px;width:90%}#statistic-modal .modal-title{display:flex;margin-left:2.2em}#monitoring-page{height:100vh}section#monitor-chart-section{display:flex;height:92%;justify-content:space-evenly;min-height:500px;min-width:1050px;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}div#monitor-chart-left-section{display:flex;flex-flow:column;height:97%;min-width:600px;overflow-x:hidden;overflow-y:hidden;position:relative;width:73%}div#monitor-chart-left-section .left-top-chart-section{background-color:#101010;border-radius:24px;display:flex;height:41%;width:100%}div#monitor-chart-left-section .left-top-chart-section .ansc-graph-wrapper{display:block;width:100%}div#monitor-chart-left-section .left-top-chart-section .ansc-graph-wrapper h3{display:flex;font-family:NanumSquare_acB,serif;font-size:18px;font-weight:400;margin-top:2em;text-align:left;text-indent:1.8em;width:100%}div#monitor-chart-left-section .left-top-chart-section .ansc-graph-wrapper .MuiBox-root{display:flex;height:85%;width:100%}div#monitor-chart-left-section .left-top-chart-section .ansc-graph-wrapper .MuiBox-root .MuiPaper-root{display:flex;height:100%!important}div#monitor-chart-left-section .left-top-chart-section .ansc-graph-wrapper .MuiBox-root .MuiPaper-root svg{display:flex;height:100%;min-width:100%;width:100%!important}div#monitor-chart-left-section .middle-statistic-section{align-content:center;display:block;height:20%;width:100%}div#monitor-chart-left-section .middle-statistic-section .single-bar-section{background-color:#101010;border-radius:24px;box-sizing:border-box;display:flex;height:22%;margin:1em 0;max-width:100%;padding:0;width:100%}div#monitor-chart-left-section .middle-statistic-section .single-bar-section h3{color:#fff;font-family:NanumSquare_acL,serif;font-size:12px;height:100%;min-width:80px;padding:0;width:5%}div#monitor-chart-left-section div#monitor-stats-days-section{align-items:center;border-radius:24px;display:flex;flex-flow:row;height:37%;overflow-y:hidden;position:relative;width:100%}div#monitor-chart-left-section div#monitor-stats-days-section div.pie-chart-component-wrapper{box-sizing:border-box;display:flex;flex-flow:row;height:100%;justify-content:space-between;min-width:1200px;overflow-x:auto;position:relative;width:100%}div#monitor-chart-left-section div#monitor-stats-days-section div.pie-chart-component-wrapper h2{font-family:NanumSquare_acEB,serif;font-size:11px}div#monitor-chart-left-section div#monitor-stats-days-section div.pie-chart-component-wrapper div.pie-chart-component{background-color:#101010;border-radius:24px;display:flex;flex-flow:column;height:100%;width:195px}div#monitor-chart-left-section div#monitor-stats-days-section div.pie-chart-component-wrapper div.pie-chart-component h2{font-family:NanumSquare_acL,serif;font-size:15px;margin:0;min-height:22px;padding:1.5em 0 0 1em;text-align:left;text-indent:12px}div#monitor-chart-left-section div#monitor-stats-days-section div.pie-chart-component-wrapper div.pie-chart-component div{align-content:center;align-items:center;align-self:center;border-radius:22px;display:flex;height:100%!important;margin:0 auto;min-width:140px!important;position:relative;width:100%!important}div#monitor-chart-left-section div#monitor-stats-days-section div.pie-chart-component-wrapper div.pie-chart-component div svg{align-content:center;align-items:center;align-self:center;display:flex;height:100%!important;margin:0 auto;position:relative;transform-origin:center;width:100%!important}div#monitor-chart-left-section div#monitor-stats-days-section div.pie-chart-component-wrapper div.pie-chart-component div svg g{box-sizing:inherit!important;display:flex!important;height:100%!important;margin:1em auto;padding:0;width:100%!important}div#monitor-chart-left-section div#monitor-stats-days-section div.pie-chart-component-wrapper div.pie-chart-component div svg g g{display:flex!important;transform:translate(30%,30%) scale(70%)}div#monitor-chart-left-section div#monitor-stats-days-section div.pie-chart-component-wrapper div.pie-chart-component div svg g g g{display:flex}div#monitor-chart-left-section div#monitor-stats-days-section div.pie-chart-component-wrapper div.legend-text-wrapper{display:flex;flex-flow:column;height:35%;margin-bottom:1em;margin-left:5%;text-align:left;width:90%}div#monitor-chart-left-section div#monitor-stats-days-section div.pie-chart-component-wrapper div.legend-text-wrapper h3.legend-text{align-content:center;align-items:center;align-self:center;border-radius:12px;display:flex;font-family:NanumSquare_acL,serif;font-size:13px;font-weight:700;justify-content:space-between;margin:5px 0;min-height:25px;position:relative;width:calc(100% - 4em)}div#monitor-chart-left-section div#monitor-stats-days-section div.pie-chart-component-wrapper div.legend-text-wrapper h3.legend-text span{font-weight:lighter;text-align:right}div#monitor-chart-right-section{align-items:center;background-color:#101010;border-radius:24px;display:flex;flex-direction:column;height:95%;justify-content:center;padding:0;width:20%}div#monitor-chart-right-section h2{display:flex;margin-top:1.5em;text-align:left;width:85%}div#monitor-chart-right-section .line-separator{margin:0 auto 2em}div.right-chart-item-lists{align-content:center;align-items:center;align-self:center;display:flex;flex-flow:column;height:53%;min-height:300px;width:100%}div.right-chart-item-lists h3.chart-logi-label{align-content:center;align-self:center;border-radius:8px;display:block;font-family:NanumSquare_acL,serif;font-size:16px;height:32px;margin:0 1em 1em;padding:0 .8em;text-align:left;width:87%}div.right-chart-item-lists .search-bar-wrapper{position:relative}div.right-chart-item-lists .search-bar-wrapper:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADZSURBVHgBfVAxEoIwEEyiUPMEn0BDLy/QH4gFA536AoYXaCcDhfoDfQE+gCJPwNJKrRkS9xxMwTDczGVze5vL3XEGC8PQFULstdYuxZzzKzzNsqxmnYk4jmcgS4julmW5QB9xDSwp9xdOQZyAhzzP0457wGUURQ5yG9x3v4rwOYgb6xmqErc0X0P0tm37xQaMckaIl7Jpmu2AaEU50yOCNbCkntq2vWB6B9wCXIDYfM3poOlQIcGV1kNDnIEfeEJbKIpCcjZiKBAopWi//mRMWFWV9DzviVaOXw42Y6SJGnosAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:contain;content:"";height:20px;pointer-events:none;position:absolute;width:20px}div.right-chart-item-lists input.search-bar-input{align-content:center;align-self:center;background-color:#222;border-radius:8px;display:block;font-family:NanumSquare_acL,serif;font-size:16px;height:42px;padding:0;position:relative;text-indent:8px;width:90%}div.right-chart-item-lists .stat-item-list::-webkit-scrollbar{border-radius:50%!important;height:90%!important;margin-left:2px!important;width:6px!important}div.right-chart-item-lists .stat-item-list::-webkit-scrollbar-thumb{background:#888!important;border-radius:4px}div.right-chart-item-lists .stat-item-list{border-radius:12px;display:block;height:100%;margin:1em auto;min-width:250px;overflow-x:hidden;overflow-y:auto;position:relative;width:92%}div.right-chart-item-lists .stat-item-list h4.chart-logi-item{align-content:center;align-items:center;align-self:center;background-color:#222;border:1px solid #007bff00;border-radius:12px;display:block;font-family:NanumSquare_acL,sans-serif;font-size:12px;font-weight:lighter;height:32px;margin:5px auto;overflow-x:hidden;position:relative;text-align:left;text-indent:.5em;text-overflow:ellipsis;transition:all .3s ease-in-out;white-space:nowrap;width:97%}div.right-chart-item-lists .stat-item-list h4.chart-logi-item:hover{background-color:#000;border:1px solid #007bff;cursor:pointer}div.progress{align-self:center;border-radius:0!important;display:flex;height:60%;width:95%}div.progress .progress-bar{align-content:center;background-color:#9dc2ff;border-radius:0 16px 16px 0!important;color:#222}.bg-success{background-color:#9dc2ff}text{fill:#fff!important;font-family:NanumSquare_acEB,serif}p.no-data-text{align-content:center;align-self:center;font-family:NanumSquare_acL,serif;font-size:22px;height:100%;width:100%}div.right-pie-chart-wrapper{display:flex;height:38%;min-height:38%;position:relative;text-align:center;width:100%}div.right-pie-chart-wrapper div.pie-chart-large>div{display:flex;height:100%;text-align:center!important;width:100%}div.right-pie-chart-wrapper div svg,div.right-pie-chart-wrapper div svg g{display:block}div.right-pie-chart-wrapper div svg g g{display:block;transform:translate(25%,25%)}div.right-pie-chart-wrapper g.MuiChartsLegend-root{display:none!important;width:0!important}div.ansc-graph-wrapper .MuiBox-root svg g g:first-of-type .MuiMarkElement-root{fill:#5b5b5b!important;stroke-width:1px!important}div.ansc-graph-wrapper .MuiBox-root svg g g:nth-of-type(2) .MuiMarkElement-root{fill:#898989!important;stroke-width:1px!important}.ansc-graph-wrapper>.MuiBox-root>.MuiBox-root>.MuiBox-root>.MuiBox-root{height:15px!important;width:15px!important}.ansc-graph-wrapper>.MuiBox-root>.MuiBox-root>.MuiBox-root>span{font-family:NanumSquare_acL,serif}div.ChatModal_aiChatModal__U1I6A{animation:ChatModal_slideIn__uNnk1 .4s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000d9;border:1px solid #222;border-radius:26px;bottom:5vh;box-shadow:0 0 5px #222;display:block;height:50vh!important;left:2.5em;min-height:500px;position:fixed;width:350px!important;z-index:5}div.ChatModal_aiChatModal__U1I6A.ChatModal_hidden__XIFVT{animation:ChatModal_slideOut__MYkAf .4s ease}div.ci-chat-feature-bar{background-color:#000;border-radius:26px 26px 0 0;display:flex;flex-direction:row;height:40px;justify-content:space-between;width:100%}div.ci-chat-feature-bar>.modal-close-button{color:#373737;font-size:22px;right:12px;top:4px}@keyframes ChatModal_slideIn__uNnk1{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes ChatModal_slideOut__MYkAf{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(120%)}}div.ChatModal_aiChatSection__lDRMS{display:block;height:calc(100% - 110px);width:100%}div.ChatModal_chatInteractionSection__vcTcI{display:flex;height:100%;width:100%}.ChatModal_mediaModalOverlay__te5NZ{align-items:center;background-color:initial;bottom:0;display:flex;justify-content:flex-start;left:100%;position:absolute;top:0;z-index:6}.ChatModal_mediaModalContent__dr9Uj{background-color:#373737;border-radius:8px;box-shadow:0 0 10px #0000004d;height:auto;margin-left:20px;max-height:90%;max-width:400px;overflow-y:auto;padding:20px;width:100%}div.ChatModal_invalidAiServiceAccess__zFP8D{align-content:center;display:block;height:100%;width:100%}.ChatModal_chatContainer__jjKWs{display:flex;height:100%;margin-top:1em;width:100%}.ChatModal_chatMessages__oB2ws{display:flex;height:500px!important;overflow-y:auto;width:100%}.ChatModal_singleMessage__wxZWi{margin-bottom:3em}.ChatModal_chatInput__wsQMo{align-items:center;bottom:0;display:flex;flex-direction:column;flex-shrink:0;margin-top:auto;position:absolute;width:100%}.ChatModal_fileListContainer__hGBGI{align-items:flex-start;background-color:#303030;border:1px solid #222;border-radius:12px;display:flex;flex-direction:column;margin:1em auto;width:90%}.ChatModal_inputContainer__fpgY9{background-color:#000;border:1px solid #222;border-radius:12px;display:flex;flex-direction:row;margin:1em auto;position:relative;width:90%}.ChatModal_chatInputForm__hwIMZ{width:100%}.ChatModal_uploadIcon__kvmtD{align-content:center;align-items:center;cursor:pointer;display:flex;font-size:1.2em;margin-left:8px}.ChatModal_fileInput__UqIdy{display:none}.ChatModal_messageInput__x0-Cg{background-color:#000;border-radius:4px;flex-grow:1;font-size:12px;padding:8px}input.ChatModal_border-0__qGkZV.ChatModal_messageInput__x0-Cg:focus,input.ChatModal_messageInput__x0-Cg:focus{-webkit-focus-ring-color:#0000!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;box-shadow:none!important;caret-color:#5c5c5c80!important;outline:none!important}.ChatModal_sendButton__ZZN\+N{background-color:#0000;border:none;color:#6c6c6c;cursor:pointer;margin-right:7px}.ChatModal_fileListInner__BtHwi{align-items:flex-start;background-color:#303030;border:1px solid #222;border-radius:4px;display:flex;flex-direction:column;padding:.5rem}.ChatModal_fileListHeader__sB-0K{font-family:NanumSquare_acLm,sans-serif;font-size:12px;margin:5px 0;text-align:center;width:100%}.ChatModal_filelist__syt09{display:flex;flex-direction:row;gap:.5rem}.ChatModal_fileitem__YRBz6{text-wrap:auto;align-items:center;background-color:#0f0f0f;border:1px solid #222;border-radius:12px;display:flex;font-family:NanumSquare_acL,sans-serif;font-size:12px;height:25px;margin:2px;min-width:40px;overflow-x:hidden;padding:0 4px}.ChatModal_removeButton__ohFvG{align-content:center;align-items:center;background-color:initial;border:none;color:#fff;height:8px;margin:0 5px 3px;padding:0;width:8px}.ChatModal_chatContainerBody__fm89Y{display:flex;flex-direction:column;height:100%;padding:0;width:100%}.ChatModal_chatInput__wsQMo img.clip-icon{align-content:center;align-items:center;align-self:center;display:flex;height:14px;width:auto}.ChatModal_message__Siii8{background-color:initial!important;border-radius:8px;display:flex;margin-bottom:1em;max-width:1000px;overflow:hidden;padding:0;position:relative;width:90%}.ChatModal_message__Siii8.ChatModal_user__TPM1b{background-color:#242424!important;margin-left:auto;margin-right:20px!important;max-width:90%;padding:0 10px;width:fit-content}.ChatModal_message__Siii8.ChatModal_assistant__spXxq{margin-left:20px;margin-right:auto;min-height:40px;width:90%}.card-wrapper{justify-content:flex-end}.ChatModal_messageContent__JMn6-,.card-wrapper{align-content:center;align-items:center;align-self:center;display:flex}.ChatModal_messageContent__JMn6-{height:100%}.ChatModal_avatar__CTf9-{align-items:flex-start;display:flex;font-size:1.5em;margin-right:10px;position:relative}.ChatModal_content__qF000{flex:1 1;font-family:NanumSquare_acL,sans-serif;font-size:12px;margin:0;text-align:left}.ChatModal_filePreview__L\+i1x{background-color:#f1f1f1;border-radius:4px;margin-top:10px}.ChatModal_fileName__5e07q{font-weight:700}.ChatModal_sidebar__AjNl9{background-color:#303030!important;border-right:1px solid #e5e5e5;color:#343541;display:flex;flex-direction:column;height:100%}div.emergency-job-create-modal{height:30%;left:calc(50% - 250px);margin:0 auto;min-height:400px;top:35%;width:500px}div.job-create-modal{font-family:NanumSquare_acL,serif;height:45%;left:calc(50% - 250px);margin:0 auto;min-height:600px;top:30%;width:500px;& h1{font-family:NanumSquare_acB,serif}& button{width:100px}}.job-create-input-section{display:flex;flex-direction:column;font-size:12px;height:80%;margin:1em auto;position:relative;width:90%;& p{text-align:right;width:100%}}.job-create-input-component{align-content:center;align-items:center;display:flex;margin:8px 0;& label{text-align:left;width:40%}& input,& select{align-content:center;align-items:center;align-self:center;height:22px;margin-left:10%;padding:0 1em;text-align:right;width:50%;& option{width:100%}}}div.time-select-div{align-content:flex-end;text-align:right;width:60%}select.time-select{margin:0;width:50px}.job-create-description-text-field{display:flex;height:150px;& textarea{height:150px;width:60%}}.emergency-job-create-input-section{align-content:center;align-items:center;align-self:center;font-family:NanumSquare_acL,serif;font-size:12px;& .emergency-job-create-input-component{align-content:center;align-items:center;align-self:center;display:flex;height:50px;margin:1em auto;width:300px;& label{display:flex;width:100px}& input{height:18px}}& button{width:90px}}.position-inputs{display:flex;width:250px}div#manage-job-page{display:flex;flex-direction:column;min-height:100%}main.main-create-job-section{color:#fff;display:block;flex:1 1;font-family:NanumSquare_acEB,serif;font-size:12px;height:90%;margin:0 2em;max-width:100%;overflow-y:hidden;padding:1em 0;text-align:left}section.job-create-header-section{display:flex;height:30px;position:relative;width:100%}div.job-create-header-text{display:block;font-family:NanumSquare_acB,serif;height:30px;margin:0 2em;min-width:80px}div.job-create-header-text h1{align-content:center;align-items:center;align-self:center;height:100%;margin:auto 0;text-align:left;width:100%}div.job-create-mode-btn-section{display:flex;font-family:NanumSquare_acL,serif;height:30px;min-width:350px;width:20%}div.job-create-mode-btn-section button{height:26px;margin:auto 1em;padding:0;width:100px}section.list-section{height:650px;margin:3em 2em 1em;max-width:100%}div.job-list{background-color:#040404;border:1px solid #6c757d;border-radius:12px;height:600px}button.job-view-refresh-btn{align-content:center;align-items:center;align-self:center;display:flex;font-size:24px;height:20px;padding-bottom:1em;position:relative;right:auto;text-align:center;top:-4px;width:20px}.job-create-content-wrapper{display:flex;height:90vh;margin:1em auto;width:100%;& .create-job-list-section{min-width:350px;width:20%;& .created-job-list{padding:1em;& .job-item{border-radius:12px;display:flex;& .cjl-image-section>img{margin:5px;width:70px}& .cjl-text-section{margin-left:2em}}& .job-item>h2{margin:0}}}& section.actual-robot-job-list-section{height:550px;min-height:550px;min-width:900px;width:70%;& div.actual-job-list{display:flex;gap:1em;height:80%;overflow-x:auto;padding:2em;& div.task-card{height:96%}& .task-card>h2{border-radius:12px;margin:0}}}}.job-item{background-color:#06060680;border:1px solid #343a4000;margin-bottom:8px;transition-duration:.3s}.job-item:hover{border:1px solid #2176ff;cursor:pointer}.job-item .inactive-job img{filter:hue-rotate(0deg) saturate(180%) invert(20%) sepia(100%) saturate(1000%) hue-rotate(1turn)}.top-bar{align-content:center;align-items:center;align-self:center;display:flex;font-family:NanumSquare_acL,serif;font-size:12px;height:22px;margin:1em auto;width:99%;& h1{font-family:NanumSquare_acB,serif;font-size:22px;width:150px}& .button-container{align-content:center;align-items:center;align-self:center;display:flex;height:22px;margin:0;text-align:left;width:300px;& button{margin:0 1em}& .schedule-view-refresh-btn{background-color:#007bff00;color:#666;display:flex;font-size:18px;height:24px;left:0;position:relative;top:0;transition-duration:.3s}& .schedule-view-refresh-btn:hover{background-color:#6c757d00;color:#fff}}}.main-scheduler-section{background-color:#06060680;display:flex;font-family:NanumSquare_acL,serif;font-size:12px;height:100%;min-height:90vh;position:relative;text-align:left;width:100%;& .job-list-side-bar{background-color:#010101;border-radius:8px;display:block;margin-left:1em;min-width:350px;padding:2em;width:350px;& h2{font-family:NanumSquare_acB,serif;margin:0 0 1em}& .job-card{background-color:#06060680;border-radius:12px;margin:0 0 1em;padding:1em;& h3{font-family:NanumSquare_acB,serif;margin:0 0 5px}& p{margin:0}}}& .schedule-list-container{background-color:#080808;margin:0 auto;padding:1em;width:80%;& h2{font-family:NanumSquare_acB,serif}}}.job-card{border:1px solid #1a1a1a}.job-card:hover{border:1px solid #2176ff;cursor:pointer}.schedule-control-section{display:flex;height:50px;width:100%;& .schedule-info{align-content:center;align-items:center;align-self:center;display:flex;height:40px;margin:10px 0;width:100%;& .schedule-remove-btn{height:20px;margin:0 1em;width:120px}& h3{font-family:NanumSquare_acB,serif;font-size:18px;margin:1em;width:100px}& p{margin:0 1em;width:120px}& p.date-label{width:200px}& button{min-width:90px}}& .schedule-control-buttons{display:flex;height:42px;text-align:left;width:28%;& form{display:flex;height:32px;margin:0;width:100%;& .form-group{align-content:center;align-items:center;align-self:center;display:inline-flex;height:32px;margin:0;width:60%;& label,& select{align-content:center;align-items:center;align-self:center;height:24px;margin:0}}& button{height:22px;width:120px}}}}.queue-panel{border-radius:12px;display:flex;height:250px;margin:0 auto;overflow-x:scroll;overflow-y:hidden;width:99%;& p{margin-left:1em}}.schedule-card{background-color:#010101;border:1px solid #1a1a1a;border-radius:12px;margin:1em auto;min-width:900px}.interval-add-btn,.show-schedule-interval-btn{height:20px;margin:0 1em;width:140px}.custom-switch{align-items:center;border-radius:15px;cursor:pointer;display:inline-flex;position:relative;transition:background-color .3s}.custom-switch.react-switch-on{background-color:#007bff!important}div.custom-switch div.react-switch-handle{border-radius:50%;left:2px;position:absolute;top:2px;transition:transform .3s ease-in-out}div.custom-switch.checked>div.react-switch-handle{transform:translateX(250px)!important}.switch-label{width:120px;p{min-width:35px}}.custom-switch:hover{box-shadow:0 0 10px #0003}div.custom-switch div.react-switch-handle{height:19px!important;width:19px!important}div.custom-switch div.react-switch-bg{height:20px!important;width:52px!important;& div{height:24px!important;width:28px!important}}div.edit-scheduler-modal{height:400px;left:calc(50% - 200px);min-height:400px;text-align:center;top:calc(50% - 200px);width:400px;& div.edit-schedule-content{height:320px;margin:0 auto;width:90%;& h2{margin:1.5em 0}.schedule-relay-button{align-items:center;display:flex;height:30px;margin:1em 0 1em 6px;width:100%;& label{margin:0 1em;text-align:left;width:70%}}div.exact-interval-input-container{display:block;& div{align-content:center;align-items:center;align-self:center;display:flex;margin:10px auto;width:90%;& label{margin-right:2em;text-align:left;width:120px}& select,input{align-content:center;align-items:center;align-self:center;height:22px;padding:0 1em;width:140px}select.scrollable-dropdown{display:block;max-height:50px;overflow-y:auto}}}}}div.view-schedule-interval-modal{height:700px;left:calc(50% - 210px);min-height:400px;text-align:center;top:calc(50% - 350px);width:420px;& .view-schedule-content{display:block;margin-top:4em;overflow-y:scroll;width:100%;& ul{margin:0;padding:0;& .schedule-interval-card{background-color:#06060680;border:1px dashed #6c757d;border-radius:12px;display:flex;list-style:none;margin:5px auto;padding:1em;text-decoration:none;width:90%;& div{text-align:left}& button{width:100px}}}}}input#interval-value{padding:0;width:140px}.job-in-queue{background-color:#06060680;border:1px solid #007bff00;border-radius:8px;display:block;margin:1em;padding:1em;& .job-queue-content-header{display:flex;& .job-queue-content-header-left{width:65%}& .job-queue-content-header-right{display:inline-flex;width:35%;& button{right:1em;width:120px}}}& h3{margin:5px 0}& .job-queue-content{display:flex;& .job-queue-content-left{width:100px}& .job-queue-content-right{margin:0 auto;width:180px}}}.job-queue-coordinate{display:flex;& p{margin:2px 5px}}.job-in-queue:hover{border:1px solid #007bff;cursor:pointer}div.schedule-create-modal{display:flex;height:20%;left:40%;margin:0 auto;min-height:420px;top:calc(50% - 200px);width:20%;& form{padding:1em;& .form-group{margin:10px auto;width:90%;& label{width:60%}& input{height:24px;text-align:left;width:100%}& textarea{background-color:#343a40;border:none;border-radius:12px;color:#fff;height:140px;margin:0 auto;padding:1em;text-decoration:none;width:400px}}}}.schedule-form{display:flex;flex-direction:column;margin:auto;max-width:300px}.schedule-form label{margin-bottom:8px}.schedule-form input{border:1px solid #ccc;border-radius:4px;margin-bottom:16px;padding:8px}.schedule-form button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.schedule-form button:hover{background-color:#218838}.react-datepicker-wrapper{align-content:center;align-items:center;align-self:center;margin:0 auto;text-align:center;width:100%}#scheduleDescription,.react-datepicker *{background-color:#1a1a1a}.react-datepicker *{color:#fff}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:0!important}.react-datepicker__navigation{height:12px!important;width:12px!important;z-index:2000!important}.react-datepicker__header,.react-datepicker__tab-loop,.react-datepicker__tab-loop button,.react-datepicker__tab-loop div,.react-datepicker__tab-loop>*{background-color:#010101;color:#fff}.react-datepicker{background-color:#1a1a1a;color:#fff;font-family:NanumSquare_acL,serif}.react-datepicker *,.react-datepicker__header,.react-datepicker__tab-loop{background-color:#000;color:#fff}.react-datepicker__day:hover{background-color:#2176ff!important}.react-datepicker__tab-loop:hover{background-color:#606060;color:#000}.react-datepicker__tab-loop button,.react-datepicker__tab-loop div,.react-datepicker__tab-loop>*{background-color:#010101}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected,.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#010101;color:#fff}.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{background-color:#1a1a1a;color:#fff}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background-color:#1a1a1a}.react-datepicker__input-container input{cursor:pointer;padding:8px;text-align:center;width:220px}.react-datepicker__input-container input::placeholder{color:grey;opacity:1;text-align:center}.react-datepicker__current-month{color:#fff!important}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{color:#fff}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#1a1a1a;color:#fff}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{color:#000}.react-datepicker__header,.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{background-color:#010101;border-radius:8px;color:#fff;z-index:1000}.react-datepicker__current-month.react-datepicker__current-month--hasMonthDropdown,.react-datepicker__current-month.react-datepicker__current-month--hasYearDropdown{background-color:#000;color:#fff}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{font-size:12px;right:0}.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{display:inline-block;width:100px}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{width:100%}.react-datepicker__input-container input{background-color:#1a1a1a;border:1px solid #979797;border-radius:8px;color:#fff}.custom-date-picker{display:flex;text-align:center;width:100%}.custom-date-picker::placeholder{color:grey;opacity:1;text-align:center}.custom-date-picker::-webkit-input-placeholder{text-align:center}.custom-date-picker:-ms-input-placeholder{text-align:center}.custom-date-picker::-ms-input-placeholder{text-align:center}.react-datepicker__header{border:none!important;font-family:NanumSquare_acL,serif}.react-datepicker__header,.react-datepicker__header--time{background-color:#1a1a1a;color:#fff}.react-datepicker__day--today{background-color:#0627c8!important;border-radius:50%;color:#fff}.react-datepicker__day--today:hover{background-color:#2176ff!important}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}#history-page{color:#fff;font-family:NanumSquare_acL,serif;font-size:12px;width:100%}.task-map-container{margin-bottom:20px}.map-data{display:inline-flex;font-size:14px;margin:1em auto;min-width:520px;& p{margin-right:2em;& strong{color:#979797;margin-right:3px}}}.task-card-container{background-color:#040404;border:1px solid #606060;border-radius:8px;display:flex;flex-wrap:nowrap;gap:10px;margin:4em auto;min-height:500px;overflow-x:auto;padding:10px;width:90%}.task-card-container::-webkit-scrollbar{height:8px}.task-card-container::-webkit-scrollbar-thumb{background:#888;border-radius:8px}.task-card-container::-webkit-scrollbar-thumb:hover{background:#555}.task-card{background-color:#06060680;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:0 0 auto;padding:10px;text-align:left;width:250px}.task-card p{margin:5px 0}.button-container{margin-bottom:2em;margin-top:4px;& button{font-family:NanumSquare_acL,serif;font-size:12px;font-weight:400;margin-right:1em;width:100px}}#history-page .component-container{opacity:1;position:relative;transition:transform .2s ease-in-out,opacity .2s ease-in-out}#history-page .component-container.transitioning{opacity:0;transform:translateX(-100%)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}#history-page .navigation-buttons{margin-bottom:20px;position:fixed;z-index:4;& .left-arrow-btn{left:1em}& .left-arrow-btn,& .right-arrow-btn{background-color:#fff0;position:fixed;top:50vh}& .right-arrow-btn{right:1em}}.page-move-icon{filter:invert(100%);height:25px;transition-duration:.2s;width:25px}.page-move-icon:hover{filter:invert(50%);transition-duration:.3s}.history-component{& h1{font-family:NanumSquare_acB,serif}& .calender-section{& .button-container{margin:1em;& button{align-content:center;align-items:center;align-self:center;padding:0}}}}.user-history-section{margin:2em auto;width:90%;h2{font-family:NanumSquare_acB,serif;font-size:26px}table{border:1px solid #1a1a1a;border-collapse:initial;border-radius:12px;border-spacing:0;font-size:12px;overflow:hidden;width:100%}table,thead th{font-family:NanumSquare_acL,serif}thead th{background-color:#0627c8;border:2px solid #1a1a1a;color:#fff;font-size:14px;padding:12px;text-align:left}thead th:first-child{border-top-left-radius:10px}thead th:last-child{border-top-right-radius:10px}tbody td{border:2px solid #1a1a1a;padding:12px}tbody tr:last-child td:first-child{border-bottom-left-radius:12px}tbody tr:last-child td:last-child{border-bottom-right-radius:12px}tbody tr:nth-child(2n){background-color:#5c5c5c80}tbody tr:hover{background-color:#979797;cursor:pointer}thead th{position:sticky;top:0;z-index:1}}.pending-user-card,.registered-user-card{border:1px solid #ddd0;border-radius:8px;box-shadow:2px 2px 12px #0000001a;margin:10px;padding:16px;position:relative;text-align:left;transition-duration:.3s}.pending-user-card:hover,.registered-user-card:hover{border:1px solid #007bff}.pending-user-card .card-row,.registered-user-card .card-row{display:flex;margin:8px 0}.pending-user-card .card-label,.registered-user-card .card-label{font-weight:700;margin-right:10px;width:30%}.pending-user-card .card-value,.registered-user-card-buttons .card-value{flex:1 1;width:70%}.pending-user-card-buttons,.registered-user-card-buttons{display:flex;gap:10px;position:absolute;right:3px;top:3px}.pending-user-card button,.registered-user-card-buttons button{color:#fff;cursor:pointer;transition:background-color .2s}.pending-user-card button,.registered-user-card-buttons button,.user-role-dropdown{align-content:center;align-items:center;align-self:center;border:none;padding:1px 10px;text-align:center}.user-role-dropdown{height:24px}.accept-user-btn,.refuse-user-btn{width:70px}.refuse-user-btn:hover{background-color:#9f4d4d}.battery{background-color:#282c34;border-radius:12px;height:18px;margin-left:10px;overflow:hidden;position:relative;text-align:right;width:120px}.progress-bar{background-color:#2176ff;border-radius:12px;height:100%;transition:width .5s ease-in-out}.progress-text{color:#fff;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.robot-details-card-content-wrapper{display:flex;margin:2em auto;text-align:left;width:90%}.robot-details-right{display:flex;flex-direction:column;height:60vh;margin-left:2em;width:60%}.tasks-container{background-color:#06060680;border:1px solid #343a40;border-radius:12px;display:flex;height:60vh;margin-top:10px;max-height:60vh;overflow-y:auto;padding:10px;width:100%}.tasks-container ul{list-style-type:none;margin:0;padding-left:0}.tasks-container li{margin-bottom:10px}.tasks-container li ul{padding-left:20px}.location-select-btn-wrapper{align-content:center;align-items:center;align-self:center;display:inline-flex;height:24px;text-align:center;& label{margin-right:1em}& select{align-content:center;align-items:center;align-self:center;height:22px;padding:0 1em;width:120px}& button{height:22px;margin:0 0 0 1em}}.red-background{background-color:#9f4d4d}.robot-details-left{display:flex;flex-direction:column;margin-right:2em;min-width:35%}.detail-item{display:flex;font-family:NanumSquare_acR,serif;font-size:12px;margin-bottom:2px;& input{margin-left:1em;width:96px}& button,& input{align-content:center;align-self:center;height:18px}& button{margin:0 0 0 5px;width:50px}}.detail-key{font-weight:700;width:150px}.detail-value{align-content:center;background-color:#282c34;border-radius:12px;height:18px;margin-left:10px;padding:0 10px;text-align:right;transition:background-color 1s ease-in-out,opacity 1s ease-in-out;width:100px}.robot-details-card{display:block;h1{font-family:NanumSquare_acB,serif;font-size:24px}}.modal-section{font-family:NanumSquare_acL,serif;margin-bottom:20px}.modal-footer{text-align:right}.modal-action-button{cursor:pointer;font-size:16px;padding:10px 20px}.location-list-item{margin-bottom:10px}div#first-division-row-wrapper{border-radius:8px;display:flex;font-family:NanumSquare_acL,serif;height:35%;margin:3em auto 0;width:90%;& ul{list-style-type:none;margin:3px 0;text-align:left;text-decoration:none}& div.registered-location-section,& div.registered-map-types-section{background-color:#06060680;border-radius:12px;display:block;margin-right:2em;overflow-y:auto;width:50%}& div.registered-map-types-section{height:100%;&>div{padding:0 0 0 3em}& div>div{margin:5px 0;text-align:left}}}div#second-division-row-wrapper{border-radius:8px;display:flex;font-family:NanumSquare_acL,serif;height:40%;margin:3em auto 0;overflow-y:hidden;width:90%;& div.location-register-btn-section{align-items:center;display:flex;flex-direction:column;overflow-y:hidden;& h2{margin:1em 0 5px}& .location-register-form{align-items:center;display:flex;flex-direction:column;overflow-y:hidden;width:100%;& label{align-items:flex-start;display:flex;flex-direction:column;margin:5px;width:80%}& input{height:5px;margin-top:5px;padding:8px 5px;width:100%}& button{display:block;margin-top:1em;width:100px}}}& div.location-register-btn-section{background-color:#06060680;border-radius:12px;display:block;height:100%;margin-right:2em;overflow-y:auto;width:50%}}#admin_page{align-items:center;background-color:#080808;color:#fff;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;scrollbar-width:none;width:100%;z-index:0}.admin-sub-section{background:#040404;border:1px solid #343a40;border-radius:8px;display:flex;flex-direction:row;font-family:NanumSquare_acL,serif;height:50%;margin:1em auto;min-width:1300px;padding:1em;position:relative;width:90%;div{h2{font-family:NanumSquare_acB,serif}}}.admin-sub-section>div{box-sizing:border-box;flex:1 1;margin:0 10px;position:relative}.admin-sub-section>div:first-child:after{background-color:#343a40;bottom:0;content:"";display:block;position:absolute;right:-11px;top:0;width:1px}.admin-content_panel{border-radius:8px;color:#fff;margin-top:20px;max-width:600px;padding:20px;width:100%}.admin-content_panel h2{font-family:NanumSquare_acB,serif;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.admin-content{font-size:16px;margin:0 auto;text-align:center;width:95%;h1,h2{font-family:NanumSquare_acB,serif;min-width:350px}}.loaded-list,.loading-list{border-radius:12px;gap:1em;margin:1em 0;max-height:550px;min-height:350px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;width:100%}.card-container{grid-gap:20px;background-color:#040404;display:grid;gap:20px;padding:10px;transition-duration:.3s}.robot-no-location-card-list-section .card-container{grid-template-columns:repeat(3,1fr);overflow-x:hidden}.robot-no-location-card-list-section{overflow-x:hidden;width:100%}.robot-location-card{border:1px solid #2176ff00;border-radius:12px;display:block;font-family:NanumSquare_acL,serif;font-size:14px;justify-content:center;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;text-align:center;transition-duration:.3s;& h2{cursor:pointer;font-family:NanumSquare_acB,serif}& p{padding-left:1em;text-align:left}}.robot-location-card:hover{border:1px solid #2176ff;cursor:pointer}.robot-location-card-content-div{display:flex;padding:1em;transition-duration:.3s;width:100%;& .robot-location-card-left-content-div{border:1px solid #0000;transition-duration:.3s;width:50%}& .robot-location-card-right-content-div{align-content:center;border:1px solid #0000;text-align:center;transition-duration:.3s;width:40%;& img{max-height:110px;width:auto}}}.admin-header-btn-section{display:flex;margin:1em 0 0;min-width:550px;width:100%;& button{height:24px;margin:0 1em;width:120px}}.no-after:after{width:0}.icon-list{display:block;height:100%}button.admin-page-refresh{display:block;font-size:26px!important;line-height:.5;margin-left:1em!important;position:relative!important;right:auto!important;text-align:left;top:auto!important}.registered-marker-list{background-color:#040404;border-radius:12px;cursor:default;display:flex;flex-direction:column;height:59%;margin:1em auto;width:95%;& h2{margin:1em 0 10px 20px;text-align:left}& .icon-list{grid-gap:1em;box-sizing:border-box;display:grid;gap:1em;grid-template-columns:repeat(1,1fr);margin:2em auto;max-height:420px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;width:100%}& .icon-item{align-items:center;background-color:#06060680;border:1px solid #1a1a1a;border-radius:5px;display:block;justify-content:center;margin:0 auto;padding:10px;text-align:left;width:90%;& p{font-weight:700;& span{font-weight:400}}}& .icon-item:hover{border:1px solid #007bff}}div.icon-manage-modal-content{font-family:NanumSquare_acL,serif;left:40%;margin:0 auto;min-height:850px;min-width:400px;width:20%;& h1,h2{font-family:NanumSquare_acB,serif}}.marker-manage-section{height:93%;min-height:750px}section.marker-add-section{background-color:#040404;border-radius:12px;display:flex;flex-direction:column;height:35%;margin:1em auto;min-height:250px;padding-left:1em;position:relative;width:95%;& h2{margin-left:1em;text-align:left}& form{grid-gap:10px;display:grid;gap:10px;width:100%;& div{display:flex;text-align:left;width:100%;& label{margin-left:20px;width:40%}& input{height:22px;margin:0 2em 0 1em;text-align:right;width:50%}}}& button{bottom:1em;left:calc(50% - 50px);position:absolute;width:100px}}div.robot-img-mange-modal{font-family:NanumSquare_acB,serif;height:70vh;left:35%;min-height:750px;width:30%;& h1{text-align:center}& h1,& h2{font-family:NanumSquare_acB,serif}& h2{margin-left:2em;text-align:left}& .device-manage-section{height:100%;& .registered-device-list{height:60%}& .device-add-section{height:25%;& form{display:block;margin:1em auto;width:100%;& div{display:flex;margin:10px auto;text-align:left;width:95%;& label{margin-left:20px;width:40%}& input{align-content:center;align-items:center;align-self:center;display:inline-flex;height:22px;margin:0;text-align:right;width:50%}}}& button{bottom:1em;left:calc(50% - 50px);position:absolute;width:100px}}}}@font-face{font-family:NanumSquare_acB;font-style:normal;font-weight:400;src:url(/static/media/NanumSquare_acB.ac4e2f27234150ae0de3.ttf) format("truetype")}@font-face{font-family:NanumSquare_acEB;font-style:normal;font-weight:400;src:url(/static/media/NanumSquare_acEB.0367d0c13d221c0ba33f.ttf) format("truetype")}@font-face{font-family:NanumSquare_acL;font-style:normal;font-weight:400;src:url(/static/media/NanumSquare_acL.6299d42abaf5726d8c89.ttf) format("truetype")}@font-face{font-family:NanumSquare_acR;font-style:normal;font-weight:400;src:url(/static/media/NanumSquare_acR.4e7e79f44291f1287d1d.ttf) format("truetype")}.user-page{background-color:#080808;color:#fff;height:100vh;overflow:hidden;position:relative;width:100%}.user-page h1{font-family:NanumSquare_acB,serif;margin-bottom:20px;text-align:center}.user-page-content{background:#040404;border:1px solid #282c34;border-radius:12px;display:block;font-family:NanumSquare_acL,serif;font-size:14px;margin:2em auto;padding:2em;width:30%}div.user-button-wrapper{display:block;width:100%}div.user-button-wrapper>button{align-content:center;align-items:center;align-self:center;display:block;text-align:center}.user-details{& button{margin-top:1em;width:120px}}.detail-group{display:flex;margin:.4em 0;& label{margin-left:5%;text-align:left;width:40%}& span{font-weight:700;text-align:right;width:50%}}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input{box-sizing:border-box;padding:8px;width:100%}div#update-user-detail-modal{font-family:NanumSquare_acL,serif;height:100%;margin:auto;width:100%}div.user-detail-change-modal{height:40%;margin:auto;position:fixed;width:550px;& h2{font-family:NanumSquare_acL,serif;font-size:16px}form{padding:2em;& button{bottom:1em;font-size:12px;left:calc(50% - 50px);position:absolute;width:100px}}}html{overflow-y:scroll}#root,html{height:100%;width:100%}#root{display:block}.App{background-color:#080808;text-align:center}.App,.app-content{display:block;height:100%}.app-content,.header{width:100%}.header{height:10vh;position:fixed;top:0;z-index:1000}body{background-color:#080808;color:#fff;display:block;height:100%;-webkit-user-select:none;user-select:none;width:100%}.allow-select{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}p{font-family:NanumSquare_acL,serif}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.test-label{border-radius:5px;bottom:1em;display:block;font-size:10px;position:fixed;right:.5em;width:150px;z-index:1000}.test-label,button{color:#fff;text-align:center}button{align-content:center;align-items:center;background-color:#606060;border:none;border-radius:8px;cursor:pointer;font-family:NanumSquare_acR,serif;font-size:12px;height:24px;transition:background-color .3s}button:hover{background-color:#2176ff;color:#fff;cursor:pointer;transition-duration:.2s}button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}button:focus,div,h1,h2,h3,p{caret-color:#0000;outline:none;transition:border-color .3s}button.refresh-button{background-color:initial;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:25px;line-height:.5;margin:0;padding:5px;position:absolute;right:2.4em;top:1em;transition-duration:.3s}.refresh-button:hover{background-color:#6c757d00;color:#fff}.modal-close-button{background-color:#100f0f00;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:28px;font-weight:700;margin:0;padding:5px;position:absolute;right:24px;top:24px;transition-duration:.3s;z-index:5}.modal-close-button:hover{background-color:#6c757d00;color:#fff}select{background-color:#272727;border:none;border-radius:12px;color:#fff;font-size:10px;padding:8px}select:focus{border:1px solid #007bff}option{border-radius:12px;color:#fff;font-size:10px}option:hover{background-color:#007bff!important;border:1px solid #007bff;color:#fff!important;cursor:pointer}option:focus{background-color:#0056b3;border:1px solid #0056b3;color:#fff;outline:none}input{background-color:#272727;border:none;border-radius:12px;color:#fff;font-size:10px;padding:0 12px}input:focus{border:1px solid #007bff!important;outline:none}input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input[type=number]{align-content:center;-moz-appearance:textfield;text-align:center}.modal-content{background-color:#121316;border-radius:32px;box-shadow:0 4px 10px #0000001a;color:#fff;display:block;font-size:12px;height:100%;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.modal-content h1{align-self:flex-start}.modal-overlay{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:10}.modal-title{font-family:NanumSquare_acB,serif;font-size:30px;font-weight:700;margin:1em 0}.modal-body{display:flex;height:100%;margin:0;padding:0;position:relative;width:100%}h1,h2,h3,p{cursor:default;overflow-x:hidden;overflow-y:hidden}.page_spinner{animation:spin .5s linear infinite;border:6px solid #0000001a;border-left-color:#2176ffa8;border-radius:50%;height:100px;top:50%;width:100px}.page_spinner,.page_spinner_text{display:flex;left:50%;margin:auto;position:fixed}.page_spinner_text{font-family:NanumSquare_acL,sans-serif;text-align:center;top:60%}.blue-text{color:#007bff}.section-spinner{animation:spin .4s linear infinite;border:4px solid #0000001a;border-left-color:#2176ffa8;border-radius:50%;display:block;height:40px;margin-left:calc(50% - 20px);margin-top:calc(50% - 20px);position:absolute;width:40px}.remove-button:hover{background-color:#9f4d4d}.blurred-overlay{background-color:#000000a8;display:flex;height:100vh;position:fixed;width:100vw;z-index:10}.line-separator{border:none;border-top:1px solid #5a606c;margin:12px auto;width:85%}::-webkit-scrollbar{border-radius:10px;height:10px;width:5px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{background:#1a1a1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-scrollbar-corner{background:#e0e0e0}.form-group{display:flex;& label{text-align:left;width:40%}}label.switch-label{align-content:center;align-items:center;align-self:center;display:flex;height:24px;text-align:left;div.custom-switch{display:flex;height:20px;margin:0 1em;& div.react-switch-bg{border:1px solid #555;display:flex;height:18px!important;top:0;width:48px!important;& div{height:24px!important;right:0!important;top:-2px!important;width:24px!important}}& .react-switch-handle{height:18px!important;left:1px!important;top:1px!important;width:18px!important}}}.input-error{border:1px solid red}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.modal-open{overflow:hidden}.BeforeAfterPage_inputContainer__5qArO{align-items:center;display:flex;height:100%;justify-content:flex-start;width:100%}.BeforeAfterPage_fileButton__puG-P{align-items:center;background-color:initial;border-radius:0;cursor:pointer;display:flex;font-size:2rem;height:100%;justify-content:center;margin:0 16px 0 0;padding:0;transition:transform .2s ease,opacity .2s ease}.BeforeAfterPage_fileDivider__XOQuS{border-right:2px solid #b1b1b1;height:60%;margin:0 17px 0 0;width:1px}.BeforeAfterPage_fileButton__puG-P:hover{background-color:initial;transform:scale(1.1)}.BeforeAfterPage_fileButton__puG-P:active{transform:scale(.95)}.BeforeAfterPage_inputWrapper__pnlTe{align-items:center;display:flex;height:100%;justify-content:space-between;position:relative;width:100%}.BeforeAfterPage_input__XeiaH{align-items:center;background-color:initial;display:flex;font-size:1rem;height:100%;padding:0;width:100%}.BeforeAfterPage_input__XeiaH:focus{border:none!important;box-shadow:none!important;outline:none!important}.BeforeAfterPage_sendButton__hyKUR{align-items:center;background-color:initial;color:#fff;cursor:pointer;display:flex;font-size:2rem;justify-content:center;padding:0;transition:transform .2s ease,opacity .2s ease}.BeforeAfterPage_sendButton__hyKUR:hover{background-color:initial;transform:scale(1.1)}.BeforeAfterPage_sendButton__hyKUR:active{transform:scale(.95)}.BeforeAfterPage_modalOverlay__XNzTU{align-items:flex-start;background-color:initial;border:0;display:flex;justify-content:center;left:0;margin:0;padding:10px 0;position:absolute;top:100%;width:100%;z-index:10}.BeforeAfterPage_modalContent__dvOe2{background-color:#000c;border-radius:4px;box-shadow:0 2px 10px #0000001a;height:auto;overflow-y:auto;padding:24px;width:100%}.BeforeAfterPage_modalTitle__n9I-9{font-size:1.25rem;margin-bottom:16px}.BeforeAfterPage_modalBody__hOStL{margin-bottom:16px;max-height:300px;overflow-y:auto;white-space:pre-wrap}.BeforeAfterPage_modalCloseButton__NKXXJ{background-color:initial;border:1px solid #ccc;border-radius:4px;cursor:pointer;margin-top:16px;padding:8px 16px}.BeforeAfterPage_beforeAfterPage__eYuFQ{align-items:center;display:flex;flex-direction:column;height:100%;overflow:hidden!important;width:100%}.BeforeAfterPage_beforeAfterPage__eYuFQ p{font-family:NanumSquare_acL,serif}.BeforeAfterPage_beforeAfterPage__eYuFQ h1{font-family:NanumSquare_acB,serif;font-weight:600}.BeforeAfterPage_mainPage__SbUra{align-items:center;display:flex;flex-direction:row;height:100%;max-height:100%;width:100%}.BeforeAfterPage_LeftSidePanel__PwpUo{background-color:#3a3a3a;box-sizing:border-box;height:100%;margin:0;padding:0 1em;width:16%;z-index:2}.BeforeAfterPage_mainPanel__uywd6{align-items:center;background-color:#2f2f2f;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;width:68%}.BeforeAfterPage_RightSidePanel__dsizR{background-color:#3a3a3a;box-sizing:border-box;height:100%;margin:0;padding:0 1em;width:16%;z-index:2}.BeforeAfterPage_chartTable__HAFsZ{display:flex;flex-direction:row;height:80%;width:80%}.BeforeAfterPage_chartRow__Yt4Pe{flex-basis:50%}.BeforeAfterPage_chartHalf__PximJ{height:50%}.BeforeAfterPage_chart30__0Et7L,.BeforeAfterPage_chartHalf__PximJ{background-color:#0f0f14b3;border-radius:10px;box-shadow:0 2px 10px #0003;padding:15px}.BeforeAfterPage_chart30__0Et7L{height:30%}.BeforeAfterPage_chart70__ruKN3{box-sizing:border-box;height:70%;min-height:400px;padding:15px;width:100%}.BeforeAfterPage_controllerContainer__Sf8J8{height:100%;overflow:hidden;width:100%}.BeforeAfterPage_row__8ggsO{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.BeforeAfterPage_detailSettingHeader__0JQsi{align-items:center;display:flex;justify-content:space-between;width:100%}.BeforeAfterPage_infoIcon__J\+hcy{cursor:pointer}.BeforeAfterPage_facilityListContainer__ML5I-{height:calc(100% - 500px);margin-top:10px;overflow:auto;width:100%}.BeforeAfterPage_controllerDivider__gxio3{background-color:#454545;border:none;height:1px;margin:0 0 1em;padding:0}.BeforeAfterPage_AISuggestionButton__148qh{align-items:center;display:flex;justify-content:center;margin:0;padding:20px;text-align:center}.BeforeAfterPage_controllerHeader__4dEg6{align-items:center;display:flex;height:8%;justify-content:space-between;width:100%}.BeforeAfterPage_leftPanel__-afLz{height:100%}.BeforeAfterPage_facilityGroupHeader__CnJNY{align-items:center;display:flex;justify-content:space-between}.BeforeAfterPage_facilityTitle__bQpxX{text-align:left}.BeforeAfterPage_facilityUnit__CBbCf{text-align:right}.BeforeAfterPage_facilityFieldList__Rrqz9{display:flex;flex-direction:column}.BeforeAfterPage_facilityFieldItem__jxzMK{align-items:center;display:flex;flex-direction:row}.BeforeAfterPage_fieldLabel__zvETG{flex:1 1;text-align:left}.BeforeAfterPage_fieldValue__piYIq{align-items:center;background-color:#242424;border-radius:8px;display:flex;flex:1 1;font-family:NanumSquare_acL,serif;height:1.75em;justify-content:flex-end;margin:.5em;padding:0 1em 0 0;text-align:right}.BeforeAfterPage_groupDivider__SdCvv{background-color:#454545;border:none;height:1px;margin:10px 0}.BeforeAfterPage_facility-list__sGQZH{padding:15px}.BeforeAfterPage_facilityGrid__V\+nmC{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;height:100%;margin-right:10px;margin-top:10px}.BeforeAfterPage_facilityCardContainer__QJKTE{display:block}.BeforeAfterPage_facilityCard__hP5tL{background-color:#444;border:1px solid #50506480;border-radius:12px;box-shadow:0 4px 8px #0000004d;display:flex;flex-direction:column;height:150px;justify-content:space-between;overflow:hidden;transition:transform .2s,box-shadow .2s}.BeforeAfterPage_facilityCardHeader__QRt1W{align-items:center;display:flex;justify-content:space-between;padding:18px 18px 8px;&>p{margin:0;padding:0}}.BeforeAfterPage_facilityCardContent__L7aMl{align-items:center;display:flex;height:calc(100% - 50px);justify-content:space-between;padding:0 10px 10px}.BeforeAfterPage_facilityCard__hP5tL:hover{border-color:#6478c8b3;box-shadow:0 6px 12px #0006;transform:translateY(-3px)}.BeforeAfterPage_facilityCardDivider__GUtRm{background-color:#454545;border:none;height:1px;margin:0 10px;padding:0}.BeforeAfterPage_facilityImage__HTG71{border-radius:12px;height:80px;overflow:hidden;width:110px}.BeforeAfterPage_facilityImage__HTG71 img{height:100%;object-fit:cover;width:100%}.BeforeAfterPage_facilityInfo__cF3m9{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0 0 0 10px}.BeforeAfterPage_facilityInfo__cF3m9 h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 12px}.BeforeAfterPage_facilityStats__DOo3c{color:#ccc;display:block;font-size:15px;justify-content:space-between}.BeforeAfterPage_facilityStatsItem__xv7JB{align-items:center;display:flex;justify-content:space-between}.BeforeAfterPage_facilityStats__DOo3c p{align-items:center;display:flex;margin:0 20px 0 0}.BeforeAfterPage_container__mu1-5{align-items:center;background-color:#242424;background-color:#222;border-radius:8px;display:flex;flex-direction:column;font-family:sans-serif;height:30px;justify-content:center;padding:0 10px;width:538px}.BeforeAfterPage_summaryContainer__wiPlG{align-items:flex-start;align-self:center;background-color:#242424;border-radius:40px;display:flex;flex-direction:column;height:23%;justify-content:flex-start;margin:10px;width:calc(100% - 6em);& div{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:flex-start;padding:24px;width:calc(100% - 48px);& img{height:30px;margin-right:20px;width:30px}}& p{background-color:initial;color:#fff;font-size:16px;margin:0;padding:0;text-align:left}& p.BeforeAfterPage_summaryContent__c\+93J{padding-left:24px;white-space:pre-line}}.BeforeAfterPage_chartContainer__4rt61{display:flex;flex-direction:column;height:100%;width:100%}.BeforeAfterPage_chartHeader__gKvEr{align-items:center;display:flex;flex-direction:row;height:8%;justify-content:space-between;margin:0 3em!important;width:calc(50% - 3em + 269px)}.BeforeAfterPage_mainDivider__KMPtQ{background-color:#454545;border:none;height:1px;margin:0 3em;padding:0;width:calc(100% - 6em)}.BeforeAfterPage_chartBack__hlDDK{background-color:initial;border-radius:5px;color:#fff;padding:10px}.BeforeAfterPage_uploadArea__GPlBc{align-items:center;display:flex;flex-direction:row;float:left;margin:24px 0 20px 3em;padding:0}.BeforeAfterPage_fileInput__4FRWc{display:none}.BeforeAfterPage_fileName__rBXEa{color:#fff;font-size:14px;margin-left:10px}.BeforeAfterPage_chartGrid__fqDop{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:2fr 2fr;grid-template-rows:1fr 1fr;height:60%;justify-items:center;margin:0 3em;min-height:0;width:calc(100% - 6em)}.BeforeAfterPage_chartHeader__gKvEr{margin:0;padding:0}.BeforeAfterPage_facilityDetailContainer__DY5uI{background-color:#3a3a3a;display:flex;flex-direction:column;height:90%;width:100%}.BeforeAfterPage_facilityDetailCard__pK59F{background-color:#242424;border-radius:23px;display:flex;flex-direction:column;height:calc(100% - 36px);justify-content:space-between;padding:0 18px 18px;width:calc(100% - 36px)}.BeforeAfterPage_facilityCardHeaderInfo__N8YS\+{align-items:center;display:flex;height:20px;justify-content:space-between;&>p{margin-right:2em}}.BeforeAfterPage_facilityDetailHeader__mUOB\+{align-items:center;display:flex;height:68px;width:100%;&>img{border-radius:12px;height:80px;object-fit:cover;width:110px}&>div{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-left:1em;width:100%}}.BeforeAfterPage_facilityDetailBox__942Je{align-items:center;display:flex;justify-content:space-between;width:100%;&>p{margin:0}}.BeforeAfterPage_facilityMiscInfo__xlQEN{align-items:center;display:flex;flex-direction:row;justify-content:space-between;& p:nth-child(2){color:#b5b5b5}}.BeforeAfterPage_facilityMiscDetail__0z9NZ{align-items:center;border-left:1px solid #b5b5b5;display:block;margin-top:0;padding-left:1em;& div{align-items:center;display:flex;justify-content:space-between;margin:0;padding:0;& p{margin:0;padding:.5em 0}& p:nth-child(2){color:#b5b5b5}}}.BeforeAfterPage_backButton__lvc1x:hover{background-color:#444}.BeforeAfterPage_facilityAdditionalInfo__JRgcz{background-color:#444;border-radius:8px;margin-bottom:30px;padding:15px}.BeforeAfterPage_facilityAdditionalInfo__JRgcz h3{color:#ccc;font-size:16px;margin:0 0 10px}.BeforeAfterPage_facilityAdditionalInfo__JRgcz p{line-height:1.5;margin:0}.BeforeAfterPage_facilityActionButtons__RhaVS{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:30px}.BeforeAfterPage_backButton__lvc1x{background-color:#242424;text-align:center}.BeforeAfterPage_backButton__lvc1x,.BeforeAfterPage_compareButton__0rAgL{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:background-color .3s;width:120px}.BeforeAfterPage_compareButton__0rAgL{background-color:#2176ff}.BeforeAfterPage_compareButton__0rAgL:hover{background-color:#1a67d5}.BeforeAfterPage_smartPicksButton__8VxBk{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:background-color .3s;width:100%}.facility-image-container{& img{border-radius:22px;height:164px;object-fit:cover;width:90%}}.ba-calendar-container{align-items:center;background-color:#444;border-radius:8px;display:flex;height:45%;padding:0 13px;width:fit-content;& img{margin:13px}& input{background-color:initial;border:none;border-radius:0;direction:rtl;font-size:14px;padding:0}& input[type=date]::-webkit-calendar-picker-indicator{display:none}& input[type=date]{appearance:none;-moz-appearance:none}}.date-range-inputs{align-items:center;display:flex}.date-range-display{color:#fff;cursor:default;font-size:14px;padding:0 8px}.date-separator{color:#fff;margin:0 5px}div.ba-chart-container{background-color:#242424;border-radius:40px;display:block;flex-direction:column;height:100%;min-height:330px;min-width:536px;overflow:auto;padding:0;width:100%;& div.top-chart-header{display:block;height:calc(20% - 10px);margin:10px 0 0;width:100%;& h1{font-size:24px;margin:0 0 .5em}& h1,& p{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}& p{margin:0}}}div.ba-table-container{display:block;height:100%;width:80%}div.ba-graph-section{align-items:center;display:flex;height:calc(80% - .5em);justify-content:space-between;width:100%;& div.ba-graph-container{display:flex;height:100%;padding-left:1em;width:calc(72% - 1em)}& div#ba-kpi-score-container{align-items:end;display:block;height:100%;margin:0;width:calc(30% - 2em);& .ba-kpi-current-score-item,.ba-kpi-comparision-score-item{display:block;height:50%;text-align:left;width:100%}}}div.ba-table-section{align-items:center;display:flex;flex-direction:row;height:calc(100% - 100px);justify-content:center;width:100%}.ba-kpi-comparision-score-item>h3{color:#666;font-size:54px;margin:0;width:100%}.ba-kpi-current-score-item>h3{color:#2176ff;font-size:54px;margin:0;width:100%}div.ba-kpi-text-area{display:flex;width:100%;& h3{align-items:center;font-size:12px;height:40px;margin:0}}div.ba-graph-container .recharts-text,div.ba-roi-chart-name{font-family:NanumSquare_acL,serif;font-size:12px}div.ba-roi-chart-name{align-items:center;display:flex;justify-content:center;& h3{margin:0;width:auto}}g.recharts-cartesian-grid{display:flex;width:200px!important;& g.recharts-cartesian-grid-horizontal{display:flex;width:200px!important}}g.recharts-layer.recharts-cartesian-axis.recharts-yAxis.yAxis{text-align:left}.roi-chart-legend{align-items:center;display:inline-flex;justify-content:space-between;width:8rem;& span{color:#fff;display:flex;font-family:NanumSquare_acL,serif;font-size:12px}}.eff-graph-header{display:flex;flex-direction:column;font-size:12px;height:100%;justify-content:space-evenly;margin:0 0 0 1em;text-align:left;width:50%}.FacilityChart_categoryColumn__cUxo\+{border:0;font-family:NanumSquare_acL,serif;font-size:12px;justify-content:flex-start!important;max-width:150px;min-width:150px;text-align:left;width:150px}.FacilityChart_hideCategoryHeader__3qd4D{height:0;opacity:0;overflow:hidden;visibility:hidden}.FacilityChart_categoryWrapper__qp-aT{display:flex;flex:0 0 150px;flex:1 1;flex-direction:column;height:100%;min-width:150px}.FacilityChart_beforeTableHeader__j88Bg th{background-color:initial;border:0;color:#2176ff}.FacilityChart_afterTableHeader__fb3gK th{background-color:initial;border:0}.FacilityChart_dividerCell__difx7{align-self:center;background-color:#fff;border-right:1px solid #454545;display:flex;height:72%;margin-top:3em}.FacilityChart_tableContainer__nfbYI{display:flex;height:100%;width:100%}.FacilityChart_mopTable__bMfzK{background-color:initial;border:0;color:#fff;height:100%;margin:15px 0;table-layout:fixed;width:100%}.FacilityChart_mopTableContainer__CZuGW{align-items:center;display:flex;height:100%;width:80%}.FacilityChart_mopTableHeader__-p378{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center}.FacilityChart_mopTableHeader__-p378 h1,.FacilityChart_mopTableHeader__-p378 p{margin:0;padding:0}.FacilityChart_tableWrapper__wNJ40{display:flex;flex:1 1;flex-direction:column;font-family:NanumSquare_acL,serif;font-size:12px;height:100%}.SliderComponents_sliderContainer__A8XO2{align-items:baseline;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:24px;width:100%;&>div:first-child{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;& p{margin:.5em 0;padding:0}}}.SliderComponents_sliderTitle__MMm6d{font-size:16px;font-weight:500;margin:0;padding-right:15px;text-align:left;white-space:nowrap;width:15%}.SliderComponents_sliderContent__NzxCN{display:flex;flex-direction:column;margin:0;overflow:visible;padding-right:15px;width:70%}.SliderComponents_sliderRow__LHF4k{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:8px;width:100%}.SliderComponents_sliderHeader__tIYbB{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.SliderComponents_sliderHeader__tIYbB h4{font-size:16px;font-weight:500;margin:0}.SliderComponents_sliderValue__Y3KDD{align-self:flex-end;color:#666;font-size:14px;margin-top:5px}.SliderComponents_rangeInputs__eGDjC{align-items:center;display:flex;height:32px;justify-content:space-between;margin-top:10px;overflow:visible;position:relative;width:100%}.SliderComponents_rangeInputs__eGDjC>span{display:inline-block;margin:0 5px}.SliderComponents_valueAdjustButtons__4t6jR{display:flex;gap:8px;padding:5px}.SliderComponents_valueAdjustButtons__4t6jR button{align-items:center;display:flex;font-size:14px;height:30px;justify-content:center;min-width:50px}.SliderComponents_slider__\+fwIm{min-width:200px;width:98%;.ant-slider-rail{background-color:#181818}.ant-slider-track{background-color:#eee}.ant-slider-handle:after{background-color:#181818;border:1px solid #eee;box-shadow:0 0 0 2px #fff}.ant-slider-handle:active:after,.ant-slider-handle:focus:after,.ant-slider-handle:hover:after{background-color:#181818;border:2px solid #eee;box-shadow:0 0 0 2px #fff}}.SliderComponents_chatContainer__zUamT{display:flex;height:100%;margin-top:1em;width:100%}.SliderComponents_chatMessages__aa0pM{display:flex;height:500px!important;overflow-y:auto;width:100%}.SliderComponents_singleMessage__3lqBg{margin-bottom:3em}.SliderComponents_chatContainerBody__3wAQb{display:flex;flex-direction:column;height:100%;padding:0;width:100%}.SliderComponents_inputNumberWrapper__FvwCJ{align-items:center;background-color:#242424;border:1px solid #0000;border-radius:8px;display:flex;height:1.75em;justify-content:flex-start;transition:border-color .3s;width:100%;>p{font-family:NanumSquare_acL,serif;font-size:16px;padding:0 .2em 0 .7em;width:2em}}.SliderComponents_focused__G2vEy{border-color:#1890ff}.SliderComponents_inputNumber__6Q33-{background-color:initial;border-color:#0000;color:#fff!important;font-family:NanumSquare_acL,serif;font-size:16px;height:100%;margin:0;outline:none;padding:0;width:100%}.SliderComponents_inputNumber__6Q33-:focus{border:0!important}div.space-create-page img.scp-background-img{display:flex;height:100%;position:fixed;width:100%;z-index:1}div.scp-top-controller{align-items:center;background-color:#1e1c1e;border-radius:16px;display:flex;gap:8px;height:48px;left:calc(50% - 348px);position:fixed;top:16px;width:696px;z-index:6}div.scp-top-controller div.component-wrapper{align-content:center;align-items:center;align-self:center;border-radius:8px;display:flex;height:100%;padding:0 4px;width:100%}div.scp-top-controller div.component-wrapper button.scp-button{background-color:#1e1c1e;color:#d2d2d2;height:32px;margin:0 3px;width:32px}div.scp-top-controller div.component-wrapper button.scp-button:hover,hr.vertical-divider{background-color:#4a494a}hr.vertical-divider{border:none;border-radius:8px;display:inline-block;height:16px;margin:0 10px;position:relative;width:4px}button.spc-btn-selected{background-color:#4a494a}div.scp-scroll-indicator p{font-size:10px}button.scp-save-btn{background-color:#4a494a;color:#d2d2d2;font-size:10px;height:32px;width:64px}button.scp-play-btn{background-color:#3c3f4700;display:flex;height:32px;justify-content:center;width:32px}button.scp-play-btn img{align-content:center;align-items:center;align-self:center;display:flex;filter:invert(1);height:auto;width:90%}button.scp-play-btn:hover{background-color:#4a494a}div.scp-left-panel{left:16px;width:230px}div.scp-left-panel,div.scp-right-panel{background-color:#1e1c1e;border-radius:16px;display:block;height:calc(100% - 32px);position:fixed;top:16px;z-index:6}div.scp-right-panel{right:16px;width:252px}div#facility-create-modal{display:flex;height:684px;left:calc(50% - 250px);top:calc(50% - 342px);width:500px}div#facility-create-modal div.modal-content{display:block;height:100%;width:100%}div#facility-create-modal div.modal-content .modal-close-button{z-index:5}div#facility-create-modal>div.modal-content>div.modal-body{display:block;height:80%;margin:20% auto 0;position:relative;width:90%}div#facility-create-modal>div.modal-content>div.modal-body div.location-section{align-content:center;align-items:center;align-self:center;display:block;justify-content:center;position:relative;width:100%}div#facility-create-modal>div.modal-content>div.modal-body div.location-section h3{display:flex;justify-content:center;width:100%}div#facility-create-modal>div.modal-content>div.modal-body div.facility-select-add-section{align-content:center;align-items:center;align-self:center;display:flex;flex-grow:0;height:50px;justify-content:center;width:100%}div#facility-create-modal>div.modal-content>div.modal-body div.facility-select-add-section button{display:block;height:35px;width:70px}div#facility-create-modal>div.modal-content>div.modal-body div.space-mode-select-section{display:flex;width:100%}div#facility-create-modal>div.modal-content>div.modal-body div.space-mode-select-section form.space-register-form{display:block;width:100%}div#facility-create-modal>div.modal-content>div.modal-body div.space-mode-select-section form.space-register-form label{display:flex;justify-content:center;margin:1em 0;width:100%}div#facility-create-modal>div.modal-content>div.modal-body h3{display:flex;justify-content:center;width:100%}div.facility-add-modal{background-color:#121316;border-radius:16px;display:flex;height:684px!important;left:calc(50% - 250px);position:fixed;top:calc(50% - 342px);width:500px!important;z-index:6}div.facility-add-modal .facility-add-modal-content-wrapper{display:block;height:80%;justify-content:center;margin:10% auto;width:100%}div.facility-add-modal .facility-add-modal-content-wrapper h3{display:flex;height:35px;justify-content:center;width:100%}div.facility-add-modal .facility-add-modal-content-wrapper form.facility-register-form{display:block;justify-content:center;position:relative;width:100%}div.facility-add-modal .facility-add-modal-content-wrapper form.facility-register-form label{align-content:center;align-items:center;align-self:center;display:flex;justify-content:space-between;margin:8px 10%;width:80%}div.facility-add-modal .facility-add-modal-content-wrapper form.facility-register-form label span{display:inline-block;text-align:left}div.facility-add-modal .facility-add-modal-content-wrapper form.facility-register-form label input{display:flex;height:24px;padding:0;text-align:left;text-indent:1em;width:200px}div.vs-dropdown-component{display:flex;height:34px;justify-content:center;margin:1em auto;position:relative;width:246px}div.vs-dropdown-component div.vs-dc-default{align-content:center;align-items:center;align-self:center;border:2px solid #1e1f22;border-radius:8px;display:flex;height:100%;margin:0;padding:0;text-indent:1em;width:100%}div.vs-dropdown-component div.vs-dc-default:hover{background-color:#1e1f22;color:#fff}div.vs-dropdown-component ul.vs-dropdown-list{background-color:#20212500;border-radius:8px 8px 0 0;box-shadow:0 4px 12px #00000026;color:#a0a1a2;cursor:pointer;display:none;flex-direction:column;font-family:NanumSquare_acL,sans-serif;font-size:16px;left:1px;list-style-type:none;margin:0;padding:0;position:absolute;width:calc(100% - 2px);z-index:10}div.vs-dropdown-component ul.vs-dropdown-list.open{display:flex;flex-direction:column}div.vs-dropdown-component ul.vs-dropdown-list li.vs-list-item{align-content:center;align-items:center;align-self:center;background-color:#202125;border:1px solid #3c3f47;display:flex;font-size:12px;height:100%;margin:0;position:relative;text-align:left;text-indent:1em;top:34px;transition:background-color .3s;width:100%}div.vs-dropdown-component ul.vs-dropdown-list li.vs-list-item:hover{background-color:#2589ff;color:#fff}div.vs-dropdown-component ul.vs-dropdown-list li.vs-list-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}div.vs-dropdown-component ul.vs-dropdown-list:after{border-bottom:.1rem solid #9e9e9e;border-left:.1rem solid #9e9e9e;content:"";height:5px;margin:0;padding:0;position:absolute;right:15px;top:15px;transform:rotate(315deg);transition:transform .3s;width:5px}div.vs-dropdown-component ul.vs-dropdown-list.open:after{transform:rotate(135deg)}
/*!
 * Pintura v8.92.17 - Test version
 * (c) 2018-2025 PQINA Inc. - All Rights Reserved
 * License: https://pqina.nl/pintura/license/
 * 
 * This version of Pintura is for testing purposes only.
 * Visit https://pqina.nl/pintura/ to obtain a commercial license.
 */.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter{padding:0}.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter>div{height:1px}.PinturaUtilPanel[data-util=retouch] .PinturaControlListScroller+.PinturaControlListScroller{margin-top:1em}.pintura-editor,pintura-editor{--color-primary:#ffd843;--color-primary-dark:#ffc343;--color-primary-text:#000;--color-secondary:#03a9f4;--color-secondary-dark:#046bbf;--color-focus:4,107,191;--color-focus-100:rgba(var(--color-focus),1);--color-focus-50:rgba(var(--color-focus),0.5);--color-focus-25:rgba(var(--color-focus),0.25);--color-error:255,87,34;--color-error-100:rgb(var(--color-error));--color-error-75:rgba(var(--color-error),0.75);--color-error-50:rgba(var(--color-error),0.5);--color-error-25:rgba(var(--color-error),0.25);--color-error-10:rgba(var(--color-error),0.1);--color-foreground:0,0,0;--color-background:255,255,255;--color-preview-outline:var(--color-foreground);--color-transition-duration:250ms;--button-cursor:pointer;--font-size:16px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--backdrop-filter-bright:brightness(110%) saturate(180%) blur(10px);--backdrop-filter-dark:brightness(90%) saturate(180%) blur(10px);--border-radius-round:9999em;--border-radius:0.625em;--filter-disabled:grayscale(95%) opacity(40%);--editor-inset-top:0px;--editor-inset-bottom:0px;--safe-area-inset-top:0px;--safe-area-inset-bottom:0px;--pattern-transparent:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");--grid-color-even:rgba(var(--color-foreground),0.1);--grid-color-odd:rgba(var(--color-background),0.1);--grid-size:24}.pintura-editor,.pintura-editor-panel,pintura-editor{--color-foreground-100:rgba(var(--color-foreground),1);--color-foreground-95:rgba(var(--color-foreground),0.95);--color-foreground-90:rgba(var(--color-foreground),0.9);--color-foreground-80:rgba(var(--color-foreground),0.8);--color-foreground-70:rgba(var(--color-foreground),0.7);--color-foreground-60:rgba(var(--color-foreground),0.6);--color-foreground-50:rgba(var(--color-foreground),0.5);--color-foreground-40:rgba(var(--color-foreground),0.4);--color-foreground-30:rgba(var(--color-foreground),0.3);--color-foreground-20:rgba(var(--color-foreground),0.25);--color-foreground-15:rgba(var(--color-foreground),0.2);--color-foreground-10:rgba(var(--color-foreground),0.15);--color-foreground-5:rgba(var(--color-foreground),0.075);--color-foreground-3:rgba(var(--color-foreground),0.05);--color-foreground-1:rgba(var(--color-foreground),0.02);--color-foreground-0:rgba(var(--color-foreground),0);--color-background-100:rgba(var(--color-background),1);--color-background-95:rgba(var(--color-background),0.95);--color-background-90:rgba(var(--color-background),0.9);--color-background-80:rgba(var(--color-background),0.8);--color-background-70:rgba(var(--color-background),0.7);--color-background-60:rgba(var(--color-background),0.6);--color-background-50:rgba(var(--color-background),0.5);--color-background-40:rgba(var(--color-background),0.4);--color-background-30:rgba(var(--color-background),0.3);--color-background-20:rgba(var(--color-background),0.2);--color-background-15:rgba(var(--color-background),0.15);--color-background-10:rgba(var(--color-background),0.1);--color-background-5:rgba(var(--color-background),0.05);--color-background-3:rgba(var(--color-background),0.03);--color-background-1:rgba(var(--color-background),0.01);--color-background-0:rgba(var(--color-background),0)}.PinturaRootWrapper,.pintura-editor,pintura-editor{display:block}.PinturaRootWrapper{height:100%}.PinturaScrollableContent{max-height:100vh;max-height:var(--panel-max-height,100vh);overflow:hidden;overflow-y:auto;scrollbar-color:var(--color-foreground-30) #0000;scrollbar-width:thin}.PinturaScrollableContent::-webkit-scrollbar{cursor:pointer;width:1em}.PinturaScrollableContent::-webkit-scrollbar-track{background:none}.PinturaScrollableContent::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--color-foreground-30);border:.3125em solid #0000;border-radius:9999em;cursor:pointer}.PinturaRoot[data-env~=is-animated]{--transition-duration-multiplier:1}.PinturaRoot[data-env~=is-transparent]{background:none}.PinturaRoot{--nav-group-margin:0.5em;--editor-calculated-inset-top:calc(var(--safe-area-inset-top) + var(--editor-inset-top));--editor-calculated-inset-bottom:calc(var(--safe-area-inset-bottom) + var(--editor-inset-bottom));--transition-duration-10:calc(var(--transition-duration-multiplier, 0)*0.1s);--transition-duration-25:calc(var(--transition-duration-multiplier, 0)*0.25s);--transition-duration-50:calc(var(--transition-duration-multiplier, 0)*0.5s);background-color:var(--color-background-100);box-sizing:border-box;color:var(--color-foreground-90);contain:strict;direction:ltr;display:grid;font-family:var(--font-family);font-size:var(--font-size);font-weight:450;height:100%;height:var(--editor-height,100%);line-height:normal;max-height:none;max-height:var(--editor-max-height,var(--editor-max-height-default,none));max-width:none;max-width:var(--editor-max-width,var(--editor-max-width-default,none));outline-color:rgba(var(--color-preview-outline),1);overflow:hidden;padding-bottom:var(--editor-calculated-inset-bottom);padding-top:var(--editor-calculated-inset-top);position:relative;text-align:left;text-rendering:optimizeLegibility;text-transform:none;touch-action:manipulation;transition:background-color 1ms,outline-color 1ms,color var(--transition-duration-10) ease-in-out,dir 1ms;-webkit-user-select:none;user-select:none;width:100%;width:var(--editor-width,100%)}.PinturaRoot[dir=rtl] button{direction:rtl}.PinturaRoot .PinturaUtilMain{cursor:var(--cursor)}.PinturaRoot *{word-wrap:normal;box-sizing:initial}.PinturaRoot div:empty{display:block}.PinturaRoot button,.PinturaRoot fieldset,.PinturaRoot input,.PinturaRoot legend{background:#0000;border:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;text-decoration:none;width:auto}.PinturaRoot button[disabled]{pointer-events:none}.PinturaRoot canvas{display:block}.PinturaRoot svg{display:inline-block;height:auto;max-width:none;width:auto}.PinturaRoot p{margin:0}.PinturaRoot li,.PinturaRoot ul{list-style:none;margin:0;padding:0}.PinturaRoot a{color:inherit;text-decoration:none}.PinturaRoot .implicit{clip:rect(0 0 0 0);border:0;clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.PinturaRoot .PinturaFixedWidthCharacters{font-feature-settings:"tnum";font-variant:tabular-nums}.PinturaRoot .PinturaStage{align-self:stretch;display:flex;flex:1 1;pointer-events:none}.PinturaRoot .PinturaStage[tabindex="-1"]{outline:none}.PinturaRoot .PinturaRootPortal,.PinturaRoot>.PinturaCanvas{left:0;position:absolute;top:0}.PinturaRoot>.PinturaCanvas{height:100%;pointer-events:none;width:100%;z-index:0}.PinturaRoot>.PinturaCanvas canvas{height:100%;position:absolute;width:100%}.PinturaRoot>.PinturaCanvas:after{background-repeat:no-repeat;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.PinturaRoot>.PinturaStatus{align-items:flex-start;background-color:var(--color-background-90);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:99999}.PinturaRoot>.PinturaStatus>p{align-items:center;display:inline-flex;left:50%;position:absolute;top:50%;transition:opacity var(--transition-duration-50) ease-out;white-space:nowrap}.PinturaRoot .PinturaStatusMessage{font-size:.875em;position:absolute}.PinturaRoot .PinturaStatusAside{left:0;position:absolute}.PinturaRoot .PinturaStatusAside svg{height:1.25em;width:1.25em}.PinturaRoot .PinturaStatusAside .PinturaProgressIndicator{margin-left:.5em}.PinturaRoot .PinturaStatusAside .PinturaButton{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-5);border-radius:var(--border-radius-round);font-size:.875em;margin-left:.75em;outline:#0000;padding:.25em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out}.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaStatusIcon svg{font-size:.875em;margin-left:.5em;margin-top:.25em}.PinturaRoot>.PinturaNav{position:relative;z-index:3}.PinturaRoot>.PinturaNav:empty{display:none!important}.PinturaRoot>.PinturaNav .PinturaButton{outline:#0000;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNav .PinturaButton svg{transition:opacity var(--transition-duration-10) ease-out;width:1em}.PinturaRoot>.PinturaNav .PinturaButton>span{justify-content:center}.PinturaRoot>.PinturaNav .PinturaButtonIconOnly .PinturaButtonInner,.PinturaRoot>.PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner{width:1.75em}.PinturaRoot>.PinturaNav .PinturaButton .PinturaButtonInner{height:1.75em}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly){padding-left:.75em;padding-right:.75em}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) .PinturaButtonLabel{font-size:.75em;line-height:2}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly):not(.PinturaDropdownButton){box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaRoot>.PinturaNav .PinturaButton:only-of-type{border-radius:var(--border-radius-round)}.PinturaRoot>.PinturaNav .PinturaButton:only-of-type+*{margin-left:.5em}.PinturaRoot>.PinturaNav .PinturaButton[disabled] .PinturaButtonLabel,.PinturaRoot>.PinturaNav .PinturaButton[disabled] svg{opacity:.25}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaButtonExport{background-color:var(--color-primary);color:var(--color-primary-text)}.PinturaRoot .PinturaButtonExport:hover{background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport[data-focus-visible]{background-color:var(--color-primary);background-color:var(--color-primary-dark);box-shadow:inset 0 0 0 1px var(--color-foreground-5),0 0 0 3px var(--color-focus-50);color:var(--color-primary-text)}.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly){flex:1 1;padding:0 .75em}.PinturaRoot>.PinturaNavMain{display:flex;overflow:hidden}.PinturaRoot>.PinturaNavMain [aria-selected=true]{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button svg{align-self:center;width:1.5em}.PinturaRoot>.PinturaNavMain button span,.PinturaRoot>.PinturaNavMain button svg{pointer-events:none}.PinturaRoot>.PinturaNavMain button svg+span{margin-top:.75em}.PinturaRoot>.PinturaNavMain button span{display:block;font-size:.875em;max-width:calc(100% - 1em);overflow:hidden;text-overflow:ellipsis;width:calc(100% - 1em);width:inherit}.PinturaRoot>.PinturaNavMain button{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out}.PinturaRoot>.PinturaNavMain button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNavTools{box-sizing:border-box;max-width:100%;pointer-events:none}.PinturaRoot>.PinturaNavTools:empty{display:none}.PinturaRoot>.PinturaNavTools,.PinturaRoot>.PinturaNavTools .PinturaNavGroup,.PinturaRoot>.PinturaNavTools .PinturaNavSet{align-items:center;display:flex;justify-content:center}.PinturaRoot>.PinturaNavTools .PinturaButton,.PinturaRoot>.PinturaNavTools .PinturaNavSet{pointer-events:all}.PinturaRoot>.PinturaNavTools .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot .PinturaNavGroup{margin:0 var(--nav-group-margin)}.PinturaRoot .PinturaNavGroup>*{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavGroup>*+*{margin-left:.5em}.PinturaRoot .PinturaNavGroup:first-of-type:not(.PinturaNavGroupFloat){margin-left:0;margin-right:auto}.PinturaRoot .PinturaNavGroup:last-of-type:not(.PinturaNavGroupFloat){margin-left:auto;margin-right:0}.PinturaRoot .PinturaNavSet{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaRoot .PinturaNavSet>:not(:only-child){border:1px solid var(--color-foreground-3);border-bottom:0;border-top:0}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-left:0}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-right:0}.PinturaRoot .PinturaNavSet>*+*{margin-left:-1px}.PinturaRoot .PinturaNavSet>.PinturaButton:hover,.PinturaRoot .PinturaNavSet>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaRoot .PinturaNavSet>:only-child{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child) .PinturaButtonInner{padding:0 .125em 0 .25em}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-bottom-left-radius:var(--border-radius-round);border-top-left-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child) .PinturaButtonInner{padding:0 .25em 0 .125em}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-bottom-right-radius:var(--border-radius-round);border-top-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaNavSet{-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);background-color:var(--color-background-50);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em #00000040,0 .125em .35em #00000059}.PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover,.PinturaRoot[data-env~=overlay] .PinturaNavSet>*{border-color:var(--color-background-15)}.PinturaRoot[data-env~=overlay] .PinturaNavGroup>.PinturaButton{box-shadow:0 .0625em .125em #00000040,0 .125em .35em #00000059}.PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport{box-shadow:inset 0 0 .125em #00000040,0 .0625em .125em #00000040,0 .125em .35em #00000059}.PinturaRoot .PinturaNavGroupFloat{pointer-events:none}.PinturaRoot .PinturaNavGroupFloat>*{pointer-events:all}.PinturaRoot .PinturaNavGroupFloat:not(:only-child){left:0;position:absolute;right:0}.PinturaRoot .PinturaUtilFooter .PinturaScrollable>div{padding-left:1em;padding-right:1em}.PinturaRoot>.PinturaMain{max-width:100vw}.PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader{margin-bottom:-1em;padding-bottom:1em;padding-top:0}.PinturaRoot[data-env~=landscape]{grid-template-columns:auto;grid-template-rows:min-content auto}.PinturaRoot[data-env~=landscape]>.PinturaNavTools{grid-column:1;grid-row:1;padding:1em 1em 0;z-index:3}.PinturaRoot[data-env~=landscape]>.PinturaNavMain{align-items:center;bottom:calc(1em + var(--editor-calculated-inset-bottom));justify-content:flex-end;left:1em;position:absolute;top:calc(1em + var(--editor-calculated-inset-top))}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList{flex-direction:column}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList button{display:flex}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList button+button{margin:.5em 0 0}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button{border-radius:var(--border-radius);flex:1 1;justify-content:center;min-height:4em;min-width:4em}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button svg{margin-top:.25em;width:1em}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar]>.PinturaNavMain{bottom:calc(4em + var(--editor-calculated-inset-bottom));top:calc(4em + var(--editor-calculated-inset-top))}.PinturaRoot[data-env~=landscape][data-env~=has-limited-space]>.PinturaNavMain{align-items:flex-start;bottom:calc(1em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape]>.PinturaMain{grid-column:1;grid-row:2}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto min-content}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:2;padding-bottom:1em;padding-top:0}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]{grid-template-columns:6em auto}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 0 0 7em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaNavTools{grid-column:1/span 2}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaMain{grid-column:2}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilMain{padding-left:0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilFooter{padding-right:1em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 6em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 7em 0 0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaNavMain{left:auto;right:1em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaMain{grid-column:1}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilMain{padding-right:0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilFooter{padding-left:1em}.PinturaRoot[data-env~=portrait]{grid-template-columns:auto;grid-template-rows:min-content auto min-content}.PinturaRoot[data-env~=portrait]>*{grid-column:1}.PinturaRoot[data-env~=portrait]>.PinturaNavTools{grid-row:1;padding:.75em .75em 0}.PinturaRoot[data-env~=portrait]>.PinturaNavMain{grid-row:3;justify-content:center;margin-bottom:.75em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain .PinturaTabList{padding:0 .875em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button+button{margin-left:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain[data-state~=overflows]{overflow:visible}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button{border-radius:var(--border-radius);flex:1 1;justify-content:center;min-height:4em;min-width:4em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button svg{margin-top:.25em;width:1em}.PinturaRoot[data-env~=portrait]>.PinturaMain{grid-column:1;grid-row:2}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto min-content min-content}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3;padding:0 .75em .75em}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:2}.PinturaRoot[data-env~=portrait][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:1}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]{grid-template-rows:min-content min-content auto}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaMain{grid-row:3}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaNavMain{grid-row:2;margin-bottom:0;margin-top:.75em}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]{grid-template-rows:min-content auto min-content}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavMain{grid-row:1}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaMain{grid-row:2}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top][data-env~=has-toolbar-preference-bottom]>.PinturaNavTools{grid-row:3}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button{align-items:center;border-radius:var(--border-radius);flex:1 1;flex-direction:row;height:auto;justify-content:flex-start;min-height:auto;padding:.625em 0;width:auto;width:6em}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button span{font-size:.6875em;line-height:1.2;margin:0 .625em 0 0;text-align:left}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button svg{margin:0 .5em 0 .625em;min-width:1em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation]{grid-template-columns:8em auto}.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 8em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain button{padding-left:.625em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][dir=rtl]>.PinturaNavMain svg{margin-left:0}.PinturaRoot[data-env~=narrow] .PinturaNavGroupFloat{margin:0;position:static}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button{border-radius:9999em;font-size:.625em;justify-content:center;min-height:4em;min-width:4em;padding:0}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button span{font-size:0;margin:0;visibility:hidden}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg{margin-top:0;width:1.6em}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg [stroke-width]{stroke-width:.15em}.PinturaRoot[data-env~=portrait][data-env~=narrow]{--nav-group-margin:0.25em;grid-template-columns:auto;grid-template-rows:min-content auto min-content}.PinturaRoot[data-env~=portrait][data-env~=narrow]>*{grid-column:1}.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption span,.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.6875em}.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner>*{margin:0 .25em}.PinturaRoot[data-env~=portrait][data-env~=narrow][data-env~=has-toolbar-preference-bottom]{grid-template-rows:auto min-content min-content}.PinturaRoot[data-env~=overlay]{grid-template-columns:auto!important;grid-template-rows:auto!important}.PinturaRoot[data-env~=overlay] .PinturaNav{z-index:3}.PinturaRoot[data-env~=overlay] .PinturaMain{grid-column:1;grid-row:1}.PinturaRoot[data-env~=overlay] .PinturaUtilMain{bottom:0;left:0;padding:0;position:absolute;right:0;top:0;z-index:-1}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter,.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{left:0;position:absolute;right:0}.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{top:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{bottom:0}.PinturaRoot[data-env~=overlay] .PinturaNavMain{background:none;bottom:0;position:absolute;right:0;top:0}.PinturaRoot[data-env~=overlay] .PinturaNavTools{left:0;position:absolute;right:0;top:0}.PinturaRoot[data-env~=overlay][data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{bottom:auto;top:0}.PinturaRoot[data-env~=overlay][data-env~=has-toolbar-preference-bottom] .PinturaNavTools{bottom:0;top:auto}.PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain{padding-left:2em;padding-right:2em}.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation]{padding-left:0;padding-right:2em}.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation][data-env~=has-navigation-preference-right]{padding-left:2em;padding-right:0}.PinturaRoot[data-env*=is-disabled],.PinturaRoot[data-env*=is-disabled] *{pointer-events:none!important}.PinturaRoot[data-env*=is-disabled]{--color-primary:#b4b4b4;--color-primary-dark:#a0a0a0;--color-primary-text:#000;--color-secondary:#969696;--color-secondary-dark:#646464}.PinturaRoot[data-env*=is-disabled] .PinturaCanvas,.PinturaRoot[data-env*=is-disabled] .PinturaColorPickerButton{filter:grayscale(100%)}.PinturaRoot .PinturaEditorOverlay{background:var(--color-background-50);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.PinturaNav{will-change:transform}}}.PinturaUtilPanel[data-util=frame] .PinturaShapeStyleEditor{min-height:3.375em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{border:1px dashed var(--color-foreground-15);color:var(--color-foreground-70);margin:1em 1em 0 0;padding:.125em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{color:var(--color-foreground-90)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption label{font-size:.75em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption img,.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption svg{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.PinturaUtilPanel[data-util=frame] [data-selected=true]{border-color:var(--color-primary);color:var(--color-primary)}.PinturaUtilPanel[data-util=frame] [data-selected=true] span{color:var(--color-foreground-90)}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel{font-size:0;height:1px;position:absolute;width:1px}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{display:block;font-size:.625em;font-weight:400;padding:0 1.5em;text-align:center}.PinturaUtilPanel[data-util=frame] [data-focus-visible]+label span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{height:4em;position:relative;width:3em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div{border-color:currentColor;cursor:var(--button-cursor);outline-color:currentColor;position:absolute}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div[slot]{align-items:center;bottom:-1px;display:flex;justify-content:center;left:-1px;overflow:hidden;right:-1px;top:-1px}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{height:3em;width:2.25em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{font-size:.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=filter] .PinturaUtilFooter{padding-left:0!important;padding-right:0!important}.PinturaUtilPanel[data-util=filter] .PinturaScrollable{width:40em}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel{font-size:0;height:1px;pointer-events:none;position:absolute;width:1px}.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{border-radius:0;transition:border-radius 1ms}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{border-radius:0}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview{border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption{border-bottom-left-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview{border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption{border-bottom-right-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{display:block;font-size:.625em;font-weight:400;line-height:1.75;margin-left:1px;max-width:100%;overflow:hidden;padding:0 .3125em;text-align:center;text-overflow:ellipsis;white-space:nowrap}.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview:before{transition:background-color var(--transition-duration-10),color var(--transition-duration-10)}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview{position:relative;z-index:1}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before{background-color:var(--color-primary);border-radius:inherit;content:"";height:100%;opacity:.35;position:absolute;width:100%}.PinturaUtilPanel[data-util=filter] [data-focus-visible]+label>.PinturaFilterOption span{background-color:var(--color-focus-50);border-radius:.25em;box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{height:4.5em;width:3.75em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{height:3.5em;width:2.875em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{font-size:.5em}.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .25em}.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{height:4em;position:relative;width:3em}.PinturaUtilPanel[data-util=fill] .PinturaFillTile{height:100%;position:absolute;width:100%}.PinturaUtilPanel[data-util=fill] .PinturaFillTile[data-transparent=true]{background-color:#fff;background-image:var(--pattern-transparent);border-radius:calc(var(--border-radius) + 1px)}.PinturaUtilPanel[data-util=fill] .PinturaFillTile div,.PinturaUtilPanel[data-util=fill] .PinturaFillTile img{border-radius:var(--border-radius);cursor:var(--button-cursor);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.PinturaUtilPanel[data-util=fill] .PinturaFillTile:after{border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption[data-selected=true] .PinturaFillTile:after{box-shadow:inset 0 0 0 1px var(--color-foreground-5),inset 0 0 0 4px var(--color-primary),inset 0 0 0 5px var(--color-foreground-5)}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption{height:3em;width:2.25em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] .PinturaRadioGroupOption span{font-size:.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .175em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=fill] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=crop] .PinturaStage{touch-action:none}.PinturaUtilPanel[data-util=crop],.PinturaUtilPanel[data-util=crop] .PinturaStage,.PinturaUtilPanel[data-util=crop] .PinturaUtilMain{pointer-events:all}.PinturaUtilPanel[data-util=crop] .PinturaImageInfo{bottom:1em;position:absolute;right:1em}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter{--size:3em;-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);background:#fffc;border-radius:50%;color:#000;height:var(--size);left:0;line-height:0;margin-left:calc(var(--size)*-.5);margin-top:calc(var(--size)*-.5);outline:none;overflow:hidden;position:absolute;top:0;width:var(--size);z-index:1}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot[data-env~=short] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter{padding-bottom:.5em}.PinturaImageInfo,.PinturaRoot[data-env~=overlay] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter,.PinturaRoot[data-env~=overlay] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter>[slot]:empty{pointer-events:none}.PinturaImageInfo p{font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif;font-size:.75em;font-variant-numeric:tabular-nums;line-height:1;text-align:right}.PinturaImageInfo:not([data-custom]) p{contain:strict;height:1.25em;overflow:hidden;white-space:nowrap;width:8em}.PinturaUtilPanel[data-util=resize] form{display:flex;justify-content:center;padding:0 1em}.PinturaUtilPanel[data-util=resize] .PinturaFormInner{align-items:center;display:flex;justify-content:center;position:relative}.PinturaUtilPanel[data-util=resize] .PinturaFormInner>button{left:100%;margin-left:1em;position:absolute}.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner{align-items:center;display:inline-flex;justify-content:center}.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner>*{margin:.25em}.PinturaUtilPanel[data-util=resize] .PinturaResizeLabel{font-size:.75em}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton{background-color:var(--color-foreground-5);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);margin-left:.5em;margin-right:.5em;transition:background-color var(--transition-duration-10)}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel{font-feature-settings:"tnum";display:block;font-size:.75em;font-variant-numeric:tabular-nums;font-weight:400;line-height:2.65;padding:0 1em}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after{content:"▼";font-size:.6875em;margin-left:.75em;margin-right:-.25em;pointer-events:none;position:relative;top:-.125em}.PinturaUtilPanel[data-util=resize] input[type=checkbox]+label{cursor:pointer;display:block;margin:0 -.25em;outline:#0000;padding:0 .125em}.PinturaUtilPanel[data-util=resize] input[type=checkbox][data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaInputDimension{align-items:center;display:inline-flex;position:relative}.PinturaInputDimension label{color:var(--color-foreground-80);font-size:.75em;pointer-events:none;position:absolute;right:.625em;text-transform:uppercase;z-index:1}.PinturaInputDimension button,.PinturaInputDimension input,.PinturaInputDimension label{font-size:.75em;font-weight:400}.PinturaInputDimension button,.PinturaInputDimension input{font-feature-settings:"tnum";appearance:none;-moz-appearance:textfield;border:1px solid var(--color-foreground-80);border-radius:var(--border-radius);box-shadow:none;box-sizing:border-box;font-variant-numeric:tabular-nums;max-width:7em;outline:#0000;padding:.625em 0 .625em .625em;transition:background-color var(--transition-duration-10) ease-in-out,color var(--transition-duration-10) ease-in-out,border-color var(--transition-duration-10) ease-in-out;width:100%}.PinturaInputDimension button::selection,.PinturaInputDimension input::selection{background-color:var(--color-foreground-20)}.PinturaInputDimension button:hover,.PinturaInputDimension input:hover{background-color:var(--color-foreground-10)}.PinturaInputDimension button:focus,.PinturaInputDimension input:focus{border-color:var(--color-focus-100)}.PinturaInputDimension input{background-color:var(--color-foreground-5)}.PinturaInputDimension input:placeholder-shown+label{color:var(--color-foreground-20)}.PinturaInputDimension input::placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input[data-state=invalid]{border-color:var(--color-error-75);box-shadow:inset 0 0 .25em var(--color-error-25),0 0 .25em var(--color-error-50)}.PinturaInputDimension button{min-height:2.65em;width:10em}.PinturaInputDimension input::-webkit-inner-spin-button,.PinturaInputDimension input::-webkit-outer-spin-button{-webkit-appearance:none}.PinturaInputDimension input::-ms-clear{display:none}.PinturaRoot[dir=rtl] .PinturaInputDimension label{left:.625em;right:auto}.PinturaRoot[dir=rtl] .PinturaInputDimension input{padding-left:0;padding-right:.625em;text-align:right}.PinturaModal{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--editor-modal-border-radius:0;--editor-modal-overlay-opacity:0.95;--editor-modal-shadow:0 1em 2em -1em #00000040,0 1.5em 1.5em -2em #00000080;--editor-modal-outline:inset 0 0 0 1px var(--color-foreground-3);align-items:center;background-color:rgba(var(--color-background),.95);background-color:rgba(var(--color-background),var(--editor-modal-overlay-opacity,var(--editor-modal-overlay-opacity-default,.95)));display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2147483646}@supports (height:100dvh){.PinturaModal{height:100dvh}}.PinturaModal>.PinturaRoot[data-env~=is-centered]{border-radius:var(--editor-modal-border-radius);box-shadow:var(--editor-modal-shadow)}.PinturaModal>.PinturaRoot[data-env~=is-centered]:after{border-radius:inherit;bottom:0;box-shadow:var(--editor-modal-outline);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2147483646}.PinturaModal[style*="--viewport-pad-footer:1"]{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}.PinturaModal+.PinturaModal{--editor-modal-overlay-opacity-default:0.75}@media(min-width:600px) and (min-height:600px){.PinturaModal+.PinturaModal .PinturaRoot{--editor-max-width-default:calc(100vw - 8em);--editor-max-height-default:calc(100vh - 8em)}}.PinturaDocumentStyles{scrollbar-gutter:auto}.PinturaDocumentLock,.PinturaDocumentLock body{box-sizing:border-box;height:calc(var(--pintura-document-height) - 1px);overflow-y:hidden}.PinturaDocumentLock body{position:relative}.PinturaDocumentLock .PinturaModal{height:100%!important}.PinturaTabPanels{display:grid;flex:1 1;grid-template-columns:1fr}.PinturaTabPanel{grid-column-start:1;grid-row-start:1;min-width:0;position:relative}.PinturaTabPanel:not([hidden]){outline:#0000;z-index:2}.PinturaTabPanel[hidden]{display:block!important;pointer-events:none;z-index:1}.PinturaTabPanel[data-inert=true]{visibility:hidden}@supports not (aspect-ratio:1){.PinturaTabPanel{overflow-x:hidden}}.PinturaTabList{display:flex;justify-content:center}.PinturaTabList button{-webkit-tap-highlight-color:transparent;align-items:center;cursor:var(--button-cursor);display:flex;flex-direction:column;outline:#0000}.PinturaTabList button>*{transition:filter var(--transition-duration-10) ease-out}.PinturaTabList button[disabled]>*{filter:var(--filter-disabled)}.PinturaScrollable{--scrollable-feather-start-opacity:0;--scrollable-feather-end-opacity:0;--scrollable-feather-size:2em;contain:paint;overflow:hidden}.PinturaScrollable:focus{outline:#0000}.PinturaScrollable>div{display:inline-flex;position:relative;vertical-align:top}.PinturaScrollable{touch-action:none}.PinturaScrollable[data-direction=x]{--mask-angle:90deg;max-width:100%}.PinturaScrollable[data-direction=y]{--mask-angle:180deg;max-height:100%}.PinturaScrollable[data-state~=overflows]{-webkit-mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)));mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)))}.PinturaScrollable[data-state~=scrolling]>div *{pointer-events:none}.PinturaButton{-webkit-tap-highlight-color:transparent;cursor:var(--button-cursor);flex-shrink:0;white-space:nowrap}.PinturaButton>span{align-items:center;display:inline-flex;min-height:1em;vertical-align:top}.PinturaButton svg+.PinturaButtonLabel{margin-left:.5em}.PinturaButton[disabled]{cursor:default;filter:var(--filter-disabled)}.PinturaButtonInner{text-decoration:inherit}.PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-left:-.25em}.PinturaRoot[dir=rtl] .PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-right:-.25em}.PinturaRoot[dir=rtl] .PinturaButton svg+.PinturaButtonLabel{margin-left:0;margin-right:1em}.PinturaUtilPanel{box-sizing:border-box;contain:layout size;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative;z-index:1}.PinturaUtilPanel,.PinturaUtilPanel>*{padding-bottom:.5em;padding-top:.5em}.PinturaInputForm{--width:30em;cursor:auto;opacity:0;z-index:2147483647}.PinturaInputForm:not([data-stick=true]){background-color:var(--color-background-95);border-radius:var(--border-radius);bottom:7.5em;box-shadow:0 .25em .5em -.5em #000000bf,inset 0 0 0 1px var(--color-foreground-5);left:calc(50% - var(--width)/2);position:absolute;width:var(--width)}@media(max-width:34em){.PinturaInputForm:not([data-stick=true]){left:2em;right:2em;width:auto}}.PinturaInputForm[data-stick=true]{background-color:var(--color-background-100);left:0;outline:1px solid var(--color-foreground-15);position:absolute;right:0;transition:opacity .15s ease .25s}.PinturaInputForm[data-stick=true]>.PinturaInputFormInner{background-color:var(--color-foreground-3)}.PinturaInputFormInner>.PinturaButton{border-radius:9999em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);color:var(--color-foreground-100)}.PinturaInputFormInner>.PinturaButton:first-of-type{left:1em}.PinturaInputFormInner>.PinturaButton:last-of-type{background:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5);color:var(--color-primary-text);right:1rem}.PinturaInputFormInner>.PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner{padding:0 .875em}.PinturaInputFormInner>.PinturaButton .PinturaButtonIcon{height:.875em;width:.875em}.PinturaInputFormInner>.PinturaButton.PinturaButtonIconOnly{height:1.875em;width:1.875em}.PinturaInputFormInner>.PinturaButton .PinturaButtonLabel{font-size:.75em}.PinturaInputFormInner>.PinturaButton .PinturaButtonInner{display:flex;justify-content:center;line-height:2}.PinturaInputFormInner{padding-bottom:3.5em;padding-top:1em}.PinturaInputFormInner>.PinturaButton{bottom:1em;position:absolute}.PinturaInputFormFields textarea:only-child{height:5em;-webkit-mask:linear-gradient(0deg,#0000,#000 1em);mask:linear-gradient(0deg,#0000,#000 1em)}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar{cursor:pointer;width:1em}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track{background:none}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--color-foreground-70);border:.25em solid #0000;border-radius:9999em;cursor:pointer}.PinturaInputFormFields input:only-child,.PinturaInputFormFields textarea:only-child{background:#0000;display:block;padding:0 1em .5em;width:100%}.PinturaInputForm input,.PinturaInputForm textarea{border:none;box-sizing:border-box;color:var(--color-foreground-100);font-size:.875em;outline:#0000;resize:none}.PinturaInputForm input{background-color:var(--color-background-100)}.PinturaModalBodyLock .PinturaInputForm{margin-top:-50px}.PinturaInputForm[data-layout=row]{--width:30em;border-radius:9999em;max-width:calc(100% - 2em);width:var(--width)}.PinturaInputForm[data-layout=row] .PinturaInputFormFields{flex:1 1}.PinturaInputForm[data-layout=row] .PinturaInputFormInner{display:flex;padding:.5em}.PinturaInputForm[data-layout=row] .PinturaInputFormInner input{flex:1 1;font-size:.8125em;line-height:1.75;padding:0 .5em}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton:first-child{margin-right:0}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButton{position:static}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonIconOnly{height:1.5em;width:1.5em}.PinturaInputForm[data-layout=row] .PinturaInputFormInner .PinturaButtonLabel{font-size:.625em}.PinturaProgressIndicator{display:block;height:1.25em;position:relative;width:1.25em}.PinturaProgressIndicator svg{pointer-events:none;vertical-align:top}.PinturaProgressIndicator .PinturaProgressIndicatorFill{stroke-dashoffset:0}.PinturaProgressIndicator[data-status=busy] svg{animation:image_editor_spin 1s linear infinite}.PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill{stroke-dashoffset:-26.5;stroke-dasharray:26.5 53;transition:stroke-dashoffset .5s linear,stroke-dasharray .5s linear}@keyframes image_editor_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg{transform-origin:49% 49%}}.PinturaRangeInput{--range-input-feather-left:2em;--range-input-feather-right:2em;--range-input-mask-from:0%;--range-input-mask-to:100%;--range-input-mask-color:#00000040;--range-input-line-color:var(--color-foreground-15);align-items:center;display:flex;flex-direction:column;height:3.5em;margin:auto;max-width:24em;outline:#0000;position:relative;touch-action:none;width:calc(100% - 2em)}.PinturaRangeInput[data-focus-visible]:after{background-color:var(--color-focus-50);border-radius:.25em;box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";height:2em;left:0;position:absolute;right:0;top:calc(50% - 1em)}.PinturaRangeInputInner{contain:strict;height:100%;-webkit-mask:linear-gradient(90deg,#0000 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),#0000 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),#0000);mask:linear-gradient(90deg,#0000 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),#0000 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),#0000);overflow:hidden;position:relative;width:100%}.PinturaRangeInputMeter{height:100%}.PinturaRangeInput .PinturaRangeInputMeter svg{fill:currentColor;display:block;pointer-events:none}.PinturaRangeInput>.PinturaRangeInputValue{font-feature-settings:"tnum";contain:strict;font-family:Tahoma,Geneva,Verdana,sans-serif;font-size:.75em;font-variant-numeric:tabular-nums;height:1.5em;left:calc(50% - 1.75em);overflow:hidden;pointer-events:none;position:absolute;text-align:center;top:calc(50% - .6875em);width:3.5em;z-index:1}.PinturaRangeInput>.PinturaRangeInputReset{color:#0000!important;cursor:var(--button-cursor);left:calc(50% - 1.0625em);margin-top:.125em;opacity:.35;outline:#0000;overflow:hidden;padding:0;position:absolute;top:0;transition:opacity var(--transition-duration-25);width:2em;z-index:1}.PinturaRangeInput>.PinturaRangeInputReset:hover{opacity:.5}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]{opacity:1}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{background-color:var(--color-focus-50);border-radius:.25em;box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";height:1em;left:calc(50% - .5em);pointer-events:none;position:absolute;top:calc(50% - .5em);width:1em;z-index:2}.PinturaRangeInput>.PinturaRangeInputReset[disabled]{opacity:.15}.PinturaRangeInput>.PinturaRangeInputReset:after{background:var(--color-foreground-100);content:"";height:60%;left:50%;position:absolute;top:20%;width:1px}.PinturaRangeInputInner[data-value-limited] svg{-webkit-mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to));mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to))}.PinturaRangeInputInner[data-value-limited] svg rect{x:var(--range-mask-from);fill:var(--range-input-line-color);width:calc(var(--range-mask-to) - var(--range-mask-from))}.PinturaUtilMain{min-height:1px;padding-left:1em;padding-right:1em;touch-action:none}.PinturaUtilMain,.PinturaUtilMain>[slot]{display:flex;flex:1 1;flex-direction:column}.PinturaUtilMain>[slot]{align-items:center}.PinturaUtilFooter>[slot]:empty{min-height:1em}.PinturaUtilFooter>[slot]{align-items:center;display:flex;flex-direction:column;justify-content:stretch;pointer-events:all}.PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.PinturaUtilFooter .PinturaShapeStyleList{align-items:flex-start;min-height:3.5em}.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true]{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,.PinturaUtilFooter .PinturaControlList [role=tab]{border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-0);cursor:var(--button-cursor);flex-direction:row;line-height:1;min-height:1.75em;padding:0 .75em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,filter var(--transition-duration-25) ease-out;white-space:nowrap}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span,.PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.75em;font-weight:400}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg,.PinturaUtilFooter .PinturaControlList [role=tab] svg{font-size:.875em;width:.875em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:only-child,.PinturaUtilFooter .PinturaControlList [role=tab] svg:only-child{margin-left:-.25em;margin-right:-.25em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaUtilFooter .PinturaControlList [role=tab] svg:not(:only-child){margin-left:-.25em;margin-right:.375em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,.PinturaUtilFooter .PinturaControlList [role=tab]:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible],.PinturaUtilFooter .PinturaControlList [role=tab][data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption [slot],.PinturaUtilFooter .PinturaControlListOption label{align-items:center;display:flex;flex-direction:row}.PinturaUtilFooter .PinturaControlListOption[data-selected=true] label{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlListOption input[data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption input[disabled]+label{filter:var(--filter-disabled)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption+.PinturaControlListOption,.PinturaUtilFooter .PinturaControlList>button+button{margin-left:.5em}.PinturaUtilFooter .PinturaControlPanels{display:grid;flex:auto;grid-template-columns:1fr;margin:0 auto;max-width:100%;width:40em}.PinturaUtilFooter .PinturaControlPanel{grid-column-start:1;grid-row-start:1;max-width:100%;opacity:1;overflow:hidden;visibility:visible}.PinturaUtilFooter .PinturaControlPanel[hidden]{display:block!important;opacity:0;pointer-events:none;transition-delay:0s;visibility:hidden}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>*+*{margin-left:-1px}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]{border-radius:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5);padding-left:.625em;padding-right:.625em}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:only-child{border-radius:var(--border-radius-round)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:first-child:not(:only-child){border-bottom-left-radius:var(--border-radius-round);border-top-left-radius:var(--border-radius-round);padding-left:.75em}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:last-child:not(:only-child){border-bottom-right-radius:var(--border-radius-round);border-top-right-radius:var(--border-radius-round);padding-right:.75em}@supports not (aspect-ratio:1){.PinturaControlPanel{overflow-x:hidden}}.PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel{transition:opacity var(--transition-duration-25) ease-in-out,visibility var(--transition-duration-25) linear;transition-delay:.1s}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilHeader{order:1}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilFooter{order:2}.PinturaRoot[data-env~=has-controlgroups-preference-top] .PinturaUtilMain{order:3}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanels{order:-1}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{bottom:auto;top:0}.PinturaRoot[data-env~=has-controltabs-preference-bottom] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-bottom:.75em}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanels{order:1}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaRangeInput .PinturaRangeInputReset{bottom:0;top:auto}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaShapePresetsGrouped{padding-top:.75em}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaControlPanel .PinturaImageButtonList,.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleList{align-items:flex-end}.PinturaRoot[data-env~=has-controltabs-preference-top] .PinturaUtilFooter .PinturaShapeStyleLabel{order:1}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{margin:.75em 0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{max-width:24em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList{margin-top:1em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList>button+button{margin-left:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.75em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab]{-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);background-color:var(--color-background-50);border-radius:0;box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em #00000040,0 .125em .35em #00000059}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab]:first-child{border-bottom-left-radius:var(--border-radius-round);border-top-left-radius:var(--border-radius-round);padding-left:.875em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList [role=tab]:last-child{border-bottom-right-radius:var(--border-radius-round);border-top-right-radius:var(--border-radius-round);padding-right:.875em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList button:not([aria-selected=true]) span{color:var(--color-foreground-40)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);background-color:var(--color-background-50);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em #00000040,0 .125em .35em #00000059}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput{height:1.5em;margin-top:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInputReset{opacity:0}.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption [slot],.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlListOption label{flex-direction:row-reverse}.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaRoot[dir=rtl] .PinturaUtilFooter .PinturaControlList [role=tab] svg:not(:only-child){margin-left:.375em;margin-right:-.25em}.PinturaRadioGroup .PinturaRadioGroupOptions{display:flex;flex-direction:column}.PinturaRadioGroup .PinturaRadioGroupOptionGroup+.PinturaRadioGroupOptionGroup{margin-top:.5em}.PinturaRadioGroup .PinturaRadioGroupOption[data-hidden=true]{display:none}.PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions{flex-direction:row}.PinturaRadioGroup label{-webkit-tap-highlight-color:transparent}.PinturaPresetListFilter .PinturaRadioGroupOptions{justify-content:space-evenly;padding:.625em 0 .3125em}.PinturaPresetListFilter .PinturaRadioGroupOptions label{cursor:pointer;display:block}.PinturaPresetListFilter+.PinturaOptionsList{border-top-left-radius:0;border-top-right-radius:0}.PinturaShapeStyleEditor{display:grid;grid-template-columns:1fr;position:relative}.PinturaShapeStyleEditor>div{align-items:center;display:flex;grid-column-start:1;grid-row-start:1;justify-content:center;max-width:100%;overflow:hidden}.PinturaShapeStyleEditorOverflow>div{justify-content:flex-start;overflow:visible}.PinturaShapeStyleEditorOverflow .PinturaShapeStyleList{margin-left:1em;min-height:auto}.PinturaShapeStyleEditorOverflow .PinturaShapeStyle{--control-height:1.75em}.PinturaShapeStyles{position:relative}.PinturaShapeStyles:not([data-state~=overflows]){display:flex;justify-content:center}.PinturaShapeStyleList{display:flex}.PinturaShapeStyleList .PinturaButton,.PinturaShapeStyleList .PinturaInput{outline:#0000}.PinturaShapeStyleList .PinturaInput{font-size:.75em;line-height:2.25;padding:0 0 0 .625em}.PinturaShapeStyleList .PinturaShapeStyleLabel{color:var(--color-foreground-50);font-size:.625em;font-weight:300;line-height:1.75;padding:0 .75em;pointer-events:none;text-align:center;text-transform:lowercase;white-space:nowrap}.PinturaShapeStyleList .PinturaShapeStyle{border-radius:var(--border-radius-round)}.PinturaShapeStyleList .PinturaShapeStyle+.PinturaShapeStyle{margin-left:1em}.PinturaShapeStyle{--control-height:1.5em;align-items:stretch;display:flex;flex-direction:column}.PinturaShapeStyle .PinturaPanelButton{border-radius:inherit}.PinturaShapeStyle>.PinturaButton:hover,.PinturaShapeStyle>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaShapeStyle .PinturaColorPickerButton .PinturaButtonLabel{border-radius:inherit;display:block}.PinturaShapeStyle .PinturaColorPickerButton{display:flex;justify-content:center}.PinturaShapeStyle .PinturaColorPreview{background-color:#fff;background-size:4px;border-radius:inherit;height:1.5em;width:1.5em}.PinturaShapeStyle .PinturaColorPreview span{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before{background-color:var(--color-focus-50);border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";left:0;position:absolute;right:0;top:0;z-index:1}.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview{-webkit-mask:radial-gradient(circle,#0000 5.5px,#000 6px);mask:radial-gradient(circle,#0000 5.5px,#000 6px);-webkit-mask-size:cover;mask-size:cover}.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after{border-radius:inherit;bottom:6px;box-shadow:0 0 0 1px var(--color-foreground-5);content:"";left:6px;position:absolute;right:6px;top:6px}.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabelPrefix{display:block;font-size:.6875em;line-height:2.25}.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabelPrefix{color:var(--color-foreground-40);margin-right:-.25em;padding-left:.625em}.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel{padding:0 1em}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroupOption label{display:block;font-size:.6875em;line-height:2.25;padding:0 1em}.PinturaShapeStyle .PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeStyle .PinturaInputField{border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5);height:2em;line-height:2em;padding:0 .75em;width:3em}.PinturaShapeStyle .PinturaPromptInputGroup{align-items:flex-start;display:flex;position:relative}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput{padding:0;width:18em}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaInput input{padding-right:2em}.PinturaShapeStyle .PinturaPromptInputGroup>.PinturaButton:not(.PinturaButtonIconOnly){background-color:var(--color-foreground-10);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5);display:block;font-size:.6875em;line-height:2.125;margin-left:.5em;padding:0 1em}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly{align-items:center;border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5);display:flex;height:1.75em;justify-content:center;padding:0;width:1.75em}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaButtonIconOnly svg{width:.875em}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator{height:.875em;pointer-events:none;position:absolute;width:.875em}.PinturaShapeStyle .PinturaPromptInputGroup .PinturaProgressIndicator svg{width:.875em}.PinturaShapeStyle .PinturaPromptInputWrapper{align-items:center;display:flex;position:relative}.PinturaShapeStyle .PinturaPromptInputWrapper .PinturaProgressIndicator{right:.3125em}.PinturaShapeStyle .PinturaGenerateMoreButtonWrapper{align-items:center;display:flex;justify-content:center;margin-left:.75em;margin-top:.3125em;position:relative}.PinturaShapeStyle .PinturaPromptOptions{align-items:center;display:flex;margin-left:.5em}.PinturaShapeStyle .PinturaPromptOption{border-radius:.5em;margin-left:.5em;padding:0;position:relative}.PinturaShapeStyle .PinturaPromptOption img,.PinturaShapeStyle .PinturaPromptOption:after{border-radius:.5em;pointer-events:none}.PinturaShapeStyle .PinturaPromptOption:after{bottom:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5);content:"";left:0;position:absolute;right:0;top:0;z-index:1}.PinturaShapeStyle .PinturaPromptOption img{display:block;height:2.5em;object-fit:cover;width:2.5em}.PinturaShapeStyle>.PinturaDropdownButton{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color var(--transition-duration-10)}.PinturaShapeStyle>.PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{content:"▼";font-size:.6875em;margin-left:.75em;margin-right:-.25em;pointer-events:none;position:relative;top:-.125em}.PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{font-size:.47265625em;margin-left:.375em;top:0}.PinturaShapeStyle .PinturaComboBox{padding-right:.75em}.PinturaShapeStyle .PinturaComboBox .PinturaInput{padding-left:0}.PinturaShapeStyle .PinturaComboBox .PinturaInput input{box-shadow:none}.PinturaShapeStyle .PinturaComboBox .PinturaInputField{padding-right:.375em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions{flex-direction:row}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label{align-items:center;box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);display:flex;height:var(--control-height);padding:0 .25em;transition:background-color var(--transition-duration-10)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label:hover{background-color:var(--color-foreground-20)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions svg{height:1.125em;width:1.125em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type label{border-bottom-left-radius:var(--border-radius-round);border-top-left-radius:var(--border-radius-round);padding-left:.5em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label{border-bottom-right-radius:var(--border-radius-round);border-top-right-radius:var(--border-radius-round);padding-right:.5em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions [data-selected=true] label{background-color:var(--color-foreground-10)}.PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after,.PinturaRoot[dir=rtl] .PinturaShapeStyle>.PinturaDropdownButton .PinturaComboBox:after{margin-left:-.25em;margin-right:.75em}.PinturaToolbar{display:flex;justify-content:center;margin-left:1em;margin-right:1em}.PinturaToolbar .PinturaToolbarInner{display:inline-flex}.PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide,.PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional{display:none}.PinturaToolbar .PinturaButton{border-radius:var(--border-radius-round);line-height:1.1;outline:#0000;padding:.3125em .75em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out}.PinturaToolbar .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaToolbar .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaToolbar .PinturaButton .PinturaButtonIcon{width:1em}.PinturaToolbar .PinturaButtonLabel{font-size:.75em}.PinturaToolbar .PinturaPanel{z-index:3}.PinturaToolbar .PinturaToolbarInner>*{margin:0 .5em}.PinturaRectManipulator{--size:1.25em;left:0;outline:none;position:absolute;top:0;touch-action:none;transform:translate3d(calc(var(--tx)*1px),calc(var(--ty)*1px),0) scale(var(--sx),var(--sy))}.PinturaRectManipulator:not([data-shape=edge]){height:var(--size);width:var(--size);z-index:2}.PinturaRectManipulator:not([data-shape=edge]):after{border-radius:inherit;bottom:-.5em;content:"";left:-.5em;position:absolute;right:-.5em;top:-.5em}.PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRectManipulator[data-shape~=circle]{background-color:var(--color-foreground-100);border-radius:50%;box-shadow:0 0 2px var(--color-background-50);line-height:var(--size);margin-left:calc(var(--size)*-.5);margin-top:calc(var(--size)*-.5)}.PinturaRectManipulator[data-shape=hook]{border:3px solid var(--color-foreground-100)}.PinturaRectManipulator[data-shape=hook][data-direction*=t]{border-bottom:0;margin-top:-3px}.PinturaRectManipulator[data-shape=hook][data-direction*=r]{border-left:0;margin-left:calc(var(--size)*-1)}.PinturaRectManipulator[data-shape=hook][data-direction*=b]{border-top:0;margin-top:calc(var(--size)*-1)}.PinturaRectManipulator[data-shape=hook][data-direction*=l]{border-right:0;margin-left:-3px}.PinturaRectManipulator[data-shape~=edge]{height:1px;width:1px;z-index:1}.PinturaRectManipulator[data-shape~=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaRectManipulator[data-direction=b],.PinturaRectManipulator[data-direction=t]{cursor:ns-resize;height:var(--size);margin-top:calc(var(--size)*-.5);transform-origin:0 center}.PinturaRectManipulator[data-direction=l],.PinturaRectManipulator[data-direction=r]{cursor:ew-resize;margin-left:calc(var(--size)*-.5);transform-origin:center 0;width:var(--size)}.PinturaRectManipulator[data-direction=bl],.PinturaRectManipulator[data-direction=tr]{cursor:nesw-resize}.PinturaRectManipulator[data-direction=br],.PinturaRectManipulator[data-direction=tl]{cursor:nwse-resize}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator[data-shape=edge]:active{background-color:var(--color-foreground-5)}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after{bottom:-1em;left:-1em;right:-1em;top:-1em}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after{background-color:var(--color-foreground-5)}.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator{transform:translate3d(calc(var(--tx)*1px),calc(var(--ty)*1px),0)}.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=b],.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=t]{width:calc(var(--sx)*1px)}.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=l],.PinturaRoot[data-env*=chrome-] .PinturaRectManipulator[data-direction=r]{height:calc(var(--sy)*1px)}.PinturaImageButtonList,.PinturaImageButtonList>li{align-items:center;display:flex}.PinturaImageButtonList>li{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;justify-content:center;position:relative}.PinturaImageButtonList>li+li{margin-left:.5em}.PinturaRoot .PinturaImageButton{--thumb-size:1.75em;--thumb-radius:0.3125em;--thumb-margin:0.3125em;border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);outline:#0000;padding:var(--thumb-margin)}.PinturaRoot .PinturaImageButton>*{pointer-events:none}.PinturaRoot .PinturaImageButton{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:filter var(--transition-duration-25) ease-out;-webkit-user-select:none;user-select:none}.PinturaRoot .PinturaImageButton[disabled]{filter:var(--filter-disabled)}.PinturaRoot .PinturaImageButton:hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaImageButton text{font-family:monospace}.PinturaRoot .PinturaImageButton img,.PinturaRoot .PinturaImageButton svg{border-radius:var(--thumb-radius);display:block;height:var(--thumb-size);max-width:none;min-width:auto;object-fit:cover;width:var(--thumb-size)}.PinturaRoot .PinturaImageButton[data-loader]:after,.PinturaRoot .PinturaImageButton[data-loader]:before{border-radius:var(--thumb-radius);display:block;height:var(--thumb-size);line-height:var(--thumb-size);width:var(--thumb-size)}.PinturaRoot .PinturaImageButton[data-error] img{display:none}.PinturaRoot .PinturaImageButton[data-error]:after{background-color:var(--color-error-10);box-shadow:inset 0 0 0 1px var(--color-error-75);color:var(--color-error-75);content:"⚠"}.PinturaRoot .PinturaImageButton[data-loader]{position:relative}.PinturaRoot .PinturaImageButton[data-loader]:before{animation:pintura-img-loading 0s ease-in-out infinite alternate;animation:pintura-img-loading calc(var(--transition-duration-multiplier, 0)*1s) infinite alternate ease-in-out;background-color:var(--color-foreground-10);content:"";left:var(--thumb-margin);position:absolute;top:var(--thumb-margin);transition:transform 0s ease-in;transition:transform calc(var(--transition-duration-multiplier, 0)*.5s) ease-in;z-index:-1}.PinturaRoot .PinturaImageButton[data-loader] img{opacity:0;transition:opacity 0s ease-out;transition:opacity calc(var(--transition-duration-multiplier, 0)*.35s) ease-out}.PinturaRoot .PinturaImageButton[data-loader][data-load] img{opacity:1}.PinturaRoot .PinturaImageButton[data-loader][data-error]:before,.PinturaRoot .PinturaImageButton[data-loader][data-load]:before{animation-play-state:paused;transform:scale(.5)}@keyframes pintura-img-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.PinturaInput{display:flex;flex-direction:row}.PinturaInput input[disabled]{filter:var(--filter-disabled)}.PinturaInputField{flex:1 1;outline:#0000}.PinturaInputField[type=number]{-moz-appearance:textfield}.PinturaInputField[type=number]::-webkit-inner-spin-button,.PinturaInputField[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.PinturaInputSpinners{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.PinturaInputSpinners button{font-size:.5em!important;line-height:1!important;outline:#0000;width:2em}.PinturaPanel.PinturaSliderPanel{border-radius:var(--border-radius-round)}.PinturaPercentageLabel{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:3em;text-align:center}.PinturaSliderPanel .PinturaSlider{--knob-size:0.75em;--knob-margin-left:0.3125em;--knob-margin-right:0.3125em;width:10em}.PinturaSliderPanel .PinturaSliderTrack{--track-background:var(--color-foreground-10)}.PinturaSliderPanel .PinturaSliderKnob{--knob-background:var(--color-foreground-100);box-shadow:0 .125em .25em #00000059,0 -.125em .25em #0000001a}.PinturaShorthandControl{box-shadow:inset 0 0 0 1px var(--color-foreground-5);flex-direction:row;padding-left:.25em}.PinturaShorthandControl>.PinturaSliderButton+.PinturaSliderButton{border-left:1px solid var(--color-foreground-5);border-radius:0}.PinturaShorthandControl .PinturaSliderButton .PinturaButtonLabel{padding:0 .5em}.PinturaShorthandControl .PinturaColorPreview{height:1em;margin-right:.25em;margin-top:.25em;width:1em}.PinturaShapeList{background:var(--color-background-70);border-radius:var(--border-radius);box-shadow:0 0 0 1px var(--color-foreground-5);color:var(--color-foreground-100);left:1em;opacity:0;pointer-events:none;position:absolute;top:1em;transition:opacity var(--transition-duration-10) ease-in-out;width:max-content;z-index:1}.PinturaShapeList li+li{margin-top:-.3125em}.PinturaShapeList[data-visible=true]{opacity:1}.PinturaShapeList .PinturaColorPreview{border-radius:.25em;height:.75em;margin-right:.25em;width:.75em}.PinturaShapeList .PinturaShapeListItem{align-items:center;display:flex;outline:none;padding:.25em .5em}.PinturaShapeList .PinturaShapeListItem>span{font-size:.75em;line-height:1.75;margin-left:-.325em;padding:0 .325em}.PinturaShapeList .PinturaShapeListItem[data-focus-visible]>span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeList[data-visible=true] .PinturaShapeListItem{pointer-events:all}.PinturaShapeEditor{height:100%;outline:none;touch-action:none;width:100%}.PinturaShapeControls{align-items:center;display:flex;left:0;pointer-events:none;position:absolute!important;top:0;z-index:3}.PinturaShapeControlsGroup{background:#222;border-radius:.25em;box-shadow:0 .125em .25em #00000040;color:#eee;pointer-events:all}.PinturaShapeControlsGroup,.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{display:inline-flex;min-height:1.75em}.PinturaShapeControlsGroup+.PinturaShapeControlsGroup{margin-left:.5em}.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{position:relative}.PinturaShapeControlsGroup .PinturaButton{outline:#0000}.PinturaShapeControlsGroup .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeControlsGroup .PinturaButton[disabled]>span{cursor:not-allowed;opacity:.5;pointer-events:all}.PinturaShapeControlsGroup>.PinturaButton{display:block;font-weight:700;outline:#0000;transition:background-color var(--transition-duration-10)}.PinturaShapeControlsGroup>.PinturaButton:hover{background-color:#ffffff26}.PinturaShapeControlsGroup>.PinturaButton .PinturaButtonLabel{display:block;font-size:.6875em;line-height:1.7em;padding:0 .75em}.PinturaShapeControlsGroup .PinturaButtonIconOnly{transition:background-color var(--transition-duration-10);width:1.75em}.PinturaShapeControlsGroup .PinturaButtonIconOnly:hover{background-color:#ffffff26}.PinturaShapeControlsGroup>button:first-of-type{border-radius:.25em 0 0 .25em}.PinturaShapeControlsGroup>button:last-of-type{border-radius:0 .25em .25em 0}.PinturaShapeControlsGroup>button:only-of-type{border-radius:.25em}.PinturaShapeControlsGroup>*+*{border-left:1px solid #00000080}.PinturaShapeControlsGroup svg{pointer-events:none}.PinturaInlineInput{display:flex;left:0;margin:0;padding:0;position:absolute;top:0;transform-origin:center}.PinturaInlineInput:before{content:"";height:var(--line-height);width:0}.PinturaContentEditable{height:calc(100%/var(--font-scalar));height:calc(100%/var(--font-scalar) - var(--bottom-inset, 0));margin:0;outline:none;overflow:hidden;padding:0;vertical-align:top;width:calc(100%/var(--font-scalar))}.PinturaShapePresetsPalette{max-width:100%;overflow:hidden;text-align:center;width:40em}.PinturaShapePresetsPalette .PinturaShapePresetSelect{display:inline-block;vertical-align:top}.PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]){display:flex;justify-content:center}.PinturaShapePresetsPalette .PinturaButton+.PinturaButton{margin-left:.5em}.PinturaShapePresetsPalette .PinturaButton{border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);flex-direction:row;line-height:1.1;outline:none;padding:.3125em .75em;transition:background-color var(--transition-duration-10) ease-out,color var(--transition-duration-10) ease-out,box-shadow var(--transition-duration-10) ease-out}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon{width:1em}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel{font-size:.75em}.PinturaShapePresetsPalette .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaShapePresetsPalette .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapePresetsPalette .PinturaShapePresetsFlat>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>div>*+*{margin-left:.5em}.PinturaShapePresetsGroups{display:flex}.PinturaShapePresetsGrouped{align-items:center;display:flex;flex-direction:column}.PinturaShapePresetsGrouped [role=tab]{white-space:nowrap}.PinturaShapePresetsFlat{align-items:center;display:flex;justify-content:center}.PinturaShapePresetsFlat>.PinturaButton{margin-left:1em}.PinturaOptionsList,.PinturaOptionsListWrapper{border-radius:inherit}.PinturaOptionsList .PinturaListOption{border-radius:inherit;position:relative;transition:background-color var(--transition-duration-10)}.PinturaOptionsList .PinturaListOption label{border-radius:inherit;display:block;margin:0;white-space:nowrap}.PinturaOptionsList .PinturaListOption svg{margin-left:-.5em;margin-right:.25em;min-width:1.5em}.PinturaOptionsList .PinturaListOption svg:only-child{margin-left:0;margin-right:0}.PinturaOptionsList .PinturaListOption [slot]{align-items:center;display:flex;padding:.325em .75em}.PinturaOptionsList .PinturaDropdownOptionLabel{display:inline-flex;flex-direction:column;font-size:.75em;line-height:1.75;margin-left:-.325em;padding:0 .325em}.PinturaOptionsList .PinturaDropdownOptionSublabel{font-size:.75em;margin-top:-.5em;opacity:.5}.PinturaOptionsList .PinturaListOptionGroup>span{color:var(--color-foreground-50);display:block;font-size:.75em;padding:.75em 1em;text-transform:uppercase}.PinturaOptionsList [data-disabled=true]{color:var(--color-foreground-50)}.PinturaOptionsList [data-selected=false]:not([data-disabled=true]):hover{background-color:var(--color-foreground-10)}.PinturaOptionsList [data-selected=true]{background-color:var(--color-foreground-20);color:var(--color-foreground-100)}.PinturaOptionsList [data-focus-visible]+label .PinturaDropdownOptionLabel{background-color:var(--color-focus-50);border-radius:.25em;box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaListOption label{margin:0}.PinturaRoot[dir=rtl] .PinturaDropdownOptionLabel{align-items:flex-end;margin-right:-.325em}.PinturaRoot[dir=rtl] .PinturaListOption svg{margin-left:-.5em;margin-right:auto}.PinturaRoot[dir=rtl] .PinturaListOption svg+span{margin-left:.25em}.PinturaRoot[dir=rtl] .PinturaListOption [slot]{justify-content:flex-end}.PinturaColorPickerPanel{max-width:14em;overflow:visible;padding:.5em;touch-action:none}.PinturaColorPickerPanel .PinturaEyeDropper{align-items:center;color:var(--color-foreground-70);display:flex;height:1.5em;justify-content:center;margin-left:.25em;width:1.5em}.PinturaColorPickerPanel .PinturaEyeDropper svg{height:1em;width:1em}.PinturaColorPickerPanel .PinturaColorPickerButton{outline:#0000}.PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-foreground-70)}.PinturaColorPickerPanel .PinturaColorPreview{border-radius:.25em;height:1.25em;width:1.25em}.PinturaColorPickerPanel .PinturaColorPreview span{border-radius:.2em;box-shadow:inset 0 0 0 1px var(--color-foreground-20)}.PinturaColorPickerPanel .PinturaColorPresets legend{color:var(--color-foreground-50);font-size:.75em;margin:0 0 .25em .3125em}.PinturaColorPickerPanel .PinturaColorPresets:only-child legend{display:none}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions{display:flex;flex-direction:row;flex-wrap:wrap}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption{display:block;padding:.25em}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label,.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label span{cursor:var(--button-cursor);display:block}.PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible]+label .PinturaColorPreview:after{background-color:var(--color-focus-50);border-radius:inherit;bottom:-.3125em;box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";left:-.3125em;pointer-events:none;position:absolute;right:-.3125em;top:-.3125em}.PinturaColorPickerPanel .PinturaSlider{margin-left:-.325em;margin-right:-.325em}.PinturaColorPickerPanel .PinturaSlider>.PinturaSliderControl{position:relative;z-index:2}.PinturaColorPickerPanel .PinturColorPickerInputGroup{align-items:center;display:flex;flex-direction:row;margin:.75em 0 .25em .3125em}.PinturaColorPickerPanel .PinturaPicker{width:100%}.PinturaColorPickerPanel .PinturaPicker+.PinturaColorPresets{margin-top:.5em}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob,.PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob{border-radius:9999em;box-shadow:inset 0 .06125em .06125em #0000001a,0 0 0 .06125em #fff,0 .1875em .25em #00000059,0 -.125em .25em #0000001a}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob{height:1.25em;left:0;margin-left:-.625em;margin-top:-.625em;outline:none;pointer-events:none;position:absolute;top:0;visibility:visible;width:1.25em;z-index:1}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after{background-color:var(--color-focus-50);border-radius:inherit;bottom:-.3125em;box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";left:-.3125em;pointer-events:none;position:absolute;right:-.3125em;top:-.3125em}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController{bottom:0;left:0;position:absolute;right:0;top:0;visibility:hidden}.PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker{background-image:linear-gradient(180deg,#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:var(--border-radius) var(--border-radius) 0 0;height:7em;margin:-.5em -.5em .5em;position:relative}.PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.PinturaColorPickerPanel .PinturaPicker .PinturaSliderTrack{box-shadow:inset 0 0 1px var(--color-foreground-50)}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before,.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before{background-color:#fff;background-image:var(--pattern-transparent);border-radius:inherit;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderKnob:before{background-position:calc(var(--slider-position)*-2px) 0}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker{margin-top:.5em}.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput{font-feature-settings:"tnum";border:1px solid var(--color-foreground-20);border-radius:.25em;color:var(--color-foreground-80);font-size:.875em;font-variant:tabular-nums;line-height:1.75;text-indent:.5em;text-transform:uppercase;width:calc(100% - .625em)}.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput:focus{border-color:var(--color-focus-100);outline:#0000}.PinturaColorPickerPanel .PinturaPicker .PinturaColorPickerInput[disabled]{color:var(--color-foreground-40)}.PinturaPanel{--color-inset:#ffffff1a;--color-fill:var(--color-foreground-5);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-inset),0 .125em .25em #00000040,0 .125em .75em #00000026,0 .125em .125em #0000001a;cursor:auto;left:0;outline:#0000;top:0;width:max-content;z-index:2147483647}.PinturaPanel,.PinturaPanelTip{background-blend-mode:screen;background-color:var(--color-background-100);background-image:linear-gradient(var(--color-fill),var(--color-fill));color:var(--color-foreground-90);position:absolute}.PinturaPanelTip{--tip-mask:#0000 calc(50% - 1.5px),#000 calc(50% - 1.5px);box-shadow:inset -1px -1px 0 0 var(--color-inset);height:.5em;margin-left:-.25em;margin-top:-.25em;-webkit-mask:linear-gradient(to bottom right,var(--tip-mask));mask:linear-gradient(to bottom right,var(--tip-mask));pointer-events:none;width:.5em;z-index:-1}.PinturaPanelTip[data-top=true]{box-shadow:inset 1px 1px 0 0 var(--color-inset);-webkit-mask:linear-gradient(to top left,var(--tip-mask));mask:linear-gradient(to top left,var(--tip-mask))}.PinturaColorPreview{--color:#0000;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E");color:var(--color);pointer-events:none;position:relative}.PinturaColorPreview span{background-color:var(--color);border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.PinturaContentEditable{display:inline-block!important;-webkit-user-select:text!important;user-select:text!important;white-space:pre-line!important;word-break:break-word!important}.PinturaContentEditable[data-wrap-content=nowrap]{white-space:nowrap!important;word-break:normal!important}.PinturaContentEditable[data-wrap-content=nowrap] br{display:none}.PinturaContentEditable{-webkit-user-drag:none;background:#0000!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:none!important;min-width:auto!important}.PinturaSlider{--track-offset-x:0.5em;--track-offset-y:0.5em;--track-size:1.5em;--knob-size:1em;--knob-margin-top:0em;--knob-margin-right:0em;--knob-margin-bottom:0em;--knob-margin-left:0em;align-items:center;display:flex;position:relative;touch-action:none}.PinturaSlider[data-direction=y]{flex-direction:column}.PinturaSlider .PinturaSliderControl{flex:1 1;position:relative}.PinturaSlider>button{cursor:pointer;flex-shrink:none;height:var(--track-size);overflow:hidden;position:relative;width:var(--track-size);z-index:1}.PinturaSlider>button svg{stroke-width:.125em;stroke:var(--color-foreground-50);height:1.25em;margin:.125em;width:1.25em}.PinturaSlider>button:first-of-type{margin-left:-.325em;order:2;padding-right:.125em}.PinturaSlider>button:last-of-type{margin-right:-.325em;order:1;padding-left:.125em}.PinturaSlider>.PinturaSliderControl{order:2}.PinturaSlider .PinturaSliderKnob{background:var(--knob-background);border-radius:9999em;height:var(--knob-size);left:0;margin-left:calc(var(--knob-size)*-.5);margin-top:calc(var(--knob-size)*-.5);top:50%;visibility:visible;width:var(--knob-size)}.PinturaSlider .PinturaSliderKnob,.PinturaSlider .PinturaSliderKnobController,.PinturaSlider .PinturaSliderTrack{pointer-events:none;position:absolute}.PinturaSlider .PinturaSliderTrack{background:var(--track-background);bottom:var(--track-offset-y);left:var(--track-offset-x);right:var(--track-offset-x);top:var(--track-offset-y)}.PinturaSlider .PinturaSliderKnobController{bottom:calc(var(--track-offset-y) + var(--knob-margin-bottom));left:calc(var(--track-offset-x) + var(--knob-margin-left));right:calc(var(--track-offset-x) + var(--knob-margin-right));top:calc(var(--track-offset-y) + var(--knob-margin-top));visibility:hidden}.PinturaSlider .PinturaSliderTrack{border-radius:9999em}.PinturaSlider[data-direction=x] input[type=range]{height:var(--track-size);margin-left:var(--track-offset-x);width:calc(100% - var(--track-offset-x)*2)}.PinturaSlider[data-direction=y] input[type=range]{height:calc(100% - var(--track-offset-y)*2);margin-top:var(--track-offset-y);width:var(--track-size)}.PinturaSlider input[type=range]{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;display:block}.PinturaSlider input[type=range]::-webkit-slider-runnable-track{background:#0000}.PinturaSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;line-height:0;margin:0;padding:0}.PinturaSlider input[type=range]::-moz-range-thumb{border:none;line-height:0;margin:0;padding:0;visibility:hidden}.PinturaSlider input[type=range]::-ms-thumb{border:none;line-height:0;margin:0;padding:0}.PinturaSlider input[type=range]::-ms-ticks-before,.PinturaSlider input[type=range]::-ms-tooltip{display:none}.PinturaSlider input[type=range]::-ms-ticks-after{display:none}.PinturaSlider input[type=range]::-ms-track{background:#0000;border:none;color:#0000}.PinturaSlider input[type=range]::-ms-fill-lower,.PinturaSlider input[type=range]::-ms-fill-upper{background:#0000}.PinturaSlider input[type=range]:focus{outline:#0000}.PinturaSlider input[type=range][data-focus-visible]~.PinturaSliderKnobController .PinturaSliderKnob:after{background-color:var(--color-focus-50);border-radius:inherit;bottom:-.3125em;box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";left:-.3125em;pointer-events:none;position:absolute;right:-.3125em;top:-.3125em}.PinturaShapeManipulator{--size:0.75em;left:0;outline:none;position:absolute;top:0;touch-action:none;transform:translate3d(calc(var(--tx)*1px),calc(var(--ty)*1px),0) rotate(var(--r)) scale(var(--sx),var(--sy))}.PinturaShapeManipulator:not([data-control=edge]){border-radius:9999em;height:var(--size);line-height:var(--size);margin-left:calc(var(--size)*-.5);margin-top:calc(var(--size)*-.5);width:var(--size)}.PinturaShapeManipulator:not([data-control=edge]):after{bottom:-.5em;content:"";left:-.5em;position:absolute;right:-.5em;top:-.5em}.PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after{background-color:var(--color-focus-50);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeManipulator[data-control=point],.PinturaShapeManipulator[data-control=scale]{background:linear-gradient(90deg,var(--color-secondary-dark),var(--color-secondary));box-shadow:0 0 0 2px #fff,0 0 4px #000;z-index:3}.PinturaShapeManipulator[data-control=point][data-selected=true]:before,.PinturaShapeManipulator[data-control=scale][data-selected=true]:before{background:#fff;border-radius:9999em;content:"";display:block;height:calc(var(--size)*.5);margin-left:calc(var(--size)*.25);margin-top:calc(var(--size)*.25);width:calc(var(--size)*.5)}.PinturaShapeManipulator[data-control=scale]{cursor:grab}.PinturaShapeManipulator[data-control=edge]{height:var(--size);margin-top:calc(var(--size)*-.5);transform-origin:0 calc(var(--size)*.5);width:1px;z-index:1}.PinturaShapeManipulator[data-control=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaShapeManipulator[data-control=rotate]{background:linear-gradient(90deg,#fff,#ddd);border-radius:9999em;box-shadow:0 0 0 2px var(--color-secondary-dark),0 0 4px #000;cursor:grab;z-index:2}.PinturaRoot[data-env*=chrome-] .PinturaShapeManipulator[data-control=edge]{transform:translate3d(calc(var(--tx)*1px),calc(var(--ty)*1px),0) rotate(var(--r));width:calc(var(--sx)*1px)}
/*# sourceMappingURL=main.62d11184.css.map*/