@layer scss{.dialog{align-items:center;background:none;border:none;justify-content:center;overflow:hidden;padding:var(--spacing-5);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-height:767px),screen and (max-width:575px){.dialog{align-items:flex-end;padding-bottom:0}}.dialog__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){.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){display:flex;flex-direction:column;gap:var(--spacing-6);max-height:calc(100dvh - var(--spacing-7))}.dialog__header{padding-inline:var(--spacing-5);text-align:center}@media screen and (max-width:575px){.dialog__header{padding-left:0;text-align:left}}@media screen and (max-height:767px),screen and (max-width:575px){.dialog__header{margin-bottom:0;padding-bottom:var(--spacing-4)}}.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-height:767px),screen and (max-width:575px){.dialog__body{padding-bottom:var(--spacing-3)}.dialog__body:has(+.dialog__footer){margin-bottom:calc(var(--spacing-6)*-1)}}@media screen and (max-height:767px),screen and (max-width:575px){.dialog__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)}}.dialog__close-button{border-radius:50%;position:absolute;right:15px;top:15px}.dialog__close-button button{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.dialog__close-button :hover{background:var(--color-gray-30)}.dialog .toast-message{inset:var(--spacing-1) auto auto 50%;position:absolute;transform:translate(-50%);width:90%}@media(min-width:768px){.dialog .toast-message{min-width:450px;top:calc(var(--spacing-4)*-1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.dialog::backdrop{background-color:var(--color-black);opacity:.7}
}