@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInY{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutY{0%{opacity:1;transform:translateY(0)}to{display:none;opacity:0;transform:translateY(-5px)}}@keyframes fadeInX{0%{opacity:0;transform:translateX(50vw)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInXFromLeft{0%{opacity:0;transform:translateX(-50vw)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutX{0%{opacity:1;transform:translateX(0)}to{display:none;opacity:0;transform:translateX(50vw)}}.modal-component{position:fixed;display:flex;top:0;left:0;height:100vh;width:100vw;z-index:1000}.modal-component-background-blur{display:flex;justify-content:center;align-items:center;height:100%;width:100%;-webkit-backdrop-filter:brightness(55%);backdrop-filter:brightness(55%);cursor:pointer;position:relative;animation:fadeIn .5s}.modal-component-bottom-sheet-close-icon-container,.modal-component-side-close-icon-container{width:32px;height:32px;border-radius:var(--radius-full);cursor:pointer;position:absolute;z-index:999;background-color:var(--color-surface);box-shadow:var(--shadow-modal)}.modal-component-bottom-sheet-close-icon-container:hover,.modal-component-side-close-icon-container:hover{background-color:var(--color-button-tertiary-hover)}.modal-component-bottom-sheet-close-icon-container:active,.modal-component-side-close-icon-container:active{background-color:var(--color-button-tertiary-dark-pressed)}@media(max-width:470px){.modal-component-bottom-sheet-close-icon-container.modal-component-side-close-icon-container,.modal-component-side-close-icon-container.modal-component-side-close-icon-container{display:none}}.modal-component-bottom-sheet-close-icon-container .modal-component-container-close-icon,.modal-component-side-close-icon-container .modal-component-container-close-icon{position:inherit;top:unset;right:unset;width:12px}.modal-component-side-close-icon-container{top:10px;left:-50px}.modal-component-bottom-sheet-close-icon-container{top:-50px;right:-5px}@media only screen and (max-width:1300px){.modal-component-bottom-sheet-close-icon-container{right:10px}}.modal-component-container{cursor:auto;position:relative;min-height:100px;max-height:90vh;width:100%;border-radius:var(--main-border-radius);animation:fadeInY .5s;z-index:10;box-sizing:border-box;overflow:hidden;margin:20px;background-color:var(--color-surface);box-shadow:var(--shadow-modal);display:flex}@media(max-width:470px){.modal-component-container{margin:10px;width:calc(100% - 20px);border-radius:var(--radius-md)!important}}.modal-component-container-small{max-width:580px}.modal-component-container-semi-medium{max-width:650px}.modal-component-container-medium{max-width:1000px}.modal-component-container-large{max-width:1200px}.modal-component-container-xl{max-width:1400px}.modal-component-container-full{max-width:100%}.modal-component-container-fixed-modal{position:fixed;top:15%}.modal-component-container-side-modal{position:absolute;display:flex;top:10px;right:10px;width:calc(100vw - 20px);min-width:350px;height:calc(100vh - 20px);margin:0;border-radius:var(--radius-md);max-height:unset;overflow:visible;animation:fadeFromRightToLeft .5s}.modal-component-container-side-modal .component-wrapper-container{position:relative}.modal-component-container-side-modal .modal-component-content-container{height:100%}.modal-component-container-side-modal.modal-component-container-small{max-width:380px!important}.modal-component-container-side-modal.modal-component-container-semi-medium{max-width:450px!important}.modal-component-container-side-modal.modal-component-container-medium{max-width:700px!important}.modal-component-container-side-modal.modal-component-container-large{max-width:980px!important}.modal-component-container-side-modal.modal-component-container-xl{max-width:100px!important}.modal-component-container-side-modal.modal-component-container-fit-height{height:-moz-fit-content;height:fit-content;bottom:10px;top:unset;animation:fadeFromBottomToTop .5s}.modal-component-container-side-modal.modal-component-container-fit-height .modal-component-content-container{max-height:calc(100vh - 60px);height:-moz-fit-content;height:fit-content}@media(max-width:470px){.modal-component-container-side-modal{top:10px;right:10px;left:10px;width:calc(100vw - 20px);height:calc(100vh - 20px);border-radius:var(--radius-md)}}.modal-component-container-close-icon{font-size:25px;position:absolute;top:8px;right:8px;cursor:pointer;z-index:9999;color:var(--color-text-primary)}.modal-component-container .content-container{max-height:100%}.modal-component-container-bottom-sheet{position:fixed;bottom:10px;left:10px;right:10px;width:calc(100% - 20px);height:calc(100vh - 34px);margin:0;border-radius:var(--radius-xl);transform:translateY(100%);transition:transform .3s ease-in-out;animation:slideUp .3s ease-in-out forwards;max-width:calc(95% - 20px)!important;overflow:visible}@media(max-width:470px){.modal-component-container-bottom-sheet{bottom:0;left:0;right:0;width:100%;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%!important}}.modal-component-container-bottom-sheet.modal-component-container-full{left:0;right:0;bottom:0;width:100%;height:100vh;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);max-width:100%!important}@media(max-width:470px){.modal-component-container-bottom-sheet.modal-component-container-full{left:0;right:0;width:100%}}.modal-component-container-bottom-sheet .modal-component-content-container{height:100%;overflow-y:auto}.modal-component .modal-component-content-container{overflow-y:auto;flex:1 1;flex-grow:1}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}