.cl-recorded-intro{box-sizing:border-box;width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d5ded1;border-radius:22px;background:#fbfaf2;color:#24382d;padding:32px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:0 24px 90px #15271b40}
.cl-recorded-intro *{box-sizing:border-box}.cl-recorded-intro::backdrop{background:#14271fb3}.cl-recorded-intro__eyebrow{display:block;max-width:calc(100% - 28px);font-size:11px;font-weight:750;letter-spacing:.14em;color:#275a42}.cl-recorded-intro h2{font-family:Georgia,serif;font-size:clamp(25px,5vw,33px);font-weight:500;line-height:1.17;max-width:400px;margin:14px 0}.cl-recorded-intro__note{color:#596b5e;font-size:14px;line-height:1.6;margin:0 0 24px}.cl-recorded-intro__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#275a42;font-size:28px;cursor:pointer}.cl-recorded-intro__actions{display:grid;gap:10px}.cl-recorded-intro__action{width:100%;min-height:48px;text-align:left;padding:13px 16px;border:1px solid #becbbb;border-radius:10px;background:#eef3e8;color:#244b34;font:inherit;font-size:14px;font-weight:650;cursor:pointer}.cl-recorded-intro__action:hover{background:#e0ebd8}.cl-recorded-intro button:focus-visible{outline:3px solid #608b70;outline-offset:3px}.cl-recorded-intro button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:400px){.cl-recorded-intro{padding:26px 20px}.cl-recorded-intro h2{font-size:27px}.cl-recorded-intro__note{font-size:13px}}