.grade-select-input-box{align-items:center;width:100%;height:100%;display:flex;position:relative}.grade-select-input-box .grade-select-input{box-sizing:border-box;cursor:pointer;border-radius:8px;align-items:center;padding:6px 12px;display:flex}@media screen and (max-width:1350px){.grade-select-input-box .grade-select-input{padding:4px 7px}}.grade-select-input-box .grade-select-input.red{background-color:var(--color-background-red)}.grade-select-input-box .grade-select-input.green{background-color:var(--color-background-green)}.grade-select-input-box .grade-select-input.blue{background-color:var(--color-background-blue)}.grade-select-input-box .grade-select-input .grade-select-value{white-space:nowrap;align-items:center;gap:6px;display:flex}.grade-select-input-box .grade-select-input .grade-select-value .grade-select-text.red{color:var(--color-error)}.grade-select-input-box .grade-select-input .grade-select-value .grade-select-text.green{color:#018b1f}.grade-select-input-box .grade-select-input .grade-select-value .grade-select-text.blue{color:var(--color-success)}.grade-select-input-box .grade-select-menu-box{background-color:var(--color-white);border-radius:4px;min-width:200px;margin-top:5px;padding:4px;display:none;position:absolute;top:100%;right:0;transform:translate(40%);box-shadow:0 4px 10px #0000001a}@media screen and (max-width:1350px){.grade-select-input-box .grade-select-menu-box{min-width:140px}}.grade-select-input-box .grade-select-menu-box.open{display:block}.grade-select-input-box .grade-select-menu-box .grade-select-menu{flex-direction:column;display:flex}.grade-select-input-box .grade-select-menu-box .grade-select-menu .grade-select-item{cursor:pointer;padding:10px}.grade-select-input-box .grade-select-menu-box .grade-select-menu .grade-select-item :hover{color:var(--color-primary)}.grade-select-input-box .grade-select-menu-box .grade-select-menu .grade-select-item .active{color:var(--color-primary);font-weight:700}
.confirm-dialog-wrapper{background-color:var(--color-white);border:1px solid #e4e4e4;border-radius:12px;width:348px;padding:0;display:flex}@media screen and (max-width:700px){.confirm-dialog-wrapper{width:100%}}.confirm-dialog-wrapper:focus{outline:none}.confirm-dialog-wrapper .confirm-dialog-inner{box-sizing:border-box;width:100%;padding:24px}@media screen and (max-width:700px){.confirm-dialog-wrapper .confirm-dialog-inner{padding:16px}}.confirm-dialog-wrapper .confirm-dialog-inner .confirm-dialog-header{justify-content:flex-end;width:100%;display:flex}.confirm-dialog-wrapper .confirm-dialog-inner .confirm-dialog-header svg{cursor:pointer}.confirm-dialog-wrapper .confirm-dialog-inner .confirm-dialog-title-box{flex-direction:column;gap:16px;display:flex}@media screen and (max-width:700px){.confirm-dialog-wrapper .confirm-dialog-inner .confirm-dialog-title-box{gap:6px}}.confirm-dialog-wrapper .confirm-dialog-inner .confirm-dialog-title-box .confirm-dialog-title{font-size:18px}@media screen and (max-width:700px){.confirm-dialog-wrapper .confirm-dialog-inner .confirm-dialog-title-box .confirm-dialog-title{font-size:16px}}.confirm-dialog-wrapper .confirm-dialog-inner .confirm-dialog-title-box .confirm-dialog-subtitle{white-space:pre-line;font-size:14px}@media screen and (max-width:700px){.confirm-dialog-wrapper .confirm-dialog-inner .confirm-dialog-title-box .confirm-dialog-subtitle{font-size:12px}}.confirm-dialog-wrapper .confirm-dialog-inner .confirm-dialog-button-box{gap:8px;width:100%;padding-top:28px;display:flex}.confirm-dialog-wrapper .confirm-dialog-inner .confirm-dialog-button-box .confirm-dialog-button{flex:1;height:52px;padding:14px 24px}@media screen and (max-width:700px){.confirm-dialog-wrapper .confirm-dialog-inner .confirm-dialog-button-box .confirm-dialog-button{height:40px;padding:8px 16px}}.confirm-dialog-wrapper::backdrop{background-color:#00000080}