.modal_overlay__b2mn2{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:hsla(var(--hue-color),7.5%,12.5%,.75);-webkit-backdrop-filter:blur(2.5px) saturate(75%);backdrop-filter:blur(2.5px) saturate(75%);z-index:999;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .3s ease-in-out,background 0s}.modal_overlay__b2mn2.modal_active__SUuvZ{opacity:1;visibility:visible}.modal_layout__wKoFW{padding:0 .6rem;overflow:auto}.modal_layout__wKoFW::-webkit-scrollbar{visibility:hidden;width:.3rem;border-radius:.25rem}.modal_layout__wKoFW::-webkit-scrollbar-thumb{border-radius:.25rem;visibility:hidden}.modal_setting__Xztxf{display:grid;grid-template-rows:30px 1fr;grid-gap:1rem;gap:1rem;height:100%;width:100%;max-height:400px;max-width:425px;background:var(--modal-bg);padding:2rem;border:1px solid var(--modal-border);border-radius:1rem;transition:all .3s ease-in-out,background 0s;transform:scale(.5) translateY(10%)}.modal_setting__Xztxf .modal_small__LjQ6c{font-size:var(--small-font-size);color:var(--text-color-light)}.modal_setting__Xztxf .modal_heading__cwILs{display:flex;justify-content:space-between}.modal_setting__Xztxf .modal_layout__wKoFW>.modal_small__LjQ6c{display:block;margin-bottom:.6rem}.modal_setting__Xztxf .modal_layout__wKoFW .modal_panel__mY4NE{cursor:pointer;padding:.75rem;border-radius:.5rem;border:1.5px solid var(--text-color-light);box-shadow:0 -2px 4px rgba(0,0,0,.15);margin-bottom:1rem}.modal_setting__Xztxf .modal_layout__wKoFW .modal_panel__mY4NE.modal_active__SUuvZ{border:1.5px solid var(--first-color)}.modal_setting__Xztxf .modal_layout__wKoFW .modal_panel__mY4NE span{display:block}.modal_setting__Xztxf .modal_layout__wKoFW .modal_panel__mY4NE .modal_title___tMeX{color:var(--title-color);font-weight:500}.modal_overlay__b2mn2.modal_active__SUuvZ .modal_setting__Xztxf{transform:scale(1) translateY(0)}@media (hover:hover) and (pointer:fine){.modal_layout__wKoFW::-webkit-scrollbar-thumb:hover{border-radius:.25rem;visibility:hidden}.modal_setting__Xztxf:hover .modal_layout__wKoFW::-webkit-scrollbar,.modal_setting__Xztxf:hover .modal_layout__wKoFW::-webkit-scrollbar-thumb{visibility:visible}.modal_setting__Xztxf:hover .modal_layout__wKoFW::-webkit-scrollbar-thumb:hover{visibility:visible}}@media screen and (max-width:768px){.modal_setting__Xztxf{max-height:none;max-width:none;padding:2rem 1rem;border-radius:0}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;z-index:1}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}