tp-modal{backdrop-filter:blur(2px);background-color:#00000080;box-sizing:border-box;display:none;height:100%;left:0;max-width:100%;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:99}tp-modal[open]{display:flex}tp-modal-close{position:absolute;right:20px;top:20px}tp-modal-content{background-color:#fff;display:block;margin:auto;max-width:80ch;min-width:0;padding:20px}.modal{align-items:center;animation:fadein var(--transition-easing) var(--transition-time);justify-content:center;opacity:0;overflow:hidden;padding:0;padding-inline:var(--app-margin);transition:fadein var(--transition-time) var(--transition-easing)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal[open]{opacity:1;z-index:102}.modal:not([open]){transition:display var(--transition-time) var(--transition-easing) allow-discrete,opacity var(--transition-time) var(--transition-easing) allow-discrete}@media screen and (min-width:481px){.modal{align-items:unset}}.modal__content{border:1px solid var(--color-black);border-radius:var(--border-radius);box-shadow:var(--shadow-4);height:fit-content;margin:0;padding:0;position:relative}@media screen and (min-width:481px){.modal__content{top:80px}}.modal__body{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-grow:1;max-height:720px}.modal__body::-webkit-scrollbar{display:none}.modal__close-button{position:static}tp-modal{backdrop-filter:unset;background-color:#232933e6}