@import url('/assets/cobertura/portal-tokens.css?v=e613f3754660');
html.subscription-example-open{overflow:hidden}
.subscription-example-dialog{width:min(1120px,calc(100vw - 24px));height:min(880px,90dvh);max-width:calc(100vw - 24px);max-height:90dvh;margin:auto;padding:0;border:1px solid var(--el-border);border-radius:18px;background:var(--el-page);color:var(--el-text);box-shadow:0 20px 70px #0004;overflow:hidden}
.subscription-example-dialog[open]{display:flex;flex-direction:column}
.subscription-example-dialog::backdrop{background:rgb(15 24 32 / .65)}
.subscription-example-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid var(--el-border);background:var(--el-card);flex-shrink:0}
.subscription-example-toolbar h2{font-size:clamp(17px,3vw,22px);margin:0;line-height:1.3}
.subscription-example-toolbar button{flex-shrink:0;min-height:44px;margin:0;cursor:pointer;font:inherit}
.subscription-example-dialog iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:var(--el-page)}
.subscription-example-dialog[data-view=free],.subscription-example-dialog[data-view=featured]{width:min(600px,calc(100vw - 24px));height:min(600px,85dvh)}
.subscription-example-dialog[data-view=free]{height:min(430px,85dvh)}
.subscription-example-loading{padding:10px 18px;margin:0}
@media(max-width:600px){.subscription-example-toolbar{padding:10px;gap:10px}.subscription-example-toolbar button{padding:10px;font-size:14px}.subscription-example-dialog{border-radius:12px}}

.subscription-example-views{display:flex;gap:10px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid var(--el-border);background:var(--el-card);flex-shrink:0}
.subscription-example-views[hidden]{display:none}
.subscription-example-views button{font:inherit;min-height:44px;padding:9px 14px;border:1px solid var(--el-control-border);border-radius:10px;background:var(--el-field);color:var(--el-text);cursor:pointer}
.subscription-example-views button[aria-pressed=true]{background:var(--el-action);border-color:var(--el-action);color:white}
.subscription-example-views button:focus-visible{outline:2px solid var(--el-action);outline-offset:3px}
@media(max-width:600px){.subscription-example-views{padding:8px 10px;gap:8px}.subscription-example-views button{font-size:13px;padding:8px 10px;flex:1}}