.resource-card[data-pack-open] .free-resource-art{font-size:30px;letter-spacing:-.04em}
.resource-card[data-pack-open] .free-resource-art span{max-width:100%;overflow:hidden}
.resource-pack-dialog{width:min(680px,calc(100vw - 32px));max-height:min(88vh,900px);padding:0;border:1px solid #cbd4df;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #17294440;overflow-y:auto}
.resource-pack-dialog::backdrop{background:#14233ab8}
.resource-pack-dialog-inner{position:relative;padding:36px 40px 40px}
.resource-pack-close{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #cbd4df;border-radius:50%;background:#fff;color:var(--ink);font-size:27px;line-height:1;cursor:pointer}
.resource-pack-dialog .eyebrow{color:#244cc7;margin:0 54px 14px 0}
.resource-pack-dialog h2{font:700 clamp(28px,4vw,40px)/1.12 var(--display);letter-spacing:-.035em;margin:0 36px 16px 0}
.resource-pack-description{font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 14px}
.resource-pack-name{font-size:13px;color:var(--muted);margin:0 0 22px}
.resource-pack-dialog .library-spec{margin:0 0 16px}
.resource-pack-dialog .library-how{margin:0 0 22px}
.resource-pack-dialog .library-download{border-top:1px solid #e3e8ed;padding-top:22px}
@media(max-width:760px){.resource-card[data-pack-open] .free-resource-art{font-size:19px}.resource-pack-dialog-inner{padding:28px 24px 30px}.resource-pack-dialog h2{margin-right:24px}.resource-pack-close{top:14px;right:14px}.resource-pack-dialog .library-download{align-items:flex-start;flex-wrap:wrap}}
