.modal{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;height:100%;background:#0e0e0ef5;color:#fff;fill:#fff;-webkit-user-select:none;user-select:none}.modal.hidden{display:none;opacity:0}.modal .area{display:flex;align-items:center;justify-content:center;width:96vw;height:96vh}.modal .area.full{height:100%;width:100%;max-width:100%;max-height:100%}.modal .area .outer{display:flex;flex-direction:column;width:100%;height:100%}.header-modal{position:relative;display:flex;justify-content:space-between;align-items:center;flex:0 0 60px;color:#fff}.header-modal h2{margin:0;font-size:1.5em;font-weight:700;width:fit-content;font-weight:300}.header-modal h2 small{font-size:.5em;font-weight:300;opacity:.5}.modal .body-modal{flex-grow:1;min-height:0;background:#000;border-radius:30px 0 0 30px}.modal.dark .body-modal{background:#1e1e1e}.modal .inner{gap:15px;width:100%;height:100%;max-height:100%;margin-block:auto;padding:1rem}.modal .field{position:relative;margin-block:0 .5em}.modal .select,.modal .input,.modal .button,.modal .textarea{font-size:.75rem;font-weight:400;background-color:inherit;font-size:inherit}.modal.dark .select,.modal.dark .input,.modal.dark .button,.modal.dark .textarea{border:1px solid #ffffff29;color:#fff;fill:#fff}.modal input[type=checkbox]{position:relative;padding:0;width:1.5em;height:1.5em;line-height:normal}.modal.dark .btn{fill:#fff;color:#fff;background:#000}.modal.dark .btn:hover{background:#fff;fill:#000;color:#000}.modal button .close{border:0;padding:.75em}.modal button .close:before,.modal button .close:after{width:2px}.modal .select option{padding:1em;color:inherit}.modal.dark .select option{background:#222}.modal input{box-shadow:inset 0 1px 2px #fff3}.modal.dark input{box-shadow:inset 0 1px 2px #0003}.modal input::placeholder,.modal textarea::placeholder{color:#5b5b5b;font-style:italic}.modal input.error{outline:1px solid #ff000057!important}.modal input.error:focus{box-shadow:inset 0 1px 2px #f003;border-color:#ff00008a}.modal input:focus,.modal textarea:focus{outline:none;border-color:#62658782;box-shadow:0 0 0 1px #6496ff1a}.modal.dark input:focus,.modal.dark textarea:focus{outline:none;border-color:#e8eaff82;box-shadow:0 0 0 1px #6496ff1a}.modal button:disabled,.modal input:disabled,.modal select:disabled{opacity:.1;cursor:default}.modal button:disabled:hover{background:unset;color:unset}.modal .user-tools{position:relative;z-index:1;background:#393939}.modal .user-tools:after{content:"";display:block;position:absolute;z-index:1;bottom:-26px;right:0;left:0;height:26px;background:linear-gradient(180deg,#00000054,transparent);pointer-events:none}.modal button.crop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;gap:.25em;flex-direction:column;width:fit-content;height:fit-content;margin:auto;padding:.5em;background:#000;fill:#fff;opacity:.6}.modal button.crop:hover{opacity:1;color:#fff}