.modal{display:none;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgb(var(--color_bg));color:rgb(var(--color_text));z-index:999;-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s}.modal.modal--is-active{display:block;opacity:1;background:#fff}.modal__inner{height:100%;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s}.modal--is-active .modal__inner{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.modal__centered{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.modal__centered .no-csstransforms{top:20%}.model-modal-btn{position:absolute;right:0;left:0;bottom:1rem}.model-modal-btn i{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;font-size:18px;margin:0 auto;background:#eee;color:#000;opacity:.6;border:2px solid;border-radius:50%;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}.model-modal-btn:hover i{font-size:22px;opacity:1}modal-dialog{overflow-y:initial;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;opacity:0;overflow:auto;width:100%;height:100%;background-color:rgba(18,18,18,.36);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}modal-dialog[open]{opacity:1;visibility:visible;z-index:10001}modal-dialog>::-webkit-scrollbar{cursor:pointer;background:var(--color_scrollbar__background);width:5px}modal-dialog>::-webkit-scrollbar-thumb{cursor:pointer;border:solid 0 rgba(0,0,0,0);width:5px;-webkit-box-shadow:inset 0 0 0 1px var(--color_scrollbar__thumb),inset 0 0 0 6px var(--color_scrollbar__thumb);box-shadow:inset 0 0 0 1px var(--color_scrollbar__thumb),inset 0 0 0 6px var(--color_scrollbar__thumb)}modal-dialog>::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 0 1px var(--color_scrollbar__thumb_hover),inset 0 0 0 6px var(--color_scrollbar__thumb_hover);box-shadow:inset 0 0 0 1px var(--color_scrollbar__thumb_hover),inset 0 0 0 6px var(--color_scrollbar__thumb_hover)}modal-dialog .modal-content{background-color:rgba(255,255,255,.6196078431);position:absolute;overflow:auto;height:100%;margin:0;width:100%;padding:0;overflow:hidden;border-radius:var(--radius)}@media only screen and (min-width:780px){modal-dialog .modal-content{top:calc(50% - 270px);left:calc(50% - 420px);min-width:840px;max-width:840px;max-height:540px}}modal-dialog .modal-body{width:100%;height:100%;position:relative}.modal__close{background-color:rgb(var(--color_secondary));border:.1rem solid rgba(var(--color_primary),.1);border-radius:50%;color:rgba(var(--color_primary),.55);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;position:absolute;z-index:3;top:1.5rem;right:1.5rem;width:3rem;height:3rem;margin:0 0 0 auto;padding:0}.modal__close:hover{color:rgba(var(--color_primary),.75)}.modal__close .icon{margin:0;width:3rem;height:3rem}