body:has(dialog.age-skills-modal[open]){overflow:hidden}dialog.age-skills-modal{box-sizing:border-box;width:calc(100% - 40px);max-width:1078px;max-height:calc(100dvh - 40px);margin:auto;padding:0;outline:none;border:0;border-radius:12px;font-family:Montserrat,sans-serif;background-color:#f8f8f8;color:#464646;box-shadow:0 4px 16px #00000026}dialog.age-skills-modal::backdrop{background-color:#00154659;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog.age-skills-modal div.dialog{position:relative;display:grid;grid-template-columns:minmax(0,494px) minmax(0,430px);grid-template-rows:auto 1fr auto;grid-template-areas:"title details" "media details" ". footer";justify-content:space-between;-moz-column-gap:40px;column-gap:40px;padding:52px 44px 56px}dialog.age-skills-modal h2{grid-area:title;margin-bottom:40px;font-size:32px;font-weight:800;line-height:40px;color:#252525}dialog.age-skills-modal button.close{position:absolute;top:16px;right:20px;width:auto;padding:4px;border:0;background:none;font-size:28px;line-height:1;color:#252525;cursor:pointer}dialog.age-skills-modal div.body{display:contents}dialog.age-skills-modal div.media{grid-area:media;position:relative;align-self:start;aspect-ratio:494/310;border-radius:24px;overflow:hidden;background-color:#e2e8f0;box-shadow:0 10px 24px #6922ce1f}dialog.age-skills-modal div.media video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}dialog.age-skills-modal button.sound{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background-color:#fff;color:#6922ce;cursor:pointer}dialog.age-skills-modal button.sound span{width:19px;height:17px;background-color:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}dialog.age-skills-modal div.details{grid-area:details;padding-top:28px}dialog.age-skills-modal p.text{margin-bottom:40px;font-size:16px;line-height:24px;color:#7c7c7c}dialog.age-skills-modal h3{margin-bottom:12px;font-size:16px;font-weight:700;line-height:24px;color:#252525}dialog.age-skills-modal ul.skills{display:flex;padding:0;list-style:none;flex-wrap:wrap;gap:10px 8px}dialog.age-skills-modal ul.skills li{padding:2px 12px;border-radius:9999px;background-color:#e8e1f4;font-size:14px;line-height:20px;color:#1a1a2e}dialog.age-skills-modal figure.review{margin-top:64px;padding:16px 6px 0;border-top:1px solid #E2E8F0}dialog.age-skills-modal div.rating{display:flex;gap:4px;margin-bottom:8px}dialog.age-skills-modal blockquote{margin-bottom:16px;font-size:16px;line-height:24px;color:#1a1a2e}dialog.age-skills-modal figcaption{font-size:14px;line-height:22px;letter-spacing:.003em;color:#1a1a2e99}dialog.age-skills-modal div.footer{grid-area:footer;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px;padding-left:6px}dialog.age-skills-modal p.note{font-size:12px;line-height:18px;letter-spacing:.003em;text-align:center;color:#6e6e6e}@media screen and (max-width: 1023px){dialog.age-skills-modal{width:calc(100% - 28px);max-height:calc(100dvh - 28px)}dialog.age-skills-modal[open]{display:flex}dialog.age-skills-modal div.dialog{display:flex;flex-direction:column;width:100%;min-height:0;padding:24px 0 0}dialog.age-skills-modal h2{margin:0 40px 32px 20px;font-size:24px;line-height:19.25px;text-align:left}dialog.age-skills-modal button.close{top:12px;right:14px;font-size:32px}dialog.age-skills-modal div.body{display:block;flex:1;min-height:0;padding:0 20px;overflow-y:auto}dialog.age-skills-modal div.media{border-radius:16px;aspect-ratio:318/178}dialog.age-skills-modal button.sound{top:10px;right:10px;width:28px;height:28px}dialog.age-skills-modal button.sound span{width:14px;height:13px}dialog.age-skills-modal div.details{padding-top:24px}dialog.age-skills-modal p.text{margin-bottom:8px;font-size:13px;line-height:20px}dialog.age-skills-modal h3{margin-bottom:8px;font-size:12px;line-height:18px;letter-spacing:.003em;color:#1a1a2e}dialog.age-skills-modal ul.skills{gap:8px 6px}dialog.age-skills-modal ul.skills li{font-size:12px;font-weight:500;line-height:18px;letter-spacing:.003em}dialog.age-skills-modal figure.review{margin-top:20px;padding:8px 0}dialog.age-skills-modal blockquote{font-size:14px;font-weight:500;line-height:22px;letter-spacing:.003em}dialog.age-skills-modal div.footer{align-items:center;margin-top:0;padding:16px 20px 12px}dialog.age-skills-modal div.footer .cta{height:56px;padding:0 22px;font-size:17px}}