.detail-confirm{width:100%;max-width:540px;min-height:150px;margin:0 auto;padding:34px 45px 33px;position:relative}.detail-confirm__surface{background-color:#fff;border-radius:20px;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 12px 40px rgba(0,0,0,.12)}.detail-confirm__content{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex;position:relative}.detail-confirm__top-element{justify-content:center;width:100%;margin-bottom:-10px;display:flex}.detail-confirm__close-button{cursor:pointer;z-index:10;color:#151515;opacity:.3;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s;display:flex;position:absolute;top:15px;right:15px}@media (hover:hover){.detail-confirm__close-button:hover{opacity:1}}.detail-confirm__close-icon{font-family:var(--font-awesome-pro-regular),Helvetica;font-size:18px}.detail-confirm__message{text-align:center;font-size:16px;font-family:var(--font-pretendard-semibold),Helvetica;white-space:pre-wrap;margin:0}.detail-confirm__actions{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.detail-confirm__button{text-align:center;min-width:0;max-width:130px;height:42px;font-size:14px;font-family:var(--font-pretendard-semibold),Helvetica;background-color:#f2f3f4;border:none;border-radius:500px;flex:1;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.detail-confirm__button--primary{background-color:var(--x02-colorbgpastelpurple);color:var(--x02-colorpointpurple)}.detail-confirm__button--secondary{color:#897e7c;background-color:#f2f3f4}.detail-confirm--warning .detail-confirm__button--primary{color:#b76c0c;background-color:#fff3d5}.detail-confirm--danger .detail-confirm__button--primary{color:#e61818;background-color:#ffefec}@media (hover:hover){.detail-confirm__button--primary:hover{background-color:var(--x02-colorpointpurple);color:#fff}.detail-confirm__button--secondary:hover{color:#fff;background-color:#282323}.detail-confirm--danger .detail-confirm__button--primary:hover{color:#fff;background-color:#e73737}}.detail-confirm-overlay{z-index:2000;background-color:rgba(0,0,0,.45);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:400px){.detail-confirm{padding:24px 20px}}