.dialog{align-items:center;justify-content:center;padding:var(--spacing-5);overflow:hidden;background:none;border:none;transition:translate var(--transition-time) var(--transition-easing),overlay .7s ease-out,display .7s ease-out allow-discrete;translate:0 100vh}.dialog[open]{translate:0 0}@starting-style{.dialog[open]{translate:0 100vh}}@media screen and (max-width: 575px){.dialog{padding-inline:0}}@media screen and (max-width: 575px),screen and (max-height: 767px){.dialog{padding-bottom:0;align-items:flex-end}}.dialog__content{margin:0;width:100%;max-width:600px;padding:var(--spacing-5);position:relative;border-radius:var(--border-radius-large);background-color:var(--color-gray-5)}@media screen and (max-width: 575px),screen and (max-height: 767px){.dialog__content{border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;padding-bottom:0}}.dialog *:has(>.dialog__body,>.dialog__header,>self__footer){max-height:calc(100dvh - var(--spacing-7));display:flex;flex-direction:column;gap:var(--spacing-6)}.dialog__header{padding-inline:var(--spacing-5);text-align:center}@media screen and (max-width: 575px){.dialog__header{text-align:left;padding-left:0}}@media screen and (max-width: 575px),screen and (max-height: 767px){.dialog__header{padding-bottom:var(--spacing-4);margin-bottom:0}}.dialog__header h3{margin:0}.dialog__header p{color:var(--color-gray-60)}.dialog__body{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-grow:1}.dialog__body::-webkit-scrollbar{display:none}@media screen and (max-width: 575px),screen and (max-height: 767px){.dialog__body{padding-bottom:var(--spacing-3)}.dialog__body:has(+.dialog__footer){margin-bottom:calc(-1*var(--spacing-6))}}@media screen and (max-width: 575px),screen and (max-height: 767px){.dialog__footer{background:var(--color-white);padding-block:var(--spacing-3);margin-inline:calc(-1*var(--spacing-5));padding-inline:var(--spacing-5);border-top:solid 1px rgba(35,41,51,.06)}}.dialog__close-button{position:absolute;top:15px;right:15px;border-radius:50%}.dialog__close-button button{display:flex;justify-content:center;align-items:center;height:24px;width:24px;border-radius:50%}.dialog__close-button :hover{background:var(--color-gray-30)}.dialog .toast-message{position:absolute;inset:var(--spacing-1) auto auto 50%;width:90%;transform:translate(-50%)}@media(min-width: 768px){.dialog .toast-message{top:calc(-1*var(--spacing-4));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:450px}}.dialog::backdrop{background-color:var(--color-black);opacity:.7}