@font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url(/yzath/g6vy41/1ewf7yo4l9wx.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url(/yzath/g6vy41/bd06s818c4q5.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Karla'; font-style: normal; font-weight: 400; font-display: swap; src: url(/yzath/g6vy41/1gqw5mw9kesq.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Karla'; font-style: normal; font-weight: 400; font-display: swap; src: url(/yzath/g6vy41/5a5pziv63ke8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Karla'; font-style: normal; font-weight: 500; font-display: swap; src: url(/yzath/g6vy41/1gqw5mw9kesq.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Karla'; font-style: normal; font-weight: 500; font-display: swap; src: url(/yzath/g6vy41/5a5pziv63ke8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Karla'; font-style: normal; font-weight: 600; font-display: swap; src: url(/yzath/g6vy41/1gqw5mw9kesq.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Karla'; font-style: normal; font-weight: 600; font-display: swap; src: url(/yzath/g6vy41/5a5pziv63ke8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Karla'; font-style: normal; font-weight: 700; font-display: swap; src: url(/yzath/g6vy41/1gqw5mw9kesq.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Karla'; font-style: normal; font-weight: 700; font-display: swap; src: url(/yzath/g6vy41/5a5pziv63ke8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root{ color-scheme:only light; --logo-h:51px; --band-brand:#fecbf7; --band-brand-text:#111827; --band-button:#6d2f68; --band-button-text:#ffffff; --brand-primary:#6d2f68; --brand-secondary:#241322; --ink-text:#ffffff; --surface-main:#ffffff; --surface-muted:#feeefb; --text-primary:#111827; --text-secondary:#4b5563; --action-primary:#6d2f68; --action-primary-text:#ffffff; --action-hover:#5b1e57; --action-text:#6d2f68; --brand-text:#6d2f68; --border-default:#e6d9e4; --form-card:#ffffff; --form-field:#ffffff; --form-line:#e6d9e4; --font-heading:Instrument Serif, system-ui, -apple-system, Segoe UI, sans-serif; --font-body:Karla, system-ui, -apple-system, Segoe UI, sans-serif; --radius-card:10px; --radius-button:8px; --radius-input:8px; --shadow-card:0 1px 2px rgba(0,0,0,.06); --space-section:4.5rem; --space-gap:1.5rem; --space-gutter:1.25rem; --space-media:2.75rem; --measure-wide:72rem; --measure-note:33rem; --type-display:clamp(2.25rem,4.5vw,3.5rem); --type-h2:clamp(1.6rem,2.6vw,2.25rem); --type-h3:1.2rem; --type-lead:1.0625rem; --type-body:1rem; --type-small:.875rem; } *,*::before,*::after{box-sizing:border-box} body{margin:0;font-family:var(--font-body);font-size:var(--type-body);line-height:1.6; background:var(--surface-main);color:var(--text-primary)} @layer base{img{max-width:100%;height:auto;display:block}} :focus-visible{outline:2px solid var(--action-primary);outline-offset:2px} [data-hwcpfb="in-text"]{color:inherit;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:2px;font-weight:600} [data-hwcpfb="in-text"]:hover{text-decoration-thickness:2px} .c9ik3uo{background:#ffffff} .c1ul8wm7{ --surface-main:#feeefb; --surface-muted:#ffffff; background:#feeefb} .c1dn3jxq{ --surface-main:#241322; --surface-muted:#241322; --text-primary:#ffffff; --text-secondary:#feeefb; --border-default:rgba(255,255,255,.22); --action-primary:#ffffff; --action-primary-text:#241322; --action-hover:#feeefb; --action-text:#ae6ba7; --brand-text:#ae6ba7; --shadow-card:none; background:#241322;color:#ffffff} .c9ik3uo h2,.c1ul8wm7 h2{color:var(--action-text)} .ccsb5du{background:var(--surface-main);border-bottom:1px solid var(--border-default);position:relative} .ccsb5du{--bar:4.4rem} .cjh0vxp{max-width:80rem;margin-inline:auto;padding:0 var(--space-gutter); display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-gap);min-height:var(--bar)} .c13wjyfh{flex-grow:1} .c50gvk5,.c1ivwkhm,.cgodl9w{align-self:center} .c13wjyfh{display:flex;align-items:stretch;flex-shrink:0} .cquhi8n{display:flex;align-items:stretch} .cg5lpe3{display:flex;align-items:stretch} .c50gvk5{display:inline-flex;align-items:center;min-height:44px;color:var(--brand-secondary); text-decoration:none;font-family:var(--font-heading);font-weight:700;margin-right:auto} .ctz8ncf{display:flex;align-items:center;flex:0 0 auto} .ctz8ncf svg{display:block;height:var(--logo-h);width:auto} .cbng4kw{display:flex;flex-wrap:wrap;align-items:stretch;gap:.25rem 1.5rem;list-style:none;margin:0;padding:0} .ccsb5du[data-jvexak="5"] .cbng4kw,.ccsb5du[data-jvexak="6"] .cbng4kw, .ccsb5du[data-jvexak="7"] .cbng4kw,.ccsb5du[data-jvexak="8"] .cbng4kw{gap:.25rem 1.15rem;font-size:.95em} .ccsb5du[data-jvexak="5"] .ctz8ncf svg,.ccsb5du[data-jvexak="6"] .ctz8ncf svg, .ccsb5du[data-jvexak="7"] .ctz8ncf svg,.ccsb5du[data-jvexak="8"] .ctz8ncf svg{height:calc(var(--logo-h) * .9)} .c1n4dubn,.c1rymd8{font:inherit;color:var(--text-primary);text-decoration:none;cursor:pointer; display:inline-flex;align-items:center;gap:.35rem;min-height:var(--bar);list-style:none;white-space:nowrap} .c1n4dubn::-webkit-details-marker{display:none} .c1n4dubn:hover,.c1rymd8:hover{color:var(--action-text)} .c1n4dubn[data-jedvqyif="yes"],.c1rymd8[aria-current="page"]{color:var(--action-text);font-weight:600} .c1e7b5b8{width:.45rem;height:.45rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor; transform:rotate(45deg) translate(-.1em,-.1em)} .cg5lpe3[open] .c1e7b5b8{transform:rotate(-135deg) translate(-.1em,-.1em)} .cquhi8n{position:relative} .cquhi8n[data-ovlum="yes"]{position:static} .ccsb5du{--anchor-gap:1.25rem} .c1kj9vc6{position:absolute;top:100%;z-index:30;width:max-content; min-width:14rem;max-width:min(48rem,calc(100vw - 2rem)); padding-top:var(--anchor-gap);background:transparent} .c1i6ly9y{background:var(--surface-main);border-radius:var(--radius-card); box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); outline:1px solid rgba(0,0,0,.05)} .c1kj9vc6[data-wzoeu="left"]{left:0} .c1kj9vc6[data-wzoeu="right"]{right:0} .c1kj9vc6[data-ovlum="yes"]{inset-inline:0;width:auto;max-width:none;padding-top:0} .c1kj9vc6[data-ovlum="yes"] .c1i6ly9y{border-radius:0;outline:0; border-block:1px solid var(--border-default)} .c1ljsn4y{padding:1rem} .c1kj9vc6[data-ovlum="yes"] .c1ljsn4y{max-width:80rem;margin-inline:auto; padding:var(--space-media) var(--space-gutter)} .ck0jjtc{margin:0 0 var(--space-gap);font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c13ncc7l{list-style:none;margin:0;padding:0;column-gap:1.5rem} .c13ncc7l[data-ovalc="2"]{columns:2;column-width:14rem} .c13ncc7l[data-ovalc="3"]{columns:3;column-width:14rem} .c13ncc7l[data-ovalc="4"]{columns:4;column-width:14rem} .c13ncc7l > li{break-inside:avoid} .c13ncc7l a{display:grid;gap:.15rem;padding:.5rem;border-radius:var(--radius-button); text-decoration:none;color:var(--text-primary);min-height:40px;align-content:center; font-size:var(--type-small);line-height:1.5} .c13ncc7l a:hover{background:var(--surface-muted)} .c13ncc7l a:hover .c1c47gpn{color:var(--action-text)} .c13ncc7l a[aria-current="page"] .c1c47gpn{color:var(--action-text)} .c1c47gpn{font-weight:600;white-space:nowrap} .c1ugip04{font-size:var(--type-small);color:var(--text-secondary)} .c1fy8hxn{margin:var(--space-gap) 0 0} .c1fy8hxn a{display:inline-flex;align-items:center;min-height:44px; color:var(--action-text);font-weight:600;text-decoration:none} .c1fy8hxn a:hover{text-decoration:underline} .ccsb5du[data-dsjzup="yes"] .c1ljsn4y{display:grid;gap:var(--space-media); grid-template-columns:minmax(0,10rem) minmax(0,1fr)} .ccsb5du[data-dsjzup="yes"] .ck0jjtc{margin:0} .ccsb5du[data-dsjzup="yes"] .c1fy8hxn{grid-column:2} .ccsb5du[data-rapfhpqb="yes"] .c1kj9vc6[data-ovlum="yes"] .c1ljsn4y{display:grid; gap:var(--space-media);grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:start} .cr3gd6u{background:var(--surface-muted);border-radius:var(--radius-card); padding:var(--space-gap);display:grid;gap:.35rem;align-content:start} .c14eokrp{margin:0;font-family:var(--font-heading);font-weight:700;color:var(--text-primary)} .c1lmqyit{margin:0} .c1lmqyit a{display:inline-flex;align-items:center;gap:.35rem;min-height:44px; color:var(--action-text);font-weight:600;text-decoration:none} .c1lmqyit a:hover{text-decoration:underline} .c13ncc7l[data-habspx="yes"]{columns:auto;display:flex;flex-wrap:wrap; gap:0 var(--space-media);align-items:baseline} .c13ncc7l[data-habspx="yes"] > li{flex:0 0 auto;max-width:100%} .c13ncc7l[data-habspx="yes"] > li a{padding-block:.45rem} .c13ncc7l[data-habspx="yes"] .c1ugip04{display:none} .c19o1l35{display:none} .c1ivwkhm{display:inline-flex;align-items:center;min-height:44px;padding:.6rem 1.1rem;border-radius:var(--radius-button); background:var(--action-primary);color:var(--action-primary-text);text-decoration:none;font-weight:600;white-space:nowrap} .c1ivwkhm:hover{background:var(--action-hover)} .cgodl9w{display:none;font:inherit;font-weight:600;min-height:44px;padding:.5rem .9rem;cursor:pointer; border:1px solid var(--border-default);border-radius:var(--radius-button);background:var(--surface-main);color:var(--text-primary)} .c1ivwkhm{margin-left:auto} @media(max-width:1023px){ .ccsb5du .ctz8ncf svg{height:calc(var(--logo-h) * .8)} .ccsb5du .cjh0vxp{flex-wrap:wrap;align-items:center;padding-block:.85rem;min-height:0} .ccsb5du .c13wjyfh,.ccsb5du .cquhi8n,.ccsb5du .cg5lpe3{display:block} .ccsb5du .c1n4dubn,.ccsb5du .c1rymd8{min-height:44px;justify-content:space-between;padding-block:.35rem} .ccsb5du .cgodl9w:not([hidden]){display:inline-flex} .ccsb5du .c13wjyfh{order:3;flex-basis:100%;flex-grow:0} .ccsb5du .c13wjyfh[data-dhehwkci="yes"]{display:none} .ccsb5du .c1ivwkhm{display:none} .ccsb5du .c19o1l35{display:flex;align-items:center;justify-content:center;min-height:44px; margin-top:var(--space-gap);padding:.6rem 1.1rem;border-radius:var(--radius-button); background:var(--action-primary);color:var(--action-primary-text);text-decoration:none;font-weight:600} .ccsb5du .cbng4kw{flex-direction:column;align-items:stretch;gap:0} .ccsb5du .cquhi8n{border-top:1px solid var(--border-default)} .ccsb5du .cquhi8n,.ccsb5du .cquhi8n[data-ovlum="yes"]{position:static} .ccsb5du .c1kj9vc6,.ccsb5du .c1kj9vc6[data-ovlum="yes"]{position:static;width:auto;min-width:0; max-width:none;padding-top:0;background:transparent} .ccsb5du .c1i6ly9y{box-shadow:none;outline:0;border:0;border-radius:0;background:var(--surface-muted)} .ccsb5du .c1ljsn4y,.ccsb5du .c1kj9vc6[data-ovlum="yes"] .c1ljsn4y{ padding:var(--space-gap) var(--space-gutter)} .ccsb5du[data-dsjzup="yes"] .c1ljsn4y, .ccsb5du[data-rapfhpqb="yes"] .c1kj9vc6[data-ovlum="yes"] .c1ljsn4y{ grid-template-columns:1fr;gap:var(--space-gap)} .ccsb5du[data-dsjzup="yes"] .c1fy8hxn{grid-column:1} .ccsb5du .c13ncc7l[data-ovalc="2"],.ccsb5du .c13ncc7l[data-ovalc="3"], .ccsb5du .c13ncc7l[data-ovalc="4"]{columns:1} .ccsb5du .c1c47gpn{white-space:normal}} .caeid4y{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;position:relative; background:var(--form-card);border:1px solid var(--form-line);border-radius:var(--radius-card); padding:var(--space-gap);color:var(--text-primary)} @media(max-width:52rem){.caeid4y{grid-template-columns:1fr}} .csk7r44{display:grid;gap:.25rem;font-size:var(--type-small);color:var(--text-secondary)} .c87wa45{grid-column:1 / -1} .csk7r44 input,.csk7r44 select,.csk7r44 textarea{font:inherit;font-size:var(--type-body); padding:0 .8rem;height:3rem;box-sizing:border-box;line-height:1.25;border:1px solid var(--form-line); border-radius:var(--radius-input);background:var(--form-field);color:var(--text-primary);width:100%} .csk7r44 textarea{height:auto;min-height:6rem;padding:.7rem .8rem;resize:vertical} .c148jkcb{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .c1uid956{grid-column:1 / -1;margin:0;font-size:var(--type-small);color:var(--text-primary)} .c19sy4g0{grid-column:1 / -1;min-height:48px;padding:.8rem 1.25rem;border:0; border-radius:var(--radius-button);background:var(--action-primary);color:var(--action-primary-text); font:inherit;font-weight:600;cursor:pointer} .c19sy4g0:hover{background:var(--action-hover)} .c19sy4g0[disabled]{opacity:.7;cursor:default} .cqlyuzo{grid-column:1 / -1;margin:0;font-size:var(--type-small);color:var(--text-secondary)} .cqlyuzo a{color:var(--text-primary);text-decoration:underline} .c340w48{margin:0;padding:var(--space-gap);border-radius:var(--radius-card); background:var(--form-card);border:1px solid var(--form-line);color:var(--text-primary)} .cqbqxck{background:var(--surface-muted);padding-block:var(--space-section)} .cb8rkpa{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter); display:grid;gap:var(--space-gap);align-items:start;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)} .c1aqtqvl{margin:0 0 .5rem;font-size:var(--type-small);letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary)} .c1jrnrlo{margin:0;font-family:var(--font-heading);font-size:var(--type-display);line-height:1.05;color:var(--text-primary)} .c1usf04{margin:1rem 0 0;font-size:var(--type-lead);color:var(--text-secondary);max-width:46ch} .czx6ce{margin:1.25rem 0 0;padding:0 0 0 1.25rem;list-style:disc outside;display:block} .czx6ce li{padding-left:.25rem;color:var(--text-primary)} .czx6ce li+li{margin-top:.5rem} .czx6ce li::marker{color:var(--text-secondary)} .cli3v7g{display:grid;gap:0} .c1t5lr54 a{display:inline-flex;align-items:center;min-height:44px;color:var(--action-text);font-weight:600;text-decoration:none} .c1t5lr54 a:hover{text-decoration:underline} .c1kxv3x6{margin:0 0 1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .cilf1nt{display:grid;gap:var(--space-media);align-content:start} .c7bsedu{margin:0} .c7bsedu img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;border-radius:var(--radius-card)} @media(max-width:52rem){.cb8rkpa{grid-template-columns:1fr}} .c1ok418g{background:var(--surface-main);padding-block:var(--space-section)} .c13y82ya{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter); display:grid;gap:var(--space-media);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start} .c1ok418g[data-ivsxoej="yes"] .c13y82ya{grid-template-columns:1fr} .cf6koww{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .cwzbai2{margin:.75rem 0 0;max-width:52ch;color:var(--text-secondary)} .c1kvqpeh{list-style:none;margin:0;padding:0;display:grid;gap:0} .c1ok418g[data-ivsxoej="yes"] .c1kvqpeh{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr)); gap:var(--space-gap)} .cvo047k{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:var(--space-gap); padding-block:var(--space-gap);border-top:1px solid var(--border-default);align-items:baseline} .c1ok418g[data-ivsxoej="yes"] .cvo047k{grid-template-columns:1fr;gap:.25rem; border-top-width:3px;border-top-color:var(--brand-text)} .c14cwgiu{margin:0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--brand-text)} .c160hgos{margin:0;color:var(--text-secondary)} @media(max-width:52rem){ .c13y82ya{grid-template-columns:1fr} .cvo047k{grid-template-columns:1fr;gap:.25rem} } .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c1vuze5c .c493jf5{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-media);align-items:start}.c1vuze5c .c1009zun img{aspect-ratio:3/4}.c1vuze5c .c5tiqa5{gap:0}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .c1l1gn0d{background:var(--surface-main);padding-block:var(--space-section)} .ci2meyz{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c1n6pk6r{border:2px solid var(--brand-primary);border-radius:var(--radius-card); padding:var(--space-media);display:grid;gap:var(--space-media); grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start} .c1l1gn0d[data-zxxjbb="yes"] .c1n6pk6r{border-color:transparent;background:var(--surface-muted)} .cpyj3gb{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .cpkjbc3{margin:.75rem 0 0;max-width:52ch;color:var(--text-secondary)} .c1kvkpuh{margin:var(--space-gap) 0 0} .c5b5f3{display:inline-flex;align-items:center;min-height:48px;padding:.8rem 1.4rem; border-radius:var(--radius-button);background:var(--action-primary);color:var(--action-primary-text); text-decoration:none;font-weight:600} .c5b5f3:hover{background:var(--action-hover)} .c1h42lma{border-left:2px solid var(--border-default);padding-left:var(--space-gap)} .c1cm4jdo{margin:0 0 .5rem;font-size:var(--type-small);letter-spacing:.08em; text-transform:uppercase;color:var(--text-secondary)} .cobqiqm{margin:0;padding-left:1.25rem;display:grid;gap:.5rem;color:var(--text-primary)} @media(max-width:52rem){ .c1n6pk6r{grid-template-columns:1fr;padding:var(--space-gap)} .c1h42lma{border-left:0;border-top:2px solid var(--border-default);padding-left:0;padding-top:var(--space-gap)} } @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.ftrp,.ftrp *,.ftrp *::before,.ftrp *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.ftrp button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.ftrp a{color:inherit;text-decoration:inherit}.ftrp svg{display:block;vertical-align:middle}.ftrp ol,.ftrp ul,.ftrp menu{list-style:none}.ftrp summary{display:block;cursor:pointer;list-style:none}.ftrp summary::-webkit-details-marker{display:none}}.ftrp .max-w-7xl{max-width:var(--measure-wide)}.ftrp .lg\:max-w-7xl{max-width:var(--measure-wide)}.ftrp [class*="max-w-"].px-6,.ftrp [class*="max-w-"].px-4,.ftrp [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.ftrp .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.ftrp [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.ftrp .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.ftrp.px-6,.ftrp.px-4,.ftrp.px-8{padding-inline:0}@media(min-width:64rem){.ftrp .lg\:grid-rows-2{grid-template-rows:none}}.ftrp > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.ftrp{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.ftrp .text-indigo-900,.ftrp .text-indigo-800,.ftrp .text-indigo-700,.ftrp .text-indigo-600,.ftrp .text-indigo-500,.ftrp .text-indigo-400,.ftrp .text-indigo-300,.ftrp .text-indigo-200,.ftrp .text-indigo-100{color:var(--action-text)}.ftrp .bg-indigo-600,.ftrp .bg-indigo-500{color:var(--action-primary-text)}.ftrp .bg-gray-900,.ftrp .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.ftrp .bg-gray-900 .text-indigo-600,.ftrp .bg-gray-900 .text-indigo-500,.ftrp .bg-gray-900 .text-indigo-400,.ftrp .bg-gray-900 .text-indigo-300,.ftrp .bg-gray-800 .text-indigo-600,.ftrp .bg-gray-800 .text-indigo-500,.ftrp .bg-gray-800 .text-indigo-400,.ftrp .bg-gray-800 .text-indigo-300{color:var(--action-text)}.ftrp .bg-gray-900 h1,.ftrp .bg-gray-900 h2,.ftrp .bg-gray-900 h3,.ftrp .bg-gray-900 p,.ftrp .bg-gray-900 dt,.ftrp .bg-gray-900 dd,.ftrp .bg-gray-900 li,.ftrp .bg-gray-800 h1,.ftrp .bg-gray-800 h2,.ftrp .bg-gray-800 h3,.ftrp .bg-gray-800 p,.ftrp .bg-gray-800 dt,.ftrp .bg-gray-800 dd,.ftrp .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.ftrp img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.ftrp li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.ftrp li[data-xizwdz]::marker{color:var(--text-secondary)}.ftrp__logo svg{height:2.25rem;width:auto;display:block}.ftrp__note{max-width:70ch} .c12hwkkz{position:relative;isolation:isolate;background:var(--surface-main);color:var(--text-primary); display:grid;align-items:end;min-height:clamp(24rem,60vh,34rem)} .cy970f3{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2} .c4v5139{position:absolute;inset:0;z-index:-1; background:linear-gradient(to right, color-mix(in srgb,var(--surface-main) 94%,transparent) 0%, color-mix(in srgb,var(--surface-main) 90%,transparent) 55%, color-mix(in srgb,var(--surface-main) 0%,transparent) 88%)} .c12hwkkz[data-wonlgix="yes"] .c4v5139{background:color-mix(in srgb,var(--surface-main) 88%,transparent)} @media (max-width:767px){.c12hwkkz .c4v5139{background:color-mix(in srgb,var(--surface-main) 90%,transparent)}} .c12hwkkz[data-zvzsiv="no"] .c4v5139,.c12hwkkz:not([data-zvzsiv]) .c4v5139{background:none} .cubrmx{max-width:var(--measure-wide);margin-inline:auto;width:100%; padding:var(--space-section) var(--space-gutter)} .c12hwkkz[data-wonlgix="yes"] .cubrmx{text-align:center} .c12hwkkz[data-wonlgix="yes"] .c1c7x8y4{justify-content:center} .c7g6v5c{margin:0 0 .5rem;font-size:var(--type-small);letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary)} .cwhel59{margin:0;font-family:var(--font-heading);font-size:var(--type-display);line-height:1.05;max-width:20ch} .c12hwkkz[data-wonlgix="yes"] .cwhel59{margin-inline:auto} .c150sutr{margin:1rem 0 0;font-size:var(--type-lead);max-width:52ch} .c12hwkkz[data-wonlgix="yes"] .c150sutr{margin-inline:auto} .c1c7x8y4{margin:var(--space-gap) 0 0;display:flex;flex-wrap:wrap;gap:1rem;align-items:center} .cbsvcl{display:inline-flex;align-items:center;min-height:48px;padding:.8rem 1.4rem; border-radius:var(--radius-button);background:var(--action-primary);color:var(--action-primary-text); text-decoration:none;font-weight:600} .cbsvcl:hover{background:var(--action-hover)} .c1y7srpl{display:inline-flex;align-items:center;min-height:48px;padding:.8rem 1.1rem; border-radius:var(--radius-button);border:1px solid currentColor;color:inherit;text-decoration:none;font-weight:600} .c1y7srpl:hover{text-decoration:underline} @media(max-width:52rem){ .c12hwkkz{min-height:auto} .cwhel59{max-width:none} } .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .cbyrw8e .c493jf5{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:var(--space-media);align-items:start}.cbyrw8e .c5tiqa5{gap:0}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .cbjz19f{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c1ccutx5{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c1qu3wrh{margin:0;font-family:var(--font-heading);font-size:var(--type-h2)} .c162fbx9{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)} .cn3k8az{margin-top:var(--space-gap);width:100%;border-collapse:collapse;table-layout:fixed} .cn3k8az th,.cn3k8az td{text-align:left;vertical-align:top;padding:.9rem 1rem;border-bottom:1px solid var(--border-default)} .cn3k8az thead th{font-family:var(--font-heading);font-size:var(--type-h3);border-bottom:2px solid var(--brand-primary)} .cn3k8az tbody th{font-weight:600;width:28%} .cn3k8az td{color:var(--text-secondary)} .c9whyw9{margin:1rem 0 0;color:var(--text-secondary);max-width:60ch} .caue9q{display:none} @media(max-width:52rem){.cn3k8az,.cn3k8az tbody,.cn3k8az tr,.cn3k8az th,.cn3k8az td{display:block;width:auto} .cn3k8az thead{display:none} .cn3k8az tr{padding:.75rem 0;border-bottom:1px solid var(--border-default)} .cn3k8az tbody th,.cn3k8az td{border:0;padding:.25rem 0} .cn3k8az tbody th{font-family:var(--font-heading)} .caue9q{display:block;font-weight:600;color:var(--text-primary)}} .caeid4y{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;position:relative; background:var(--form-card);border:1px solid var(--form-line);border-radius:var(--radius-card); padding:var(--space-gap);color:var(--text-primary)} @media(max-width:52rem){.caeid4y{grid-template-columns:1fr}} .csk7r44{display:grid;gap:.25rem;font-size:var(--type-small);color:var(--text-secondary)} .c87wa45{grid-column:1 / -1} .csk7r44 input,.csk7r44 select,.csk7r44 textarea{font:inherit;font-size:var(--type-body); padding:0 .8rem;height:3rem;box-sizing:border-box;line-height:1.25;border:1px solid var(--form-line); border-radius:var(--radius-input);background:var(--form-field);color:var(--text-primary);width:100%} .csk7r44 textarea{height:auto;min-height:6rem;padding:.7rem .8rem;resize:vertical} .c148jkcb{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .c1uid956{grid-column:1 / -1;margin:0;font-size:var(--type-small);color:var(--text-primary)} .c19sy4g0{grid-column:1 / -1;min-height:48px;padding:.8rem 1.25rem;border:0; border-radius:var(--radius-button);background:var(--action-primary);color:var(--action-primary-text); font:inherit;font-weight:600;cursor:pointer} .c19sy4g0:hover{background:var(--action-hover)} .c19sy4g0[disabled]{opacity:.7;cursor:default} .cqlyuzo{grid-column:1 / -1;margin:0;font-size:var(--type-small);color:var(--text-secondary)} .cqlyuzo a{color:var(--text-primary);text-decoration:underline} .c340w48{margin:0;padding:var(--space-gap);border-radius:var(--radius-card); background:var(--form-card);border:1px solid var(--form-line);color:var(--text-primary)} .c7ilk41{background:var(--surface-muted);padding-block:var(--space-section)} .c1m6480n{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter); display:grid;gap:var(--space-media);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start} .c7ilk41[data-cgjjoud="yes"] .c1m6480n{grid-template-columns:1fr} .c7ilk41[data-cgjjoud="yes"] .c1m6480n > *{max-width:52rem} .cgggwmf{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .cg848fb{margin:.75rem 0 0;max-width:52ch;color:var(--text-secondary)} .c1gwgnxz a{display:inline-flex;align-items:center;min-height:44px;color:var(--action-text);font-weight:600;text-decoration:none} .c1057yjg{margin:1rem 0 0;padding:0 0 0 1.25rem;list-style:disc outside;display:block;color:var(--text-primary)} .c1057yjg li{padding-left:.25rem} .c1057yjg li+li{margin-top:.4rem} .c1057yjg li::marker{color:var(--text-secondary)} @media(max-width:52rem){ .c1m6480n{grid-template-columns:1fr} } .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c14sav5f .c1009zun{margin-block:var(--space-media)}.c14sav5f .c1yzw9vr{max-width:75ch}.c14sav5f .c1yzw9vr:nth-child(even){margin-left:auto}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .c3mqb9s{background:var(--surface-muted);color:var(--text-primary);padding-block:var(--space-section)} .c3mqb9s[data-zjokgi="yes"]{background:var(--surface-muted);color:var(--text-primary)} .c9h55nm{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter); display:grid;gap:var(--space-media);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start} .cuvnb9s{margin:0;font-family:var(--font-heading);font-size:var(--type-h2)} .c1u9siu2{margin:.75rem 0 0;max-width:52ch;color:var(--text-secondary)} .c3mqb9s[data-zjokgi="yes"] .c1u9siu2{opacity:1;color:var(--text-secondary)} .ctzqnjm{list-style:disc outside;margin:0;padding:0 0 0 1.25rem;display:block} .corz1nw{display:list-item;padding-left:.25rem; padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c3mqb9s[data-zjokgi="yes"] .corz1nw{border-top-color:var(--border-default)} .c1cxnrop{font-size:var(--type-lead)} .corz1nw::marker{color:var(--text-secondary)} @media(max-width:52rem){ .c9h55nm{grid-template-columns:1fr} } .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c1unqv0y .c1009zun{margin-bottom:var(--space-media)}.c1unqv0y .c1009zun img{aspect-ratio:21/9}.c1unqv0y .c493jf5{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-media);margin-top:0}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .contb6q{background:var(--surface-main);padding-block:var(--space-section)} .c1j3c064{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c1fg51zi{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .cu0h5ey{margin:.75rem 0 0;max-width:60ch;font-size:var(--type-body);color:var(--text-secondary)} .cyqghsg{margin:var(--space-gap) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .contb6q[data-elekxvf="B"] .cyqghsg{grid-template-columns:repeat(2,minmax(0,1fr))} .c16wq2d3{padding-top:var(--space-gap);border-top:1px solid var(--border-default)} .c29b44r{margin:0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c155o7ec{margin:.5rem 0 0;max-width:65ch;font-size:var(--type-body);color:var(--text-secondary)} .c1ivxmex{margin:.5rem 0 0;font-size:var(--type-body)} .c1ivxmex a{color:var(--text-primary);text-decoration:underline} @media(max-width:44rem){.contb6q[data-elekxvf="B"] .cyqghsg{grid-template-columns:1fr}} .c6zqxhf{background:var(--surface-main);padding-block:var(--space-section)} .c1zd0ex{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .cs9ckfx{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .cgye4d{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)} .cba5ipt{margin-top:var(--space-media);display:grid;gap:var(--space-gap); grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))} .cg4x97s{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.5rem;align-items:start} .cg4x97s[data-bdexsr="yes"]{grid-template-columns:1fr} .cba5ipt:has([data-bdexsr="yes"]){grid-template-columns:1fr} .cg4x97s[data-bdexsr="yes"] .co6d56x{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));column-gap:var(--space-gap)} .c6zqxhf[data-itxdklj="yes"] .cg4x97s{grid-template-columns:1fr} .cle579t{margin:0;font-family:var(--font-heading);font-size:var(--type-h3); color:var(--brand-text);line-height:1.6} .c6zqxhf[data-itxdklj="yes"] .cle579t{border-bottom:2px solid var(--brand-primary);padding-bottom:.25rem} .co6d56x{list-style:none;margin:0;padding:0;display:grid;gap:0} .cfr7ce8,.c8u326f{display:flex;align-items:center;min-height:44px; color:var(--text-primary);text-decoration:none} .cfr7ce8:hover{color:var(--action-text);text-decoration:underline} .c8u326f{font-weight:700;color:var(--action-text)} .cyk47d5{margin:var(--space-gap) 0 0;max-width:60ch;font-size:var(--type-small);color:var(--text-secondary)} @media(max-width:52rem){ .cba5ipt{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))} } @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.faqp,.faqp *,.faqp *::before,.faqp *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.faqp button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.faqp a{color:inherit;text-decoration:inherit}.faqp svg{display:block;vertical-align:middle}.faqp ol,.faqp ul,.faqp menu{list-style:none}.faqp summary{display:block;cursor:pointer;list-style:none}.faqp summary::-webkit-details-marker{display:none}}.faqp .max-w-7xl{max-width:var(--measure-wide)}.faqp .lg\:max-w-7xl{max-width:var(--measure-wide)}.faqp [class*="max-w-"].px-6,.faqp [class*="max-w-"].px-4,.faqp [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.faqp .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.faqp [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.faqp .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.faqp.px-6,.faqp.px-4,.faqp.px-8{padding-inline:0}@media(min-width:64rem){.faqp .lg\:grid-rows-2{grid-template-rows:none}}.faqp > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.faqp{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.faqp .text-indigo-900,.faqp .text-indigo-800,.faqp .text-indigo-700,.faqp .text-indigo-600,.faqp .text-indigo-500,.faqp .text-indigo-400,.faqp .text-indigo-300,.faqp .text-indigo-200,.faqp .text-indigo-100{color:var(--action-text)}.faqp .bg-indigo-600,.faqp .bg-indigo-500{color:var(--action-primary-text)}.faqp .bg-gray-900,.faqp .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.faqp .bg-gray-900 .text-indigo-600,.faqp .bg-gray-900 .text-indigo-500,.faqp .bg-gray-900 .text-indigo-400,.faqp .bg-gray-900 .text-indigo-300,.faqp .bg-gray-800 .text-indigo-600,.faqp .bg-gray-800 .text-indigo-500,.faqp .bg-gray-800 .text-indigo-400,.faqp .bg-gray-800 .text-indigo-300{color:var(--action-text)}.faqp .bg-gray-900 h1,.faqp .bg-gray-900 h2,.faqp .bg-gray-900 h3,.faqp .bg-gray-900 p,.faqp .bg-gray-900 dt,.faqp .bg-gray-900 dd,.faqp .bg-gray-900 li,.faqp .bg-gray-800 h1,.faqp .bg-gray-800 h2,.faqp .bg-gray-800 h3,.faqp .bg-gray-800 p,.faqp .bg-gray-800 dt,.faqp .bg-gray-800 dd,.faqp .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.faqp img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.faqp li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.faqp li[data-xizwdz]::marker{color:var(--text-secondary)} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c5ny2ui .c5ssykp{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-media);align-items:start}.c5ny2ui .c493jf5{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-media);margin-top:0}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .c6s3v4f{background:var(--surface-muted);padding-block:var(--space-section)} .cfnr43h{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter); display:grid;gap:var(--space-media)} .c6s3v4f[data-dsjzup="yes"] .cfnr43h{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start} .cq7zrld{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .c1yuhc95{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)} .c15c3fn9{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary);font-size:var(--type-small)} .c12qwt21{list-style:none;margin:0;padding:0;display:grid;gap:.25rem var(--space-gap); grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))} .c12qwt21[data-uioyl="2"],.c12qwt21[data-uioyl="3"],.c12qwt21[data-uioyl="4"]{ grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))} .c1mvwixg a,.c1mvwixg span{display:flex;align-items:center;min-height:44px; padding-right:.5rem;color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-default)} .c1mvwixg a:hover{color:var(--action-text);text-decoration:underline} .c1mvwixg[data-jedvqyif="yes"] span{font-weight:700;color:var(--action-text)} @media(max-width:52rem){ .c6s3v4f[data-dsjzup="yes"] .cfnr43h{grid-template-columns:1fr} .c12qwt21{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))} } @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.lbsfcgkc,.lbsfcgkc *,.lbsfcgkc *::before,.lbsfcgkc *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.lbsfcgkc button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.lbsfcgkc a{color:inherit;text-decoration:inherit}.lbsfcgkc svg{display:block;vertical-align:middle}.lbsfcgkc ol,.lbsfcgkc ul,.lbsfcgkc menu{list-style:none}.lbsfcgkc summary{display:block;cursor:pointer;list-style:none}.lbsfcgkc summary::-webkit-details-marker{display:none}}.lbsfcgkc .max-w-7xl{max-width:var(--measure-wide)}.lbsfcgkc .lg\:max-w-7xl{max-width:var(--measure-wide)}.lbsfcgkc [class*="max-w-"].px-6,.lbsfcgkc [class*="max-w-"].px-4,.lbsfcgkc [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.lbsfcgkc .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.lbsfcgkc [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.lbsfcgkc .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.lbsfcgkc.px-6,.lbsfcgkc.px-4,.lbsfcgkc.px-8{padding-inline:0}@media(min-width:64rem){.lbsfcgkc .lg\:grid-rows-2{grid-template-rows:none}}.lbsfcgkc > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.lbsfcgkc{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.lbsfcgkc .text-indigo-900,.lbsfcgkc .text-indigo-800,.lbsfcgkc .text-indigo-700,.lbsfcgkc .text-indigo-600,.lbsfcgkc .text-indigo-500,.lbsfcgkc .text-indigo-400,.lbsfcgkc .text-indigo-300,.lbsfcgkc .text-indigo-200,.lbsfcgkc .text-indigo-100{color:var(--action-text)}.lbsfcgkc .bg-indigo-600,.lbsfcgkc .bg-indigo-500{color:var(--action-primary-text)}.lbsfcgkc .bg-gray-900,.lbsfcgkc .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.lbsfcgkc .bg-gray-900 .text-indigo-600,.lbsfcgkc .bg-gray-900 .text-indigo-500,.lbsfcgkc .bg-gray-900 .text-indigo-400,.lbsfcgkc .bg-gray-900 .text-indigo-300,.lbsfcgkc .bg-gray-800 .text-indigo-600,.lbsfcgkc .bg-gray-800 .text-indigo-500,.lbsfcgkc .bg-gray-800 .text-indigo-400,.lbsfcgkc .bg-gray-800 .text-indigo-300{color:var(--action-text)}.lbsfcgkc .bg-gray-900 h1,.lbsfcgkc .bg-gray-900 h2,.lbsfcgkc .bg-gray-900 h3,.lbsfcgkc .bg-gray-900 p,.lbsfcgkc .bg-gray-900 dt,.lbsfcgkc .bg-gray-900 dd,.lbsfcgkc .bg-gray-900 li,.lbsfcgkc .bg-gray-800 h1,.lbsfcgkc .bg-gray-800 h2,.lbsfcgkc .bg-gray-800 h3,.lbsfcgkc .bg-gray-800 p,.lbsfcgkc .bg-gray-800 dt,.lbsfcgkc .bg-gray-800 dd,.lbsfcgkc .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.lbsfcgkc img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.lbsfcgkc li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.lbsfcgkc li[data-xizwdz]::marker{color:var(--text-secondary)}@media(min-width:1024px){.lbsfcgkc[data-foslarep="B"] .ynghroz>*:first-child,.lbsfcgkc[data-foslarep="D"] .ynghroz>*:first-child{order:2}.lbsfcgkc[data-foslarep="B"] .ynghroz>*:nth-child(2),.lbsfcgkc[data-foslarep="D"] .ynghroz>*:nth-child(2){order:1}}@media(min-width:1024px){.lbsfcgkc[data-foslarep="C"] .sdxbl,.lbsfcgkc[data-foslarep="D"] .sdxbl{grid-template-columns:repeat(3,minmax(0,1fr))}.lbsfcgkc[data-foslarep="C"] .rpiano,.lbsfcgkc[data-foslarep="D"] .rpiano{grid-template-columns:repeat(2,minmax(0,1fr))}.lbsfcgkc[data-foslarep="C"] .avkhmlb,.lbsfcgkc[data-foslarep="D"] .avkhmlb{grid-template-columns:repeat(3,minmax(0,1fr))}} .cg9uhb6{background:var(--surface-main);padding-block:var(--space-section)} .c1o05s7w{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .cc14vwu{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .c1pmitpm{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)} .c13na9u8{margin:var(--space-gap) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .c13na9u8:has(.c1sgv4cc){gap:var(--space-media);margin-top:var(--space-media)} .c1iu9fw7{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:1rem;align-items:start} .c1iu9fw7:has(.c1sgv4cc){grid-template-columns:2.25rem minmax(0,1fr) 16rem;align-items:center} .cvyp5nl{display:grid;gap:.25rem} .cn7sdug{width:2.25rem;height:2.25rem;border-radius:999px;display:grid;place-items:center; background:var(--brand-primary);color:var(--action-primary-text);font-weight:700} .c1iu9fw7:has(.c1sgv4cc) .cn7sdug{align-self:center} .cdi3cvf{margin:0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c19dquno{margin:0;color:var(--text-secondary);max-width:62ch} .c1sgv4cc{margin:0 0 0 calc(var(--space-media) - 1rem)} .c1sgv4cc img{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block;border-radius:var(--radius-card)} @media(max-width:52rem){ .c1iu9fw7:has(.c1sgv4cc){grid-template-columns:2.25rem minmax(0,1fr);align-items:start} .c1sgv4cc{grid-column:2;margin:var(--space-media) 0 0} } .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c14dgnqh .c5ssykp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--space-media)}.c14dgnqh .c493jf5{margin:0}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c1lm8c5l .c493jf5{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-media);align-items:start}.c1lm8c5l .c5tiqa5{gap:0}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .c7ttnzw{background:var(--surface-muted);padding-block:var(--space-section)} .c1dtl9x2{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .ct56qfw{max-width:52ch} .cdls4gs{margin:0 0 .5rem;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .c1t29nfu{margin:0 0 var(--space-media);color:var(--text-secondary)} .c1po4bse{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-gap); grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))} .cuo3hpl{background:var(--surface-main);border:1px solid var(--border-default); border-radius:var(--radius-card);padding:var(--space-gap)} .cgcxdvp{margin:0;font-weight:600;color:var(--text-primary)} .c1ctubnj{margin:.35rem 0 .35rem;font-family:var(--font-heading);font-size:var(--type-h3); color:var(--brand-text);line-height:1.2} .c122t3xa{margin:0;font-size:var(--type-small);color:var(--text-secondary)} .cg0xhmp{margin:var(--space-gap) 0 0;max-width:70ch;font-size:var(--type-small); color:var(--text-secondary)} .c7ttnzw[data-tmjuwp="yes"] .c1po4bse{display:block;border-top:1px solid var(--border-default)} .c7ttnzw[data-tmjuwp="yes"] .cuo3hpl{display:grid;gap:.15rem var(--space-gap);border:0;border-radius:0; border-bottom:1px solid var(--border-default);background:none;padding-inline:0; grid-template-columns:minmax(0,14rem) minmax(0,10rem) minmax(0,1fr);align-items:baseline} .c7ttnzw[data-tmjuwp="yes"] .c1ctubnj{margin:0;font-size:var(--type-body);font-weight:700} @media(max-width:48rem){ .c7ttnzw[data-tmjuwp="yes"] .cuo3hpl{grid-template-columns:1fr} .c7ttnzw[data-tmjuwp="yes"] .c1ctubnj{font-size:var(--type-h3)} } .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .ce4fa90 .c5tiqa5{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-media)}.ce4fa90 .cby68fu{padding:var(--space-gap);border:1px solid var(--border-default)}.ce4fa90 .cxjtvz{max-width:60ch}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c20nx8s .c5tiqa5{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-media)}.c20nx8s .cby68fu{padding:var(--space-gap);border:1px solid var(--border-default)}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .chu5br0{background:var(--surface-main);padding-block:var(--space-section)} .c1uf8l12{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c169wp04{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .c16kiyjg{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)} .centwlt{margin-top:var(--space-media);display:grid;gap:var(--space-media); grid-template-columns:repeat(2,minmax(0,1fr))} .cij4r1d{padding-top:var(--space-gap);border-top:3px solid var(--border-default)} .cij4r1d[data-wzoeu="you"]{border-top-color:var(--brand-text)} .c1q5lou{margin:0 0 .5rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .ch8bhp5{margin:0;padding-left:1.3rem;display:grid;gap:.6rem;color:var(--text-secondary)} .ch8bhp5 li{padding-left:.2rem} @media(max-width:52rem){ .centwlt{grid-template-columns:1fr;gap:var(--space-gap)} } .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c1pr3osv .cby68fu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:var(--space-media)}.c1pr3osv dd{margin:0}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .cld58tb{background:var(--surface-main);padding-block:var(--space-section)} .ccm4fcd{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c1niv5y9{margin:0 0 var(--space-gap);font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .c1euv4yx{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap);grid-template-columns:repeat(4,minmax(0,1fr))} .c1euv4yx[data-uioyl="3"]{grid-template-columns:repeat(3,minmax(0,1fr))} .c1euv4yx[data-uioyl="5"]{grid-template-columns:repeat(5,minmax(0,1fr))} .cld58tb[data-elekxvf="B"] .c1euv4yx{grid-template-columns:1fr;max-width:58ch} .cld58tb[data-elekxvf="B"] .c13g5p1z{border-top:1px solid var(--border-default);padding-top:1rem} .cdkl2q3{margin:0;font-family:var(--font-heading);font-weight:700;color:var(--brand-text)} .c1b1xiq6{margin:.35rem 0 0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .ck8g3rx{margin:.35rem 0 0;color:var(--text-secondary)} @media(max-width:64rem){.c1euv4yx,.c1euv4yx[data-uioyl="3"],.c1euv4yx[data-uioyl="5"]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:44rem){.c1euv4yx,.c1euv4yx[data-uioyl="3"],.c1euv4yx[data-uioyl="5"]{grid-template-columns:1fr}} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c1x2mabl .cby68fu{display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(0,1.5fr);gap:var(--space-gap);align-items:start}.c1x2mabl .cby68fu p{margin:0}.c1x2mabl .c89pte7{padding-top:.3rem}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .cvn3la .c5ssykp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--space-media)}.cvn3la .c493jf5{margin-top:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-media)}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.mnzdpon,.mnzdpon *,.mnzdpon *::before,.mnzdpon *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.mnzdpon button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.mnzdpon a{color:inherit;text-decoration:inherit}.mnzdpon svg{display:block;vertical-align:middle}.mnzdpon ol,.mnzdpon ul,.mnzdpon menu{list-style:none}.mnzdpon summary{display:block;cursor:pointer;list-style:none}.mnzdpon summary::-webkit-details-marker{display:none}}.mnzdpon .max-w-7xl{max-width:var(--measure-wide)}.mnzdpon .lg\:max-w-7xl{max-width:var(--measure-wide)}.mnzdpon [class*="max-w-"].px-6,.mnzdpon [class*="max-w-"].px-4,.mnzdpon [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.mnzdpon .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.mnzdpon [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.mnzdpon .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.mnzdpon.px-6,.mnzdpon.px-4,.mnzdpon.px-8{padding-inline:0}@media(min-width:64rem){.mnzdpon .lg\:grid-rows-2{grid-template-rows:none}}.mnzdpon > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.mnzdpon{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.mnzdpon .text-indigo-900,.mnzdpon .text-indigo-800,.mnzdpon .text-indigo-700,.mnzdpon .text-indigo-600,.mnzdpon .text-indigo-500,.mnzdpon .text-indigo-400,.mnzdpon .text-indigo-300,.mnzdpon .text-indigo-200,.mnzdpon .text-indigo-100{color:var(--action-text)}.mnzdpon .bg-indigo-600,.mnzdpon .bg-indigo-500{color:var(--action-primary-text)}.mnzdpon .bg-gray-900,.mnzdpon .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.mnzdpon .bg-gray-900 .text-indigo-600,.mnzdpon .bg-gray-900 .text-indigo-500,.mnzdpon .bg-gray-900 .text-indigo-400,.mnzdpon .bg-gray-900 .text-indigo-300,.mnzdpon .bg-gray-800 .text-indigo-600,.mnzdpon .bg-gray-800 .text-indigo-500,.mnzdpon .bg-gray-800 .text-indigo-400,.mnzdpon .bg-gray-800 .text-indigo-300{color:var(--action-text)}.mnzdpon .bg-gray-900 h1,.mnzdpon .bg-gray-900 h2,.mnzdpon .bg-gray-900 h3,.mnzdpon .bg-gray-900 p,.mnzdpon .bg-gray-900 dt,.mnzdpon .bg-gray-900 dd,.mnzdpon .bg-gray-900 li,.mnzdpon .bg-gray-800 h1,.mnzdpon .bg-gray-800 h2,.mnzdpon .bg-gray-800 h3,.mnzdpon .bg-gray-800 p,.mnzdpon .bg-gray-800 dt,.mnzdpon .bg-gray-800 dd,.mnzdpon .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.mnzdpon img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.mnzdpon li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.mnzdpon li[data-xizwdz]::marker{color:var(--text-secondary)}@media(min-width:1024px){.mnzdpon[data-foslarep="B"] .ynghroz>*:first-child,.mnzdpon[data-foslarep="D"] .ynghroz>*:first-child{order:2}.mnzdpon[data-foslarep="B"] .ynghroz>*:nth-child(2),.mnzdpon[data-foslarep="D"] .ynghroz>*:nth-child(2){order:1}}@media(min-width:1024px){.mnzdpon[data-foslarep="C"] .sdxbl,.mnzdpon[data-foslarep="D"] .sdxbl{grid-template-columns:repeat(3,minmax(0,1fr))}.mnzdpon[data-foslarep="C"] .rpiano,.mnzdpon[data-foslarep="D"] .rpiano{grid-template-columns:repeat(2,minmax(0,1fr))}.mnzdpon[data-foslarep="C"] .avkhmlb,.mnzdpon[data-foslarep="D"] .avkhmlb{grid-template-columns:repeat(3,minmax(0,1fr))}} @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.iwfns,.iwfns *,.iwfns *::before,.iwfns *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.iwfns button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.iwfns a{color:inherit;text-decoration:inherit}.iwfns svg{display:block;vertical-align:middle}.iwfns ol,.iwfns ul,.iwfns menu{list-style:none}.iwfns summary{display:block;cursor:pointer;list-style:none}.iwfns summary::-webkit-details-marker{display:none}}.iwfns .max-w-7xl{max-width:var(--measure-wide)}.iwfns .lg\:max-w-7xl{max-width:var(--measure-wide)}.iwfns [class*="max-w-"].px-6,.iwfns [class*="max-w-"].px-4,.iwfns [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.iwfns .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.iwfns [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.iwfns .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.iwfns.px-6,.iwfns.px-4,.iwfns.px-8{padding-inline:0}@media(min-width:64rem){.iwfns .lg\:grid-rows-2{grid-template-rows:none}}.iwfns > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.iwfns{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.iwfns .text-indigo-900,.iwfns .text-indigo-800,.iwfns .text-indigo-700,.iwfns .text-indigo-600,.iwfns .text-indigo-500,.iwfns .text-indigo-400,.iwfns .text-indigo-300,.iwfns .text-indigo-200,.iwfns .text-indigo-100{color:var(--action-text)}.iwfns .bg-indigo-600,.iwfns .bg-indigo-500{color:var(--action-primary-text)}.iwfns .bg-gray-900,.iwfns .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.iwfns .bg-gray-900 .text-indigo-600,.iwfns .bg-gray-900 .text-indigo-500,.iwfns .bg-gray-900 .text-indigo-400,.iwfns .bg-gray-900 .text-indigo-300,.iwfns .bg-gray-800 .text-indigo-600,.iwfns .bg-gray-800 .text-indigo-500,.iwfns .bg-gray-800 .text-indigo-400,.iwfns .bg-gray-800 .text-indigo-300{color:var(--action-text)}.iwfns .bg-gray-900 h1,.iwfns .bg-gray-900 h2,.iwfns .bg-gray-900 h3,.iwfns .bg-gray-900 p,.iwfns .bg-gray-900 dt,.iwfns .bg-gray-900 dd,.iwfns .bg-gray-900 li,.iwfns .bg-gray-800 h1,.iwfns .bg-gray-800 h2,.iwfns .bg-gray-800 h3,.iwfns .bg-gray-800 p,.iwfns .bg-gray-800 dt,.iwfns .bg-gray-800 dd,.iwfns .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.iwfns img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.iwfns li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.iwfns li[data-xizwdz]::marker{color:var(--text-secondary)}@media(min-width:1024px){.iwfns[data-foslarep="B"] .ynghroz>*:first-child,.iwfns[data-foslarep="D"] .ynghroz>*:first-child{order:2}.iwfns[data-foslarep="B"] .ynghroz>*:nth-child(2),.iwfns[data-foslarep="D"] .ynghroz>*:nth-child(2){order:1}}@media(min-width:1024px){.iwfns[data-foslarep="C"] .sdxbl,.iwfns[data-foslarep="D"] .sdxbl{grid-template-columns:repeat(3,minmax(0,1fr))}.iwfns[data-foslarep="C"] .rpiano,.iwfns[data-foslarep="D"] .rpiano{grid-template-columns:repeat(2,minmax(0,1fr))}.iwfns[data-foslarep="C"] .avkhmlb,.iwfns[data-foslarep="D"] .avkhmlb{grid-template-columns:repeat(3,minmax(0,1fr))}} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c1uz5hnr .c5ssykp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-media)}.c1uz5hnr .c1009zun{margin-top:var(--space-media)}.c1uz5hnr .c493jf5{margin:0}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .ct5ys3v .c5tiqa5{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-media)}.ct5ys3v .cby68fu:first-child{grid-column:1/-1;max-width:70ch}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c3xogwj .cfnr43h{display:grid;gap:var(--space-media)}.c3xogwj .c12qwt21{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-gap);grid-template-columns:repeat(3,minmax(0,1fr))}.c3xogwj .c1mvwixg a,.c3xogwj .c1mvwixg span{display:flex;align-items:center;min-height:44px;padding-block:.5rem;border-bottom:1px solid var(--border-default);color:var(--text-primary)}.c3xogwj .c15c3fn9{font-size:var(--type-small)}@media(max-width:52rem){.c3xogwj .cfnr43h,.c3xogwj .c12qwt21{grid-template-columns:minmax(0,1fr)}}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c67ewio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-media);margin:var(--space-gap) 0 0}.c67ewio dt{font-size:var(--type-body)}@media(max-width:52rem){.c67ewio{grid-template-columns:minmax(0,1fr)}}.c1vo83eu .cxjtvz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-media)}.c1vo83eu .c1009zun{margin-top:var(--space-media)}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.fjmjkd,.fjmjkd *,.fjmjkd *::before,.fjmjkd *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.fjmjkd button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.fjmjkd a{color:inherit;text-decoration:inherit}.fjmjkd svg{display:block;vertical-align:middle}.fjmjkd ol,.fjmjkd ul,.fjmjkd menu{list-style:none}.fjmjkd summary{display:block;cursor:pointer;list-style:none}.fjmjkd summary::-webkit-details-marker{display:none}}.fjmjkd .max-w-7xl{max-width:var(--measure-wide)}.fjmjkd .lg\:max-w-7xl{max-width:var(--measure-wide)}.fjmjkd [class*="max-w-"].px-6,.fjmjkd [class*="max-w-"].px-4,.fjmjkd [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.fjmjkd .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.fjmjkd [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.fjmjkd .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.fjmjkd.px-6,.fjmjkd.px-4,.fjmjkd.px-8{padding-inline:0}@media(min-width:64rem){.fjmjkd .lg\:grid-rows-2{grid-template-rows:none}}.fjmjkd > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.fjmjkd{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.fjmjkd .text-indigo-900,.fjmjkd .text-indigo-800,.fjmjkd .text-indigo-700,.fjmjkd .text-indigo-600,.fjmjkd .text-indigo-500,.fjmjkd .text-indigo-400,.fjmjkd .text-indigo-300,.fjmjkd .text-indigo-200,.fjmjkd .text-indigo-100{color:var(--action-text)}.fjmjkd .bg-indigo-600,.fjmjkd .bg-indigo-500{color:var(--action-primary-text)}.fjmjkd .bg-gray-900,.fjmjkd .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.fjmjkd .bg-gray-900 .text-indigo-600,.fjmjkd .bg-gray-900 .text-indigo-500,.fjmjkd .bg-gray-900 .text-indigo-400,.fjmjkd .bg-gray-900 .text-indigo-300,.fjmjkd .bg-gray-800 .text-indigo-600,.fjmjkd .bg-gray-800 .text-indigo-500,.fjmjkd .bg-gray-800 .text-indigo-400,.fjmjkd .bg-gray-800 .text-indigo-300{color:var(--action-text)}.fjmjkd .bg-gray-900 h1,.fjmjkd .bg-gray-900 h2,.fjmjkd .bg-gray-900 h3,.fjmjkd .bg-gray-900 p,.fjmjkd .bg-gray-900 dt,.fjmjkd .bg-gray-900 dd,.fjmjkd .bg-gray-900 li,.fjmjkd .bg-gray-800 h1,.fjmjkd .bg-gray-800 h2,.fjmjkd .bg-gray-800 h3,.fjmjkd .bg-gray-800 p,.fjmjkd .bg-gray-800 dt,.fjmjkd .bg-gray-800 dd,.fjmjkd .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.fjmjkd img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.fjmjkd li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.fjmjkd li[data-xizwdz]::marker{color:var(--text-secondary)}@media(min-width:1024px){.fjmjkd[data-foslarep="B"] .ynghroz>*:first-child,.fjmjkd[data-foslarep="D"] .ynghroz>*:first-child{order:2}.fjmjkd[data-foslarep="B"] .ynghroz>*:nth-child(2),.fjmjkd[data-foslarep="D"] .ynghroz>*:nth-child(2){order:1}}@media(min-width:1024px){.fjmjkd[data-foslarep="C"] .sdxbl,.fjmjkd[data-foslarep="D"] .sdxbl{grid-template-columns:repeat(3,minmax(0,1fr))}.fjmjkd[data-foslarep="C"] .rpiano,.fjmjkd[data-foslarep="D"] .rpiano{grid-template-columns:repeat(2,minmax(0,1fr))}.fjmjkd[data-foslarep="C"] .avkhmlb,.fjmjkd[data-foslarep="D"] .avkhmlb{grid-template-columns:repeat(3,minmax(0,1fr))}} .c13ba2xo{background:var(--surface-main);padding-block:var(--space-section)} .cyl242e{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c13ba2xo[data-elekxvf="B"] .cyl242e > *{max-width:58rem} .czwo2wk{margin:0 0 var(--space-gap);font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .c1afl5xq{display:grid;gap:0} .cffmjgp{border-top:1px solid var(--border-default)} .cffmjgp:last-child{border-bottom:1px solid var(--border-default)} .cni5iah{cursor:pointer;list-style:none;padding:1.1rem 2rem 1.1rem 0;position:relative; font-family:var(--font-heading);font-weight:600;color:var(--text-primary);min-height:44px} .cni5iah::-webkit-details-marker{display:none} .cni5iah::after{content:"";position:absolute;right:.35rem;top:1.45rem;width:.55rem;height:.55rem; border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:rotate(45deg)} .cffmjgp[open] .cni5iah::after{transform:rotate(-135deg)} .crxz5e1{padding:0 0 1.1rem;color:var(--text-secondary);max-width:70ch} .crxz5e1 p{margin:0} .chuhzvi{background:var(--surface-muted);color:var(--text-primary);padding-block:var(--space-section)} .c3i8i0g{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .cqpa02a{margin:0;font-family:var(--font-heading);font-size:var(--type-h2)} .c12s0gc6{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)} .c1p2hqbc{margin-top:var(--space-gap);width:100%;border-collapse:collapse;background:var(--surface-main);border-radius:var(--radius-card);overflow:hidden} .c1p2hqbc th,.c1p2hqbc td{text-align:left;vertical-align:top;padding:1rem 1.25rem;border-bottom:1px solid var(--border-default)} .c1p2hqbc thead th{font-family:var(--font-heading);color:var(--text-primary);border-bottom:2px solid var(--brand-primary)} .c1p2hqbc tbody th{font-family:var(--font-heading);font-weight:600;width:32%} .c1p2hqbc td{color:var(--text-secondary)} .c1vfah1s{margin:1rem 0 0;color:var(--text-secondary);max-width:60ch} @media(max-width:40rem){.c1p2hqbc thead{display:none}.c1p2hqbc tr{display:grid;padding:.5rem 0}.c1p2hqbc tbody th,.c1p2hqbc td{width:auto;border:0;padding:.25rem 1rem}.c1p2hqbc tr{border-bottom:1px solid var(--border-default)}} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c3xogwj .cfnr43h{display:grid;gap:var(--space-media)}.c3xogwj .c12qwt21{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-gap);grid-template-columns:repeat(3,minmax(0,1fr))}.c3xogwj .c1mvwixg a,.c3xogwj .c1mvwixg span{display:flex;align-items:center;min-height:44px;padding-block:.5rem;border-bottom:1px solid var(--border-default);color:var(--text-primary)}.c3xogwj .c15c3fn9{font-size:var(--type-small)}@media(max-width:52rem){.c3xogwj .cfnr43h,.c3xogwj .c12qwt21{grid-template-columns:minmax(0,1fr)}}.c138mpya .cfnr43h{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.c138mpya .c12qwt21{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:52rem){.c138mpya .cfnr43h,.c138mpya .c12qwt21{grid-template-columns:minmax(0,1fr)}}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c1f41w3j .c5tiqa5{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-media)}.c1f41w3j dl{margin:0}.c1f41w3j dt{font-size:var(--type-body)}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .cua358a{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .clzgdas{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .cz6i4gm{margin:0;font-family:var(--font-heading);font-size:var(--type-h2)} .c9vbxlu{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)} .c18dch0o{margin:var(--space-gap) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-gap);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))} .c17qrr67{display:grid;gap:.5rem;align-content:start;border-top:2px solid var(--brand-primary);padding-top:1rem} .c1xec21b{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;border-radius:var(--radius-card);margin-bottom:.5rem} .cpcnzoj{margin:0;font-family:var(--font-heading);font-size:var(--type-h3)} .ch0uqy4{margin:0;color:var(--text-secondary)} @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.owzenqp,.owzenqp *,.owzenqp *::before,.owzenqp *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.owzenqp button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.owzenqp a{color:inherit;text-decoration:inherit}.owzenqp svg{display:block;vertical-align:middle}.owzenqp ol,.owzenqp ul,.owzenqp menu{list-style:none}.owzenqp summary{display:block;cursor:pointer;list-style:none}.owzenqp summary::-webkit-details-marker{display:none}}.owzenqp .max-w-7xl{max-width:var(--measure-wide)}.owzenqp .lg\:max-w-7xl{max-width:var(--measure-wide)}.owzenqp [class*="max-w-"].px-6,.owzenqp [class*="max-w-"].px-4,.owzenqp [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.owzenqp .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.owzenqp [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.owzenqp .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.owzenqp.px-6,.owzenqp.px-4,.owzenqp.px-8{padding-inline:0}@media(min-width:64rem){.owzenqp .lg\:grid-rows-2{grid-template-rows:none}}.owzenqp > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.owzenqp{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.owzenqp .text-indigo-900,.owzenqp .text-indigo-800,.owzenqp .text-indigo-700,.owzenqp .text-indigo-600,.owzenqp .text-indigo-500,.owzenqp .text-indigo-400,.owzenqp .text-indigo-300,.owzenqp .text-indigo-200,.owzenqp .text-indigo-100{color:var(--action-text)}.owzenqp .bg-indigo-600,.owzenqp .bg-indigo-500{color:var(--action-primary-text)}.owzenqp .bg-gray-900,.owzenqp .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.owzenqp .bg-gray-900 .text-indigo-600,.owzenqp .bg-gray-900 .text-indigo-500,.owzenqp .bg-gray-900 .text-indigo-400,.owzenqp .bg-gray-900 .text-indigo-300,.owzenqp .bg-gray-800 .text-indigo-600,.owzenqp .bg-gray-800 .text-indigo-500,.owzenqp .bg-gray-800 .text-indigo-400,.owzenqp .bg-gray-800 .text-indigo-300{color:var(--action-text)}.owzenqp .bg-gray-900 h1,.owzenqp .bg-gray-900 h2,.owzenqp .bg-gray-900 h3,.owzenqp .bg-gray-900 p,.owzenqp .bg-gray-900 dt,.owzenqp .bg-gray-900 dd,.owzenqp .bg-gray-900 li,.owzenqp .bg-gray-800 h1,.owzenqp .bg-gray-800 h2,.owzenqp .bg-gray-800 h3,.owzenqp .bg-gray-800 p,.owzenqp .bg-gray-800 dt,.owzenqp .bg-gray-800 dd,.owzenqp .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.owzenqp img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.owzenqp li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.owzenqp li[data-xizwdz]::marker{color:var(--text-secondary)}@media(min-width:1024px){.owzenqp[data-foslarep="B"] .ynghroz>*:first-child,.owzenqp[data-foslarep="D"] .ynghroz>*:first-child{order:2}.owzenqp[data-foslarep="B"] .ynghroz>*:nth-child(2),.owzenqp[data-foslarep="D"] .ynghroz>*:nth-child(2){order:1}}@media(min-width:1024px){.owzenqp[data-foslarep="C"] .sdxbl,.owzenqp[data-foslarep="D"] .sdxbl{grid-template-columns:repeat(3,minmax(0,1fr))}.owzenqp[data-foslarep="C"] .rpiano,.owzenqp[data-foslarep="D"] .rpiano{grid-template-columns:repeat(2,minmax(0,1fr))}.owzenqp[data-foslarep="C"] .avkhmlb,.owzenqp[data-foslarep="D"] .avkhmlb{grid-template-columns:repeat(3,minmax(0,1fr))}} @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.jromrw,.jromrw *,.jromrw *::before,.jromrw *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.jromrw button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.jromrw a{color:inherit;text-decoration:inherit}.jromrw svg{display:block;vertical-align:middle}.jromrw ol,.jromrw ul,.jromrw menu{list-style:none}.jromrw summary{display:block;cursor:pointer;list-style:none}.jromrw summary::-webkit-details-marker{display:none}}.jromrw .max-w-7xl{max-width:var(--measure-wide)}.jromrw .lg\:max-w-7xl{max-width:var(--measure-wide)}.jromrw [class*="max-w-"].px-6,.jromrw [class*="max-w-"].px-4,.jromrw [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.jromrw .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.jromrw [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.jromrw .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.jromrw.px-6,.jromrw.px-4,.jromrw.px-8{padding-inline:0}@media(min-width:64rem){.jromrw .lg\:grid-rows-2{grid-template-rows:none}}.jromrw > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.jromrw{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.jromrw .text-indigo-900,.jromrw .text-indigo-800,.jromrw .text-indigo-700,.jromrw .text-indigo-600,.jromrw .text-indigo-500,.jromrw .text-indigo-400,.jromrw .text-indigo-300,.jromrw .text-indigo-200,.jromrw .text-indigo-100{color:var(--action-text)}.jromrw .bg-indigo-600,.jromrw .bg-indigo-500{color:var(--action-primary-text)}.jromrw .bg-gray-900,.jromrw .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.jromrw .bg-gray-900 .text-indigo-600,.jromrw .bg-gray-900 .text-indigo-500,.jromrw .bg-gray-900 .text-indigo-400,.jromrw .bg-gray-900 .text-indigo-300,.jromrw .bg-gray-800 .text-indigo-600,.jromrw .bg-gray-800 .text-indigo-500,.jromrw .bg-gray-800 .text-indigo-400,.jromrw .bg-gray-800 .text-indigo-300{color:var(--action-text)}.jromrw .bg-gray-900 h1,.jromrw .bg-gray-900 h2,.jromrw .bg-gray-900 h3,.jromrw .bg-gray-900 p,.jromrw .bg-gray-900 dt,.jromrw .bg-gray-900 dd,.jromrw .bg-gray-900 li,.jromrw .bg-gray-800 h1,.jromrw .bg-gray-800 h2,.jromrw .bg-gray-800 h3,.jromrw .bg-gray-800 p,.jromrw .bg-gray-800 dt,.jromrw .bg-gray-800 dd,.jromrw .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.jromrw img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.jromrw li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.jromrw li[data-xizwdz]::marker{color:var(--text-secondary)}@media(min-width:1024px){.jromrw[data-foslarep="B"] .ynghroz>*:first-child,.jromrw[data-foslarep="D"] .ynghroz>*:first-child{order:2}.jromrw[data-foslarep="B"] .ynghroz>*:nth-child(2),.jromrw[data-foslarep="D"] .ynghroz>*:nth-child(2){order:1}}@media(min-width:1024px){.jromrw[data-foslarep="C"] .sdxbl,.jromrw[data-foslarep="D"] .sdxbl{grid-template-columns:repeat(3,minmax(0,1fr))}.jromrw[data-foslarep="C"] .rpiano,.jromrw[data-foslarep="D"] .rpiano{grid-template-columns:repeat(2,minmax(0,1fr))}.jromrw[data-foslarep="C"] .avkhmlb,.jromrw[data-foslarep="D"] .avkhmlb{grid-template-columns:repeat(3,minmax(0,1fr))}} .c1niheeg{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .cy6dfoa{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c1j3fcns{margin:0;font-family:var(--font-heading);font-size:var(--type-h2)} .cm3rh94{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)} .c2sfjnq{margin-top:var(--space-gap);display:grid;gap:var(--space-gap);grid-template-columns:repeat(2,minmax(0,1fr))} .c1te0j3a .c2sfjnq{grid-template-columns:1fr} .c1te0j3a .cne0zyj{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-gap);align-items:center} .cne0zyj{margin:0;display:grid;gap:1rem;align-content:start} .c1u9bczh{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block;border-radius:var(--radius-card)} .cxmaysm{border-top:2px solid var(--brand-primary);padding-top:.75rem} .c1wr22hp{margin:0;font-family:var(--font-heading);font-size:var(--type-h3)} .c10p22fm{margin:.35rem 0 0;color:var(--text-secondary);max-width:58ch} @media(max-width:52rem){.c2sfjnq,.c1te0j3a .cne0zyj{grid-template-columns:1fr}} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c3xogwj .cfnr43h{display:grid;gap:var(--space-media)}.c3xogwj .c12qwt21{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-gap);grid-template-columns:repeat(3,minmax(0,1fr))}.c3xogwj .c1mvwixg a,.c3xogwj .c1mvwixg span{display:flex;align-items:center;min-height:44px;padding-block:.5rem;border-bottom:1px solid var(--border-default);color:var(--text-primary)}.c3xogwj .c15c3fn9{font-size:var(--type-small)}@media(max-width:52rem){.c3xogwj .cfnr43h,.c3xogwj .c12qwt21{grid-template-columns:minmax(0,1fr)}}.cyfh7zf .cgn1zeq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-gap)}.cyfh7zf .c15c3fn9{grid-column:1/-1}.cyfh7zf .c12qwt21{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:52rem){.cyfh7zf .cgn1zeq,.cyfh7zf .c12qwt21{grid-template-columns:minmax(0,1fr)}}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .c937wvk .c493jf5{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr);gap:var(--space-media);align-items:start}.c937wvk .c5tiqa5{gap:0}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} .c3xogwj{background:var(--surface-main);color:var(--text-primary);padding-block:var(--space-section)} .c5ssykp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .c3xogwj *{min-width:0} .cby68fu,.c1yzw9vr{align-items:start} .c3xogwj h1{font-family:var(--font-heading);font-size:var(--type-display);line-height:1.1;color:var(--text-primary);margin:0} .c3xogwj h2{font-family:var(--font-heading);font-size:var(--type-h2);line-height:1.2;color:var(--text-primary);margin:0} .c3xogwj h3,.c3xogwj dt{font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.3;color:var(--text-primary);margin:0} .c3xogwj p,.c3xogwj dd{font-size:var(--type-body);line-height:1.65;color:var(--text-secondary);margin:.75rem 0 0} .c3xogwj .c1wv4h43{font-size:var(--type-lead);line-height:1.55} .c3xogwj a{color:var(--action-text);text-decoration:underline;text-underline-offset:.2em} .c3xogwj a:hover{text-decoration-thickness:2px} .c3xogwj h3 a{color:var(--text-primary);text-decoration:none}.c3xogwj h3 a:hover{text-decoration:underline} .c8cg1md{display:inline-flex;align-items:center;min-height:44px;font-weight:600} .c5tiqa5{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .cby68fu{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c493jf5{margin-top:var(--space-media)} .c1009zun{margin:0;min-width:0}.c1009zun img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover} .c1yzw9vr{padding-block:var(--space-gap);border-top:1px solid var(--border-default)} .c1yzw9vr p{max-width:68ch}.c3xogwj summary{cursor:pointer;min-height:44px;padding-block:1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c3xogwj details{border-top:1px solid var(--border-default)}.c3xogwj details p{margin:0 0 var(--space-gap);max-width:68ch} .cgasl67{margin:0 0 var(--space-media);padding:var(--space-gap) 0;border-block:1px solid var(--border-default)} .cgasl67 ul{margin:0;padding-left:1.2rem;list-style:disc}.cgasl67 a{min-height:44px;display:inline-flex;align-items:center} .c89pte7{font-size:var(--type-small);color:var(--brand-text);font-weight:600;display:block;margin-bottom:.5rem} .cauab8x .c5ssykp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--space-media)}.cauab8x .c493jf5{margin-top:0}@media(max-width:52rem){.c3xogwj .c5ssykp,.c3xogwj .c493jf5,.c3xogwj .c5tiqa5,.c3xogwj .cxjtvz,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr{grid-template-columns:minmax(0,1fr)}.c3xogwj .c1009zun,.c3xogwj .cby68fu,.c3xogwj .cby68fu:first-child,.c3xogwj .c1yzw9vr:first-child{grid-column:auto;grid-row:auto}.c3xogwj .cgasl67{position:static}.c3xogwj .c1yzw9vr{margin-left:0}.c3xogwj h1{font-size:var(--type-h2)}} @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.jbrjlb,.jbrjlb *,.jbrjlb *::before,.jbrjlb *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.jbrjlb button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.jbrjlb a{color:inherit;text-decoration:inherit}.jbrjlb svg{display:block;vertical-align:middle}.jbrjlb ol,.jbrjlb ul,.jbrjlb menu{list-style:none}.jbrjlb summary{display:block;cursor:pointer;list-style:none}.jbrjlb summary::-webkit-details-marker{display:none}}.jbrjlb .max-w-7xl{max-width:var(--measure-wide)}.jbrjlb .lg\:max-w-7xl{max-width:var(--measure-wide)}.jbrjlb [class*="max-w-"].px-6,.jbrjlb [class*="max-w-"].px-4,.jbrjlb [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.jbrjlb .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.jbrjlb [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.jbrjlb .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.jbrjlb.px-6,.jbrjlb.px-4,.jbrjlb.px-8{padding-inline:0}@media(min-width:64rem){.jbrjlb .lg\:grid-rows-2{grid-template-rows:none}}.jbrjlb > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.jbrjlb{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.jbrjlb .text-indigo-900,.jbrjlb .text-indigo-800,.jbrjlb .text-indigo-700,.jbrjlb .text-indigo-600,.jbrjlb .text-indigo-500,.jbrjlb .text-indigo-400,.jbrjlb .text-indigo-300,.jbrjlb .text-indigo-200,.jbrjlb .text-indigo-100{color:var(--action-text)}.jbrjlb .bg-indigo-600,.jbrjlb .bg-indigo-500{color:var(--action-primary-text)}.jbrjlb .bg-gray-900,.jbrjlb .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.jbrjlb .bg-gray-900 .text-indigo-600,.jbrjlb .bg-gray-900 .text-indigo-500,.jbrjlb .bg-gray-900 .text-indigo-400,.jbrjlb .bg-gray-900 .text-indigo-300,.jbrjlb .bg-gray-800 .text-indigo-600,.jbrjlb .bg-gray-800 .text-indigo-500,.jbrjlb .bg-gray-800 .text-indigo-400,.jbrjlb .bg-gray-800 .text-indigo-300{color:var(--action-text)}.jbrjlb .bg-gray-900 h1,.jbrjlb .bg-gray-900 h2,.jbrjlb .bg-gray-900 h3,.jbrjlb .bg-gray-900 p,.jbrjlb .bg-gray-900 dt,.jbrjlb .bg-gray-900 dd,.jbrjlb .bg-gray-900 li,.jbrjlb .bg-gray-800 h1,.jbrjlb .bg-gray-800 h2,.jbrjlb .bg-gray-800 h3,.jbrjlb .bg-gray-800 p,.jbrjlb .bg-gray-800 dt,.jbrjlb .bg-gray-800 dd,.jbrjlb .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.jbrjlb img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.jbrjlb li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.jbrjlb li[data-xizwdz]::marker{color:var(--text-secondary)}@media(min-width:1024px){.jbrjlb[data-foslarep="B"] .ynghroz>*:first-child,.jbrjlb[data-foslarep="D"] .ynghroz>*:first-child{order:2}.jbrjlb[data-foslarep="B"] .ynghroz>*:nth-child(2),.jbrjlb[data-foslarep="D"] .ynghroz>*:nth-child(2){order:1}}@media(min-width:1024px){.jbrjlb[data-foslarep="C"] .sdxbl,.jbrjlb[data-foslarep="D"] .sdxbl{grid-template-columns:repeat(3,minmax(0,1fr))}.jbrjlb[data-foslarep="C"] .rpiano,.jbrjlb[data-foslarep="D"] .rpiano{grid-template-columns:repeat(2,minmax(0,1fr))}.jbrjlb[data-foslarep="C"] .avkhmlb,.jbrjlb[data-foslarep="D"] .avkhmlb{grid-template-columns:repeat(3,minmax(0,1fr))}} .c1a0ljsr{background:var(--surface-main);padding-block:var(--space-section)} .cqg7p2p{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter); display:grid;gap:var(--space-media)} .c1a0ljsr[data-dsjzup="yes"] .cqg7p2p{grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-items:start} .c1so2cjp{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .c1ijbbw5{margin:.75rem 0 0;max-width:58ch;color:var(--text-secondary)} .c1hi1mc5{list-style:none;margin:0;padding:0;max-width:64ch} .c16ynztf{padding:var(--space-gap) 0 var(--space-gap);border-top:1px solid var(--border-default)} .c16ynztf:last-child{padding-bottom:0} .c12purt1{margin:0;font-size:var(--type-small);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)} .c8mkwgy{margin:.2rem 0 0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c13kmkjc{margin:.35rem 0 0;color:var(--text-secondary)} @media(max-width:52rem){ .c1a0ljsr[data-dsjzup="yes"] .cqg7p2p{grid-template-columns:1fr} } .c1ukdb2h{background:var(--surface-main);padding-block:var(--space-section)} .c142z79r{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .ceuvb9r{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .c1q2smoj{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)} .c18gtgen{margin:var(--space-gap) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-gap)} .c18gtgen:has(.c1rpumc9){gap:var(--space-media)} .c1hxdl5h{border-top:1px solid var(--border-default);padding-top:var(--space-gap); display:grid;gap:var(--space-media);align-items:center} .c1hxdl5h[data-zvzsiv="yes"]{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:var(--space-media)} .c1hxdl5h[data-zvzsiv="no"] .cwy7h0o{max-width:72ch} .cwy7h0o{display:grid;gap:.4rem;align-content:center} .c1hxdl5h[data-wzoeu="right"] .c1rpumc9{order:-1} .c1rpumc9{margin:0} .c1rpumc9 img{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block;border-radius:var(--radius-card)} .c1xvo5s4{margin:0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)} .c1up7fxb{margin:0;color:var(--text-secondary)} .c13mpo0i a{color:var(--action-text);text-decoration:none;font-weight:600; display:inline-flex;align-items:center;min-height:44px} .c13mpo0i a:hover{text-decoration:underline} @media(max-width:52rem){ .c1hxdl5h[data-zvzsiv="yes"]{grid-template-columns:1fr} .c1hxdl5h[data-wzoeu="right"] .c1rpumc9{order:0} } .c1furl0{background:var(--surface-main);padding-block:var(--space-section)} .cdttmm{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)} .cm1jbw4{margin:0 0 .5rem;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)} .c1l5ks5e{margin:0 0 var(--space-media);max-width:60ch;color:var(--text-secondary)} .cuv95zq{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-gap)} .cwt5kxd{border:1px solid var(--border-default);border-radius:var(--radius-card); padding:var(--space-gap);background:var(--surface-main)} .cwt5kxd[data-bhzrwg="now"]{border-left:4px solid var(--brand-primary)} .cwt5kxd[data-bhzrwg="soon"]{border-left:4px solid var(--brand-secondary)} .c166q4d1{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem var(--space-gap); min-height:44px;cursor:default;list-style:none} .cousyo9 > .c166q4d1{cursor:pointer} .c166q4d1::-webkit-details-marker{display:none} .cttqyw7{font-weight:600;color:var(--text-primary)} .c1bv85mq{font-size:var(--type-small);letter-spacing:.06em;text-transform:uppercase; color:var(--text-secondary);margin-left:auto} .codqf24{padding-top:.5rem} .c1ib764{margin:0 0 .35rem;color:var(--text-primary)} .c1uh1qgf{margin:0;color:var(--text-secondary)} .c1vu8wpj{font-weight:600;color:var(--text-primary)} .c13pl889{margin:var(--space-media) 0 0;max-width:70ch;font-size:var(--type-small);color:var(--text-secondary)} @media(min-width:60rem){ .c1furl0[data-jcefuhid="yes"] .cuv95zq,.cuv95zq{grid-template-columns:repeat(2,minmax(0,1fr))} } @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.ukult,.ukult *,.ukult *::before,.ukult *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.ukult button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.ukult a{color:inherit;text-decoration:inherit}.ukult svg{display:block;vertical-align:middle}.ukult ol,.ukult ul,.ukult menu{list-style:none}.ukult summary{display:block;cursor:pointer;list-style:none}.ukult summary::-webkit-details-marker{display:none}}.ukult .max-w-7xl{max-width:var(--measure-wide)}.ukult .lg\:max-w-7xl{max-width:var(--measure-wide)}.ukult [class*="max-w-"].px-6,.ukult [class*="max-w-"].px-4,.ukult [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.ukult .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.ukult [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.ukult .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.ukult.px-6,.ukult.px-4,.ukult.px-8{padding-inline:0}@media(min-width:64rem){.ukult .lg\:grid-rows-2{grid-template-rows:none}}.ukult > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.ukult{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.ukult .text-indigo-900,.ukult .text-indigo-800,.ukult .text-indigo-700,.ukult .text-indigo-600,.ukult .text-indigo-500,.ukult .text-indigo-400,.ukult .text-indigo-300,.ukult .text-indigo-200,.ukult .text-indigo-100{color:var(--action-text)}.ukult .bg-indigo-600,.ukult .bg-indigo-500{color:var(--action-primary-text)}.ukult .bg-gray-900,.ukult .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.ukult .bg-gray-900 .text-indigo-600,.ukult .bg-gray-900 .text-indigo-500,.ukult .bg-gray-900 .text-indigo-400,.ukult .bg-gray-900 .text-indigo-300,.ukult .bg-gray-800 .text-indigo-600,.ukult .bg-gray-800 .text-indigo-500,.ukult .bg-gray-800 .text-indigo-400,.ukult .bg-gray-800 .text-indigo-300{color:var(--action-text)}.ukult .bg-gray-900 h1,.ukult .bg-gray-900 h2,.ukult .bg-gray-900 h3,.ukult .bg-gray-900 p,.ukult .bg-gray-900 dt,.ukult .bg-gray-900 dd,.ukult .bg-gray-900 li,.ukult .bg-gray-800 h1,.ukult .bg-gray-800 h2,.ukult .bg-gray-800 h3,.ukult .bg-gray-800 p,.ukult .bg-gray-800 dt,.ukult .bg-gray-800 dd,.ukult .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.ukult img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.ukult li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.ukult li[data-xizwdz]::marker{color:var(--text-secondary)}@media(min-width:1024px){.ukult[data-foslarep="B"] .ynghroz>*:first-child,.ukult[data-foslarep="D"] .ynghroz>*:first-child{order:2}.ukult[data-foslarep="B"] .ynghroz>*:nth-child(2),.ukult[data-foslarep="D"] .ynghroz>*:nth-child(2){order:1}}@media(min-width:1024px){.ukult[data-foslarep="C"] .sdxbl,.ukult[data-foslarep="D"] .sdxbl{grid-template-columns:repeat(3,minmax(0,1fr))}.ukult[data-foslarep="C"] .rpiano,.ukult[data-foslarep="D"] .rpiano{grid-template-columns:repeat(2,minmax(0,1fr))}.ukult[data-foslarep="C"] .avkhmlb,.ukult[data-foslarep="D"] .avkhmlb{grid-template-columns:repeat(3,minmax(0,1fr))}} @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.kumynml,.kumynml *,.kumynml *::before,.kumynml *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.kumynml button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.kumynml a{color:inherit;text-decoration:inherit}.kumynml svg{display:block;vertical-align:middle}.kumynml ol,.kumynml ul,.kumynml menu{list-style:none}.kumynml summary{display:block;cursor:pointer;list-style:none}.kumynml summary::-webkit-details-marker{display:none}}.kumynml .max-w-7xl{max-width:var(--measure-wide)}.kumynml .lg\:max-w-7xl{max-width:var(--measure-wide)}.kumynml [class*="max-w-"].px-6,.kumynml [class*="max-w-"].px-4,.kumynml [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.kumynml .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.kumynml [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.kumynml .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.kumynml.px-6,.kumynml.px-4,.kumynml.px-8{padding-inline:0}@media(min-width:64rem){.kumynml .lg\:grid-rows-2{grid-template-rows:none}}.kumynml > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.kumynml{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.kumynml .text-indigo-900,.kumynml .text-indigo-800,.kumynml .text-indigo-700,.kumynml .text-indigo-600,.kumynml .text-indigo-500,.kumynml .text-indigo-400,.kumynml .text-indigo-300,.kumynml .text-indigo-200,.kumynml .text-indigo-100{color:var(--action-text)}.kumynml .bg-indigo-600,.kumynml .bg-indigo-500{color:var(--action-primary-text)}.kumynml .bg-gray-900,.kumynml .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.kumynml .bg-gray-900 .text-indigo-600,.kumynml .bg-gray-900 .text-indigo-500,.kumynml .bg-gray-900 .text-indigo-400,.kumynml .bg-gray-900 .text-indigo-300,.kumynml .bg-gray-800 .text-indigo-600,.kumynml .bg-gray-800 .text-indigo-500,.kumynml .bg-gray-800 .text-indigo-400,.kumynml .bg-gray-800 .text-indigo-300{color:var(--action-text)}.kumynml .bg-gray-900 h1,.kumynml .bg-gray-900 h2,.kumynml .bg-gray-900 h3,.kumynml .bg-gray-900 p,.kumynml .bg-gray-900 dt,.kumynml .bg-gray-900 dd,.kumynml .bg-gray-900 li,.kumynml .bg-gray-800 h1,.kumynml .bg-gray-800 h2,.kumynml .bg-gray-800 h3,.kumynml .bg-gray-800 p,.kumynml .bg-gray-800 dt,.kumynml .bg-gray-800 dd,.kumynml .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.kumynml img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.kumynml li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.kumynml li[data-xizwdz]::marker{color:var(--text-secondary)}@media(min-width:1024px){.kumynml[data-foslarep="B"] .ynghroz>*:first-child,.kumynml[data-foslarep="D"] .ynghroz>*:first-child{order:2}.kumynml[data-foslarep="B"] .ynghroz>*:nth-child(2),.kumynml[data-foslarep="D"] .ynghroz>*:nth-child(2){order:1}}@media(min-width:1024px){.kumynml[data-foslarep="C"] .sdxbl,.kumynml[data-foslarep="D"] .sdxbl{grid-template-columns:repeat(3,minmax(0,1fr))}.kumynml[data-foslarep="C"] .rpiano,.kumynml[data-foslarep="D"] .rpiano{grid-template-columns:repeat(2,minmax(0,1fr))}.kumynml[data-foslarep="C"] .avkhmlb,.kumynml[data-foslarep="D"] .avkhmlb{grid-template-columns:repeat(3,minmax(0,1fr))}} @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.osmlpjp,.osmlpjp *,.osmlpjp *::before,.osmlpjp *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.osmlpjp button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.osmlpjp a{color:inherit;text-decoration:inherit}.osmlpjp svg{display:block;vertical-align:middle}.osmlpjp ol,.osmlpjp ul,.osmlpjp menu{list-style:none}.osmlpjp summary{display:block;cursor:pointer;list-style:none}.osmlpjp summary::-webkit-details-marker{display:none}}.osmlpjp .max-w-7xl{max-width:var(--measure-wide)}.osmlpjp .lg\:max-w-7xl{max-width:var(--measure-wide)}.osmlpjp [class*="max-w-"].px-6,.osmlpjp [class*="max-w-"].px-4,.osmlpjp [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.osmlpjp .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.osmlpjp [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.osmlpjp .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.osmlpjp.px-6,.osmlpjp.px-4,.osmlpjp.px-8{padding-inline:0}@media(min-width:64rem){.osmlpjp .lg\:grid-rows-2{grid-template-rows:none}}.osmlpjp > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.osmlpjp{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.osmlpjp .text-indigo-900,.osmlpjp .text-indigo-800,.osmlpjp .text-indigo-700,.osmlpjp .text-indigo-600,.osmlpjp .text-indigo-500,.osmlpjp .text-indigo-400,.osmlpjp .text-indigo-300,.osmlpjp .text-indigo-200,.osmlpjp .text-indigo-100{color:var(--action-text)}.osmlpjp .bg-indigo-600,.osmlpjp .bg-indigo-500{color:var(--action-primary-text)}.osmlpjp .bg-gray-900,.osmlpjp .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.osmlpjp .bg-gray-900 .text-indigo-600,.osmlpjp .bg-gray-900 .text-indigo-500,.osmlpjp .bg-gray-900 .text-indigo-400,.osmlpjp .bg-gray-900 .text-indigo-300,.osmlpjp .bg-gray-800 .text-indigo-600,.osmlpjp .bg-gray-800 .text-indigo-500,.osmlpjp .bg-gray-800 .text-indigo-400,.osmlpjp .bg-gray-800 .text-indigo-300{color:var(--action-text)}.osmlpjp .bg-gray-900 h1,.osmlpjp .bg-gray-900 h2,.osmlpjp .bg-gray-900 h3,.osmlpjp .bg-gray-900 p,.osmlpjp .bg-gray-900 dt,.osmlpjp .bg-gray-900 dd,.osmlpjp .bg-gray-900 li,.osmlpjp .bg-gray-800 h1,.osmlpjp .bg-gray-800 h2,.osmlpjp .bg-gray-800 h3,.osmlpjp .bg-gray-800 p,.osmlpjp .bg-gray-800 dt,.osmlpjp .bg-gray-800 dd,.osmlpjp .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.osmlpjp img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.osmlpjp li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.osmlpjp li[data-xizwdz]::marker{color:var(--text-secondary)}@media(min-width:1024px){.osmlpjp[data-foslarep="B"] .ynghroz>*:first-child,.osmlpjp[data-foslarep="D"] .ynghroz>*:first-child{order:2}.osmlpjp[data-foslarep="B"] .ynghroz>*:nth-child(2),.osmlpjp[data-foslarep="D"] .ynghroz>*:nth-child(2){order:1}}@media(min-width:1024px){.osmlpjp[data-foslarep="C"] .sdxbl,.osmlpjp[data-foslarep="D"] .sdxbl{grid-template-columns:repeat(3,minmax(0,1fr))}.osmlpjp[data-foslarep="C"] .rpiano,.osmlpjp[data-foslarep="D"] .rpiano{grid-template-columns:repeat(2,minmax(0,1fr))}.osmlpjp[data-foslarep="C"] .avkhmlb,.osmlpjp[data-foslarep="D"] .avkhmlb{grid-template-columns:repeat(3,minmax(0,1fr))}} @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.zknqodyl,.zknqodyl *,.zknqodyl *::before,.zknqodyl *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.zknqodyl button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.zknqodyl a{color:inherit;text-decoration:inherit}.zknqodyl svg{display:block;vertical-align:middle}.zknqodyl ol,.zknqodyl ul,.zknqodyl menu{list-style:none}.zknqodyl summary{display:block;cursor:pointer;list-style:none}.zknqodyl summary::-webkit-details-marker{display:none}}.zknqodyl .max-w-7xl{max-width:var(--measure-wide)}.zknqodyl .lg\:max-w-7xl{max-width:var(--measure-wide)}.zknqodyl [class*="max-w-"].px-6,.zknqodyl [class*="max-w-"].px-4,.zknqodyl [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.zknqodyl .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.zknqodyl [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.zknqodyl .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.zknqodyl.px-6,.zknqodyl.px-4,.zknqodyl.px-8{padding-inline:0}@media(min-width:64rem){.zknqodyl .lg\:grid-rows-2{grid-template-rows:none}}.zknqodyl > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.zknqodyl{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.zknqodyl .text-indigo-900,.zknqodyl .text-indigo-800,.zknqodyl .text-indigo-700,.zknqodyl .text-indigo-600,.zknqodyl .text-indigo-500,.zknqodyl .text-indigo-400,.zknqodyl .text-indigo-300,.zknqodyl .text-indigo-200,.zknqodyl .text-indigo-100{color:var(--action-text)}.zknqodyl .bg-indigo-600,.zknqodyl .bg-indigo-500{color:var(--action-primary-text)}.zknqodyl .bg-gray-900,.zknqodyl .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.zknqodyl .bg-gray-900 .text-indigo-600,.zknqodyl .bg-gray-900 .text-indigo-500,.zknqodyl .bg-gray-900 .text-indigo-400,.zknqodyl .bg-gray-900 .text-indigo-300,.zknqodyl .bg-gray-800 .text-indigo-600,.zknqodyl .bg-gray-800 .text-indigo-500,.zknqodyl .bg-gray-800 .text-indigo-400,.zknqodyl .bg-gray-800 .text-indigo-300{color:var(--action-text)}.zknqodyl .bg-gray-900 h1,.zknqodyl .bg-gray-900 h2,.zknqodyl .bg-gray-900 h3,.zknqodyl .bg-gray-900 p,.zknqodyl .bg-gray-900 dt,.zknqodyl .bg-gray-900 dd,.zknqodyl .bg-gray-900 li,.zknqodyl .bg-gray-800 h1,.zknqodyl .bg-gray-800 h2,.zknqodyl .bg-gray-800 h3,.zknqodyl .bg-gray-800 p,.zknqodyl .bg-gray-800 dt,.zknqodyl .bg-gray-800 dd,.zknqodyl .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.zknqodyl img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.zknqodyl li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.zknqodyl li[data-xizwdz]::marker{color:var(--text-secondary)}@media(min-width:1024px){.zknqodyl[data-foslarep="B"] .ynghroz>*:first-child,.zknqodyl[data-foslarep="D"] .ynghroz>*:first-child{order:2}.zknqodyl[data-foslarep="B"] .ynghroz>*:nth-child(2),.zknqodyl[data-foslarep="D"] .ynghroz>*:nth-child(2){order:1}}@media(min-width:1024px){.zknqodyl[data-foslarep="C"] .sdxbl,.zknqodyl[data-foslarep="D"] .sdxbl{grid-template-columns:repeat(3,minmax(0,1fr))}.zknqodyl[data-foslarep="C"] .rpiano,.zknqodyl[data-foslarep="D"] .rpiano{grid-template-columns:repeat(2,minmax(0,1fr))}.zknqodyl[data-foslarep="C"] .avkhmlb,.zknqodyl[data-foslarep="D"] .avkhmlb{grid-template-columns:repeat(3,minmax(0,1fr))}} @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --aspect-video: 16 / 9; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .pointer-events-none { pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .inset-0 { inset: 0px; } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20); } .inset-x-0 { inset-inline: 0px; } .inset-y-0 { inset-block: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-16 { top: calc(var(--spacing) * 16); } .right-0 { right: 0px; } .right-1\/2 { right: calc(1 / 2 * 100%); } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-2\.5 { margin: calc(var(--spacing) * -2.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-6 { margin-block: calc(var(--spacing) * -6); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .-mr-96 { margin-right: calc(var(--spacing) * -96); } .mb-\[-12\%\] { margin-bottom: -12%; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-flex { display: inline-flex; } .aspect-3\/2 { aspect-ratio: 3/2; } .aspect-6\/5 { aspect-ratio: 6/5; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-256 { width: calc(var(--spacing) * 256); height: calc(var(--spacing) * 256); } .size-full { width: 100%; height: 100%; } .h-24 { height: calc(var(--spacing) * 24); } .h-80 { height: calc(var(--spacing) * 80); } .h-full { height: 100%; } .w-3xl { width: var(--container-3xl); } .w-228 { width: calc(var(--spacing) * 228); } .w-304 { width: calc(var(--spacing) * 304); } .w-\[200\%\] { width: 200%; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .flex-auto { flex: auto; } .flex-none { flex: none; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .skew-x-\[-30deg\] { --tw-skew-x: skewX(-30deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-8 { gap: calc(var(--spacing) * 8); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-500\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } :where(.divide-gray-900\/10 > :not(:last-child)) { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[calc\(var\(--radius-lg\)\+1px\)\] { border-radius: calc(var(--radius-lg) + 1px); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-gray-200 { border-color: var(--color-gray-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/5 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .from-indigo-100\/20 { --tw-gradient-from: color-mix(in srgb, oklch(93% 0.034 272.788) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .mask-\[radial-gradient\(closest-side\,white\,transparent\)\] { mask-image: radial-gradient(closest-side,white,transparent); } .object-cover { object-fit: cover; } .object-left { object-position: left; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-6 { padding: calc(var(--spacing) * 6); } .p-10 { padding: calc(var(--spacing) * 10); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: var(--spacing); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-32 { padding-block: calc(var(--spacing) * 32); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[7\%\] { padding-top: 7%; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\/4 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 4); } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .text-sm\/7 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 7); } .text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .whitespace-nowrap { white-space: nowrap; } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-gray-950 { color: var(--color-gray-950); } .text-indigo-600 { color: var(--color-indigo-600); } .text-white { color: var(--color-white); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-gray-400\/10 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .ring-indigo-50 { --tw-ring-color: var(--color-indigo-50); } .ring-white\/10 { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-black\/5 { outline-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-inset { --tw-ring-inset: inset; } .first\:pt-0:first-child { padding-top: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:text-gray-100:hover { color: var(--color-gray-100); } .hover\:text-gray-600:hover { color: var(--color-gray-600); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-indigo-600:hover { color: var(--color-indigo-600); } .hover\:opacity-80:hover { opacity: 80%; } .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-gray-900\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .focus-visible\:outline-white:focus-visible { outline-color: var(--color-white); } @media (width < 64rem) { .max-lg\:rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl); } .max-lg\:rounded-t-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); border-top-right-radius: calc(2rem + 1px); } } @media (width >= 40rem) { .sm\:left-full { left: 100%; } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20); } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32); } .sm\:-mr-80 { margin-right: calc(var(--spacing) * -80); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:-ml-80 { margin-left: calc(var(--spacing) * -80); } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:w-228 { width: calc(var(--spacing) * 228); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:justify-center { justify-content: center; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: 0; margin-block-end: 0; } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .sm\:gap-y-20 { row-gap: calc(var(--spacing) * 20); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:py-32 { padding-block: calc(var(--spacing) * 32); } .sm\:py-40 { padding-block: calc(var(--spacing) * 40); } .sm\:py-48 { padding-block: calc(var(--spacing) * 48); } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32); } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32); } .sm\:text-center { text-align: center; } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-xl\/8 { font-size: var(--text-xl); line-height: calc(var(--spacing) * 8); } .sm\:text-balance { text-wrap: balance; } .sm\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); } @supports (color: color-mix(in lab, red, red)) { .sm\:ring-gray-900\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } } @media (width >= 48rem) { .md\:mt-0 { margin-top: 0px; } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4); } .md\:grid { display: grid; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } .lg\:inset-0 { inset: 0px; } .lg\:left-1\/2 { left: calc(1 / 2 * 100%); } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-m-4 { margin: calc(var(--spacing) * -4); } .lg\:mx-0 { margin-inline: 0px; } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28); } .lg\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .lg\:-mr-96 { margin-right: calc(var(--spacing) * -96); } .lg\:mr-0 { margin-right: 0px; } .lg\:-ml-8 { margin-left: calc(var(--spacing) * -8); } .lg\:ml-0 { margin-left: 0px; } .lg\:ml-8 { margin-left: calc(var(--spacing) * 8); } .lg\:contents { display: contents; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-full { width: 100%; } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-7xl { max-width: var(--container-7xl); } .lg\:max-w-lg { max-width: var(--container-lg); } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:flex-none { flex: none; } .lg\:shrink { flex-shrink: 1; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:grow { flex-grow: 1; } .lg\:grow-0 { flex-grow: 0; } .lg\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20); } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .lg\:gap-y-16 { row-gap: calc(var(--spacing) * 16); } .lg\:rounded-2xl { border-radius: var(--radius-2xl); } .lg\:rounded-tl-4xl { border-top-left-radius: var(--radius-4xl); } .lg\:rounded-tl-\[calc\(2rem\+1px\)\] { border-top-left-radius: calc(2rem + 1px); } .lg\:rounded-tr-4xl { border-top-right-radius: var(--radius-4xl); } .lg\:rounded-tr-\[calc\(2rem\+1px\)\] { border-top-right-radius: calc(2rem + 1px); } .lg\:rounded-bl-4xl { border-bottom-left-radius: var(--radius-4xl); } .lg\:rounded-bl-\[calc\(2rem\+1px\)\] { border-bottom-left-radius: calc(2rem + 1px); } .lg\:object-right { object-position: right; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:px-0 { padding-inline: 0px; } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24); } .lg\:py-32 { padding-block: calc(var(--spacing) * 32); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:py-56 { padding-block: calc(var(--spacing) * 56); } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .lg\:pb-48 { padding-bottom: calc(var(--spacing) * 48); } .lg\:text-center { text-align: center; } .lg\:text-left { text-align: left; } .lg\:text-balance { text-wrap: balance; } } @media (width >= 80rem) { .xl\:absolute { position: absolute; } .xl\:inset-0 { inset: 0px; } .xl\:inset-y-0 { inset-block: 0px; } .xl\:right-1\/2 { right: calc(1 / 2 * 100%); } .xl\:left-1\/2 { left: calc(1 / 2 * 100%); } .xl\:col-auto { grid-column: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-end-1 { grid-column-end: 1; } .xl\:row-span-2 { grid-row: span 2 / span 2; } .xl\:row-start-1 { grid-row-start: 1; } .xl\:row-end-2 { grid-row-end: 2; } .xl\:mt-0 { margin-top: 0px; } .xl\:mt-36 { margin-top: calc(var(--spacing) * 36); } .xl\:mr-0 { margin-right: 0px; } .xl\:ml-0 { margin-left: 0px; } .xl\:grid { display: grid; } .xl\:w-1\/2 { width: calc(1 / 2 * 100%); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-8 { gap: calc(var(--spacing) * 8); } .xl\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; } } } @layer base{.nyqwkdmz,.nyqwkdmz *,.nyqwkdmz *::before,.nyqwkdmz *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}.nyqwkdmz button{font:inherit;letter-spacing:inherit;color:inherit;background-color:transparent;border-radius:0;appearance:button;cursor:pointer}.nyqwkdmz a{color:inherit;text-decoration:inherit}.nyqwkdmz svg{display:block;vertical-align:middle}.nyqwkdmz ol,.nyqwkdmz ul,.nyqwkdmz menu{list-style:none}.nyqwkdmz summary{display:block;cursor:pointer;list-style:none}.nyqwkdmz summary::-webkit-details-marker{display:none}}.nyqwkdmz .max-w-7xl{max-width:var(--measure-wide)}.nyqwkdmz .lg\:max-w-7xl{max-width:var(--measure-wide)}.nyqwkdmz [class*="max-w-"].px-6,.nyqwkdmz [class*="max-w-"].px-4,.nyqwkdmz [class*="max-w-"].px-8{padding-inline:var(--space-gutter)}.nyqwkdmz .max-w-7xl [class*="max-w-"].mx-auto:not([class*="text-center"]):not([class*="text-center"] *){margin-inline-start:0}@media(min-width:64rem){.nyqwkdmz [class*="max-w-"].lg\:px-8{padding-inline:var(--space-gutter)}}@media(max-width:63.99rem){.nyqwkdmz .max-w-7xl [class*="max-w-"].mx-auto.lg\:text-center{margin-inline-start:0}}.nyqwkdmz.px-6,.nyqwkdmz.px-4,.nyqwkdmz.px-8{padding-inline:0}@media(min-width:64rem){.nyqwkdmz .lg\:grid-rows-2{grid-template-rows:none}}.nyqwkdmz > [class*="max-w-"].mx-auto:not([class*="max-w-7xl"]):not([class*="text-center"]){margin-inline-start:max(var(--space-gutter),calc((100% - var(--measure-wide)) / 2 + var(--space-gutter)));margin-inline-end:var(--space-gutter)}@layer base{.nyqwkdmz{--color-white:var(--surface-main);--color-gray-50:var(--surface-muted);--color-gray-100:var(--surface-muted);--color-gray-900:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-700:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-indigo-600:var(--action-primary);--color-indigo-500:var(--action-hover);--color-indigo-400:var(--action-hover);--color-indigo-700:var(--action-primary);--color-indigo-800:var(--action-primary);--color-indigo-900:var(--action-primary);--color-indigo-50:var(--surface-muted);--color-indigo-100:var(--surface-muted);--color-indigo-200:var(--surface-muted);--text-sm:var(--type-small);--text-base:var(--type-body);--text-lg:var(--type-lead);--text-xl:var(--type-lead);--font-sans:var(--font-body);--default-font-family:var(--font-body)}}.nyqwkdmz .text-indigo-900,.nyqwkdmz .text-indigo-800,.nyqwkdmz .text-indigo-700,.nyqwkdmz .text-indigo-600,.nyqwkdmz .text-indigo-500,.nyqwkdmz .text-indigo-400,.nyqwkdmz .text-indigo-300,.nyqwkdmz .text-indigo-200,.nyqwkdmz .text-indigo-100{color:var(--action-text)}.nyqwkdmz .bg-indigo-600,.nyqwkdmz .bg-indigo-500{color:var(--action-primary-text)}.nyqwkdmz .bg-gray-900,.nyqwkdmz .bg-gray-800{background-color:var(--surface-muted);--color-white:var(--text-primary);--color-gray-900:var(--surface-main);--color-gray-800:var(--surface-main);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-secondary);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-secondary)}.nyqwkdmz .bg-gray-900 .text-indigo-600,.nyqwkdmz .bg-gray-900 .text-indigo-500,.nyqwkdmz .bg-gray-900 .text-indigo-400,.nyqwkdmz .bg-gray-900 .text-indigo-300,.nyqwkdmz .bg-gray-800 .text-indigo-600,.nyqwkdmz .bg-gray-800 .text-indigo-500,.nyqwkdmz .bg-gray-800 .text-indigo-400,.nyqwkdmz .bg-gray-800 .text-indigo-300{color:var(--action-text)}.nyqwkdmz .bg-gray-900 h1,.nyqwkdmz .bg-gray-900 h2,.nyqwkdmz .bg-gray-900 h3,.nyqwkdmz .bg-gray-900 p,.nyqwkdmz .bg-gray-900 dt,.nyqwkdmz .bg-gray-900 dd,.nyqwkdmz .bg-gray-900 li,.nyqwkdmz .bg-gray-800 h1,.nyqwkdmz .bg-gray-800 h2,.nyqwkdmz .bg-gray-800 h3,.nyqwkdmz .bg-gray-800 p,.nyqwkdmz .bg-gray-800 dt,.nyqwkdmz .bg-gray-800 dd,.nyqwkdmz .bg-gray-800 li{color:var(--text-primary)}@media(max-width:767px){.nyqwkdmz img{aspect-ratio:3/2;height:auto;max-height:none;object-fit:cover}}.nyqwkdmz li[data-xizwdz]{display:list-item;list-style:disc outside;margin-left:1.25rem}.nyqwkdmz li[data-xizwdz]::marker{color:var(--text-secondary)}@media(min-width:1024px){.nyqwkdmz[data-foslarep="B"] .ynghroz>*:first-child,.nyqwkdmz[data-foslarep="D"] .ynghroz>*:first-child{order:2}.nyqwkdmz[data-foslarep="B"] .ynghroz>*:nth-child(2),.nyqwkdmz[data-foslarep="D"] .ynghroz>*:nth-child(2){order:1}}@media(min-width:1024px){.nyqwkdmz[data-foslarep="C"] .sdxbl,.nyqwkdmz[data-foslarep="D"] .sdxbl{grid-template-columns:repeat(3,minmax(0,1fr))}.nyqwkdmz[data-foslarep="C"] .rpiano,.nyqwkdmz[data-foslarep="D"] .rpiano{grid-template-columns:repeat(2,minmax(0,1fr))}.nyqwkdmz[data-foslarep="C"] .avkhmlb,.nyqwkdmz[data-foslarep="D"] .avkhmlb{grid-template-columns:repeat(3,minmax(0,1fr))}}