@layer scss{tp-modal{-webkit-backdrop-filter:blur(2px);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;justify-content:center;overflow:hidden;padding:var(--spacing-5)}@media screen and (max-width:575px){.modal{padding-inline:0}}@media screen and (max-height:767px),screen and (max-width:575px){.modal{align-items:flex-end;padding-bottom:0}}.modal[open]{z-index:var(--fixed-z-index)}.modal--open{animation:fadein var(--transition-easing) var(--transition-time);transition:fadein var(--transition-time) var(--transition-easing)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal--open .modal__content{animation:slideup var(--transition-easing) var(--transition-time);transition:slideup var(--transition-time) var(--transition-easing)}@keyframes slideup{0%{transform:translateY(150%)}}.modal--close{animation:fadeout var(--transition-easing) var(--transition-time);transition:fadeout var(--transition-time) var(--transition-easing)}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.modal--close .modal__content{animation:slidedown var(--transition-easing) var(--transition-time);transition:slidedown var(--transition-time) var(--transition-easing)}@keyframes slidedown{to{transform:translateY(150%)}}.modal__content{background-color:var(--color-gray-5);border-radius:var(--border-radius-large);margin:0;max-width:600px;padding:var(--spacing-5);position:relative;width:100%}@media screen and (max-height:767px),screen and (max-width:575px){.modal__content{border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;padding-bottom:0}}.modal :has(>.modal__body,>.modal__header,>self__footer){display:flex;flex-direction:column;gap:var(--spacing-6);max-height:calc(100dvh - var(--spacing-7))}.modal__header{padding-inline:var(--spacing-5);text-align:center}@media screen and (max-width:575px){.modal__header{padding-left:0;text-align:left}}@media screen and (max-height:767px),screen and (max-width:575px){.modal__header{margin-bottom:0;padding-bottom:var(--spacing-4)}}.modal__header h3{margin:0}.modal__header p{color:var(--color-gray-60)}.modal__body{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-grow:1}.modal__body::-webkit-scrollbar{display:none}@media screen and (max-height:767px),screen and (max-width:575px){.modal__body{padding-bottom:var(--spacing-3)}.modal__body:has(+.modal__footer){margin-bottom:calc(var(--spacing-6)*-1)}}@media screen and (max-height:767px),screen and (max-width:575px){.modal__footer{background:var(--color-white);border-top:1px solid #2329330f;margin-inline:calc(var(--spacing-5)*-1);padding-block:var(--spacing-3);padding-inline:var(--spacing-5)}}.modal__close-button{border-radius:50%;position:absolute;right:15px;top:15px}.modal__close-button button{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.modal__close-button :hover{background:var(--color-gray-30)}.modal .toast-message{inset:var(--spacing-1) auto auto 50%;position:absolute;transform:translate(-50%);width:90%}@media(min-width:768px){.modal .toast-message{min-width:450px;top:calc(var(--spacing-4)*-1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}
}