.custom-dialog{--custom-dialog-width: 560px;--custom-dialog-padding: 40px;--custom-dialog-gap: 40px;--custom-dialog-button-height: 48px;--custom-dialog-button-max-width: 480px;border:none;border-radius:0;outline:none;padding:var(--custom-dialog-padding);max-width:var(--custom-dialog-width);max-height:800px;width:calc(100% - var(--page-margin) * 2);background-color:var(--color-white, #fff);color:var(--color-primary, #222)}@media screen and (max-width:1023px){.custom-dialog{--custom-dialog-width: 320px;max-height:320px;width:320px}}.custom-dialog[open]{display:flex;flex-direction:column;gap:40px}.custom-dialog::backdrop{background:rgb(var(--backdrop-color-rgb, 0 0 0) / var(--backdrop-opacity, .5))}.custom-dialog__header{display:flex;justify-content:space-between;align-items:center;width:100%}.custom-dialog__title{font-size:13px;font-weight:700;line-height:180%;letter-spacing:.2em;text-transform:uppercase}.custom-dialog__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;color:var(--color-primary, #222);flex-shrink:0}.custom-dialog__close:hover{opacity:.7}.custom-dialog__close svg{width:24px;height:24px}.custom-dialog__content{display:flex;flex-direction:column;width:100%}.custom-dialog__description{font-family:Pretendard variable,sans-serif;font-size:14px;font-weight:400;line-height:24px;letter-spacing:.02em;text-align:center;margin:0;color:var(--color-primary, #222);white-space:pre-line}.custom-dialog__actions{display:flex;width:100%;max-width:var(--custom-dialog-button-max-width);margin:0 auto}.custom-dialog__actions--single{flex-direction:column}.custom-dialog__actions--dual{flex-direction:row;gap:12px}.custom-dialog__actions--dual .custom-dialog__button{flex:1}.custom-dialog__button{display:flex;align-items:center;justify-content:center;width:100%;height:var(--custom-dialog-button-height);padding:20px;border:none;cursor:pointer;font-family:var(--font-heading--family, "Zalando Sans SemiExpanded", "Pretendard Variable", "Pretendard", sans-serif);font-size:13px;font-weight:400;line-height:1.8;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:opacity var(--animation-speed, .2s) var(--animation-easing, ease);background:var(--color-primary-button-background);color:var(--color-primary-button-text)}.custom-dialog__button--primary{background-color:var(--color-primary, #222);color:var(--color-white, #fff)}.custom-dialog__button--secondary{background-color:transparent;color:var(--color-primary, #222);border:1px solid var(--color-primary, #222)}.custom-dialog[open]{animation:customDialogFadeIn var(--animation-speed, .2s) var(--animation-easing, ease) forwards}.custom-dialog.dialog-closing{animation:customDialogFadeOut var(--animation-speed, .2s) var(--animation-easing, ease) forwards}@keyframes customDialogFadeIn{0%{opacity:0;transform:translateY(var(--padding-sm, 8px))}to{opacity:1;transform:translateY(0)}}@keyframes customDialogFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--padding-sm, 8px))}}@media screen and (max-width:1023px){.custom-dialog{--custom-dialog-padding: 24px;--custom-dialog-gap: 24px;max-width:100%;max-height:100%;margin:auto}.custom-dialog[open]{gap:20px}.custom-dialog__actions{max-width:100%}.custom-dialog__actions--dual{flex-direction:column;gap:8px}.custom-dialog__actions--dual .custom-dialog__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-dialog.css.map */