kr-diy-welcome{display:contents}.kr-diy-welcome{border:0;padding:0;width:min(850px,calc(100% - 36px));max-height:calc(100dvh - 36px);overflow:auto;background:#fff;color:#171717;font-family:var(--kr-font,Arial,sans-serif);box-shadow:0 20px 80px #20262035;border-radius:12px}.kr-diy-welcome[open]{display:grid;grid-template-columns:1fr 1fr}.kr-diy-welcome::backdrop{background:#111a14a8}.kr-diy-welcome__close{position:absolute;right:12px;top:12px;z-index:1;border:1px solid #deded7;border-radius:50%;width:36px;height:36px;font-size:25px;line-height:1;background:#fffffff0;color:#171717;cursor:pointer}.kr-diy-welcome__photo{margin:0;position:relative;min-width:0;min-height:490px;background:#eee}.kr-diy-welcome__photo>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.kr-diy-welcome__photo figcaption{position:absolute;bottom:12px;left:14px;right:14px;font-size:8px;line-height:1.5;color:white;text-shadow:0 1px 5px #333}.kr-diy-welcome__copy{padding:48px 38px 32px;align-content:center;background:#fff7df;min-width:0}.kr-diy-welcome__brand{font:900 24px/1 Arial,sans-serif;letter-spacing:-1px;display:block;margin-bottom:30px}.kr-diy-welcome h2{font:500 39px/1.12 var(--kr-font,Arial,sans-serif);letter-spacing:-.04em;max-width:12ch;margin:0 0 20px;text-wrap:balance}.kr-diy-welcome__copy>p{font-size:13px;line-height:1.85;color:#505047;margin:0 0 26px}.kr-diy-welcome__primary{display:flex;min-height:50px;padding:12px 18px;justify-content:space-between;align-items:center;gap:12px;background:#ffb12d;color:#171717;text-decoration:none;font-size:12px;font-weight:600}.kr-diy-welcome__secondary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #d6cba9;margin-top:10px;font-size:11px;text-decoration:none;color:#171717}.kr-diy-welcome__later{display:block;margin:15px auto 0;padding:8px 0;min-height:36px;font:11px var(--kr-font,Arial,sans-serif);border:0;background:none;color:#555244;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.kr-diy-welcome a:focus-visible,.kr-diy-welcome button:focus-visible{outline:2px solid #171717;outline-offset:4px}@media(max-width:767px){.kr-diy-welcome{width:min(420px,calc(100% - 28px));max-height:calc(100dvh - 28px)}.kr-diy-welcome[open]{grid-template-columns:minmax(0,1fr)}.kr-diy-welcome__photo{min-height:0;height:clamp(140px,25dvh,215px)}.kr-diy-welcome__photo>img{object-position:50% 44%}.kr-diy-welcome__copy{padding:25px}.kr-diy-welcome__brand{font-size:20px;margin-bottom:18px}.kr-diy-welcome h2{font-size:32px;max-width:13ch;margin-bottom:16px}.kr-diy-welcome__copy>p{font-size:12px;margin-bottom:20px}.kr-diy-welcome__close{right:10px;top:10px}.kr-diy-welcome__later{margin-top:8px}}@media(prefers-reduced-motion:no-preference){.kr-diy-welcome[open]{animation:kr-invitation-arrive .2s ease-out}@keyframes kr-invitation-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){.kr-diy-welcome{animation:none!important}}
