.demo-popup-widget{display:inline-block;width:auto;max-width:100%}.demo-popup-trigger,.demo-popup-link{display:inline-flex;align-items:center;justify-content:center;padding:15px 25px;width:auto;max-width:100%;border:1px solid #0057ff;border-radius:5px;background-color:transparent;color:#0057ff;font-size:16px;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;box-shadow:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.demo-popup-trigger:hover,.demo-popup-trigger:focus,.demo-popup-link:hover,.demo-popup-link:focus{background-color:#0057ff;border-color:#0057ff;color:#fff;outline:0}.demo-popup-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}.demo-popup-modal[hidden]{display:none!important}.demo-popup-backdrop{position:absolute;inset:0;background:rgba(28,24,18,.55);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s ease}.demo-popup-dialog{position:relative;width:min(720px,calc(100vw - 32px));padding:32px 32px 28px;border:1px solid #e6e6e6;border-radius:20px;background:#f8f8f8;box-shadow:0 30px 90px rgba(0,0,0,.45);opacity:0;transform:translateY(28px) scale(.96);transform-origin:center center;transition:opacity .3s ease,transform .34s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.demo-popup-modal.is-open .demo-popup-backdrop{opacity:1}.demo-popup-modal.is-open .demo-popup-dialog{opacity:1;transform:translateY(0) scale(1)}.demo-popup-modal.is-closing .demo-popup-backdrop{opacity:0}.demo-popup-modal.is-closing .demo-popup-dialog{opacity:0;transform:translateY(18px) scale(.98)}.demo-popup-close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #d6d6d6;border-radius:999px;background:transparent;color:#1c1a16;font-size:16px;line-height:1;cursor:pointer}.demo-popup-header{max-width:460px;margin-bottom:24px}.demo-popup-kicker{margin-bottom:8px;color:#9c8f76;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.demo-popup-heading{margin:0;color:#1c1a16;font-size:28px;font-weight:600;line-height:1.15;letter-spacing:-.02em}.demo-popup-intro{margin:8px 0 0;color:#6b6457;font-size:14px;line-height:1.5}.demo-popup-cards{display:flex;flex-direction:column;gap:14px}.demo-popup-panel{position:relative;display:flex;align-items:center;gap:20px;padding:24px 24px 22px;border:1px solid #e6e6e6;border-radius:14px;background:#fff;color:#1c1a16}.demo-popup-panel.is-admin{border-color:#ffbe18;background:#1c1a16;color:#f5ede0;box-shadow:0 10px 30px -12px rgba(255,190,24,.33)}.demo-popup-panel.is-admin::before{content:"Recommended";position:absolute;top:-10px;left:20px;padding:4px 10px;border-radius:999px;background:#ffbe18;color:#1c1a16;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.demo-popup-icon{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;border:1px solid #e6e6e6;border-radius:12px;background:#f8f8f8}.demo-popup-panel.is-admin .demo-popup-icon{border-color:rgba(255,190,24,.2);background:rgba(255,255,255,.04)}.demo-popup-icon svg{width:40px;height:40px}.demo-popup-icon svg rect,.demo-popup-icon svg line,.demo-popup-icon svg circle{stroke:#1c1a16;stroke-width:1.5}.demo-popup-icon svg rect,.demo-popup-icon svg circle{fill:rgba(28,26,22,.08)}.demo-popup-icon svg rect[width="15"]{fill:rgba(28,26,22,.22);stroke:#1c1a16}.demo-popup-panel.is-admin .demo-popup-icon svg rect,.demo-popup-panel.is-admin .demo-popup-icon svg line,.demo-popup-panel.is-admin .demo-popup-icon svg circle{stroke:#ffbe18}.demo-popup-panel.is-admin .demo-popup-icon svg rect,.demo-popup-panel.is-admin .demo-popup-icon svg circle{fill:rgba(255,190,24,.12)}.demo-popup-panel.is-admin .demo-popup-icon svg rect[width="15"]{fill:rgba(255,190,24,.3)}.demo-popup-copy{flex:1 1 auto;min-width:0}.demo-popup-panel-title{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}.demo-popup-panel-description{margin:4px 0 0;color:#6b6457;font-size:13.5px;line-height:1.5}.demo-popup-panel.is-admin .demo-popup-panel-description{color:#a59a87}.demo-popup-link{flex-shrink:0;font-size:13.5px}.demo-popup-link.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.demo-popup-link.is-secondary-demo{background-color:#ffbe18;border-color:#ffbe18;color:#1c1a16}.demo-popup-link.is-secondary-demo:hover,.demo-popup-link.is-secondary-demo:focus{background-color:#e9ad12;border-color:#e9ad12;color:#1c1a16}body.demo-popup-modal-open{overflow:hidden}@media (max-width:767px){.demo-popup-dialog{padding:24px 18px 18px}.demo-popup-heading{padding-right:40px;font-size:24px}.demo-popup-panel{flex-direction:column;align-items:flex-start;padding:22px 18px 18px}.demo-popup-link{width:100%}}