html:has(.pm-opening-loader),body:has(.pm-opening-loader){background:#303030;margin:0}#publication-root:has(.pm-opening-loader){min-height:100vh;min-height:100dvh}.pm-opening-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100vh;min-height:100dvh;width:100%;background:#303030;color:#a3a3a3;font:400 14px/1.4 var(--font-assistant),sans-serif;text-align:center;margin:0;padding:24px;box-sizing:border-box}.pm-opening-loader>p{margin:0}.pm-opening-spinner{width:32px;height:32px;color:#fff;animation:pm-opening-spin .7s linear infinite}@keyframes pm-opening-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pm-opening-spinner{animation:none}}.pm-reader{--pm-bg:#303030;--pm-ink:#f4f4f4;position:relative;isolation:isolate;display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:280px;width:100%;overflow:hidden;background:var(--pm-bg);color:var(--pm-ink);font-family:var(--font-assistant),sans-serif;color-scheme:dark}.pm-reader *{box-sizing:border-box}.pm-reader [hidden]{display:none!important}.pm-reader button,.pm-reader input,.pm-reader a{-webkit-tap-highlight-color:transparent}.pm-reader button:focus-visible,.pm-reader a:focus-visible,.pm-reader input:focus-visible,.pm-reader summary:focus-visible,.pm-reading-area:focus-visible{outline:3px solid var(--public-colour-inverse-text,#fff);outline-offset:-6px;box-shadow:inset 0 0 0 3px var(--public-colour-inverse-surface,#0b1427)}.pm-heading{position:absolute;inset:8px 8px auto;z-index:var(--z-chrome);height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#c8c8c8}.pm-identity{display:flex;align-items:center;gap:10px;min-width:0}.pm-heading h1{font:600 13px/1.3 var(--font-assistant),sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;max-width:55vw}.pm-school{font-size:12px;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-logo{width:23px;height:25px;-o-object-fit:contain;object-fit:contain;flex:none}.pm-stage{position:relative;display:flex;flex:1;min-height:0;margin:12px}.pm-reading-area{width:100%;height:100%;min-width:0;min-height:0;position:relative;overflow:hidden}.pm-reader .pm-turn{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:64px;border:0;border-radius:6px;background:transparent;color:#f4f4f4;cursor:pointer;z-index:var(--z-raised)}.pm-turn svg{width:36px;height:36px;stroke-width:2.5}.pm-turn-previous{left:0}.pm-turn-next{right:0}.pm-reader button:disabled{opacity:.28;cursor:default}.pm-toolbar{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));max-width:calc(100% - 32px);padding:5px 8px;background:#202020;border:1px solid #8a8a8a;border-radius:10px;color:#eee;box-shadow:0 4px 16px #0003;z-index:var(--z-chrome)}.pm-progress{display:block;width:100%;height:14px;margin:0;cursor:pointer;accent-color:#fff}.pm-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.pm-page-count{flex:none;border:0;background:none;color:#f4f4f4;font-size:16px;font-weight:700;padding:8px;white-space:nowrap;border-radius:4px;min-width:44px;min-height:40px;cursor:pointer;font-variant-numeric:tabular-nums}.pm-page-count span{font-weight:400;color:#bbb}.pm-tools-centre,.pm-tools-end,.pm-zoom{display:flex;align-items:center;gap:4px}.pm-tools-centre{padding-left:8px;border-left:1px solid #8a8a8a}.pm-reader .pm-tool{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:5px;background:transparent;color:inherit;cursor:pointer;text-decoration:none}.pm-reader .pm-tool[aria-expanded=true],.pm-reader .pm-options [aria-pressed=true]{background:#454545;color:#fff}.pm-zoom input{width:80px;height:20px;accent-color:#eee;cursor:pointer}.pm-zoom-reset{border:0;background:transparent;border-radius:4px;color:#bbb;min-width:46px;font-size:12px;cursor:pointer;padding:8px 4px}.pm-panel{position:absolute;bottom:104px;right:16px;width:340px;max-width:calc(100% - 40px);max-height:calc(100% - 120px);overflow:auto;background:#242424;color:#f1f1f1;border:1px solid #8a8a8a;border-radius:10px;padding:16px;box-shadow:0 10px 36px #0005;z-index:var(--z-floating);--background:0 0% 14%;--foreground:0 0% 95%;--muted:0 0% 24%;--muted-foreground:0 0% 84%;--border:0 0% 54%;--input:0 0% 54%;--primary:210 100% 85%;--primary-foreground:0 0% 12%}.pm-panel-heading{display:flex;align-items:center;justify-content:space-between;margin:-6px -4px 10px 0;gap:12px}.pm-panel-heading h2{font-size:16px;font-weight:600;margin:0}.pm-panel p{font-size:14px;line-height:1.45}.pm-panel button:not(.pm-tool){font-size:14px;min-height:38px}.pm-panel details{border:0;padding:0}.pm-panel summary{cursor:pointer;font-size:14px}.pm-panel .pm-options{display:flex;flex-direction:column;gap:14px}.pm-options>button,.pm-segment>button{background:#303030!important;color:#eee!important;border-color:#8a8a8a!important}.pm-segment{display:flex;gap:8px}.pm-segment>button{flex:1}.pm-statistics{display:grid;gap:10px;padding-top:12px}.pm-statistics label{font-size:14px;line-height:1.5}.pm-statistics input{accent-color:#fff}.pm-page-form{display:flex;align-items:center;gap:8px}.pm-page-form input{width:75px}.pm-page-form span{white-space:nowrap}.pm-text{height:100%;max-width:760px;margin:0 auto;overflow:auto;padding:32px;background:#faf9f6;color:#222;border-radius:2px}.pm-text h2{font-size:20px;font-weight:600;margin-bottom:20px}.pm-text p{white-space:pre-wrap;line-height:1.8;font-size:18px}.pm-error{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:20px;text-align:center}.pm-notice{position:absolute;bottom:94px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);display:flex;align-items:center;gap:14px;border:1px solid #8a8a8a;border-radius:8px;background:#202020;padding:6px 8px 6px 16px;z-index:var(--z-toast);font-size:14px;overflow-wrap:anywhere}@media (hover:hover){.pm-reader .pm-tool:hover,.pm-reader .pm-turn:hover,.pm-controls-trigger:hover,.pm-more-actions>button:hover,.pm-more-actions>a:hover,.pm-page-count:hover,.pm-zoom-reset:hover{background:#ffffff14}.pm-reader button:disabled:hover{background:transparent}}@media (max-width:700px){.pm-heading{padding:0 4px}.pm-heading h1{max-width:70vw;font-size:12px}.pm-school{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pm-logo{width:18px;height:20px}.pm-stage{margin:8px}.pm-reader .pm-turn{width:44px;height:56px}.pm-turn svg{width:26px;height:26px}.pm-toolbar{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100% - 16px);padding:3px 4px}.pm-toolbar-row{flex-wrap:wrap;gap:0;min-height:44px}.pm-reader .pm-tool{width:44px;height:44px}.pm-tools-centre,.pm-tools-end,.pm-zoom{gap:0}.pm-tools-centre{padding-left:0}.pm-page-count{min-width:44px;min-height:44px;font-size:13px;padding:4px 6px}.pm-progress{height:44px}.pm-zoom input,.pm-zoom-reset{display:none!important}.pm-panel{right:8px;bottom:112px;max-width:calc(100% - 16px);max-height:calc(100% - 128px)}.pm-notice{bottom:112px}.pm-panel button:not(.pm-tool),.pm-view-switch label,.pm-panel .pm-panel-back,.pm-reader .pm-mobile-fit{min-height:44px}.pm-text{padding:20px}.pm-text p{font-size:16px}}@media (max-width:420px){.pm-panel{bottom:160px;max-height:calc(100% - 256px)}.pm-notice,.pm-reader[data-controls-open=true] .pm-mobile-fit{bottom:160px}}@media (max-width:380px){.pm-page-tools{gap:0}}.pm-mobile-download{display:none}@media (max-width:700px){.pm-mobile-download{display:block;text-decoration:underline;padding:8px 0}}html:has(.pm-reader){scrollbar-gutter:auto;background:#303030}body:has(.pm-reader){overflow:hidden}.pm-panel-notice{overflow-wrap:anywhere;margin-bottom:12px;color:#d3e4f3}.pm-reader input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent}.pm-reader input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#8a8a8a}.pm-reader input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border-radius:50%;background:#fff;border:0}.pm-reader input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:#8a8a8a}.pm-reader input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:0}@media (pointer:coarse){.pm-reader input[type=range]::-webkit-slider-thumb{width:15px;height:15px;margin-top:-6px}.pm-reader input[type=range]::-moz-range-thumb{width:15px;height:15px}}.pm-mobile-fit{display:none}@media (max-width:700px){.pm-reader .pm-mobile-fit{display:block;position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:var(--z-raised);min-height:44px;border:1px solid #8a8a8a;border-radius:18px;background:#202020ed;color:#fff;padding:8px 16px;font-size:14px;cursor:pointer}}.pm-flipbook:focus-visible{outline:3px solid var(--public-colour-inverse-text,#fff);outline-offset:-6px;box-shadow:inset 0 0 0 3px var(--public-colour-inverse-surface,#0b1427)}.pm-reader .pm-view-switch{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin:0;padding:4px;border:1px solid #8a8a8a;border-radius:8px;background:#1b1b1b}.pm-view-switch:before{content:"";position:absolute;inset:4px auto 4px 4px;width:calc(50% - 4px);border-radius:5px;background:#505050;transition:transform .18s ease-out;pointer-events:none}.pm-view-switch[data-selected=second]:before{transform:translate(100%)}.pm-view-switch label{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:6px 8px;border-radius:5px;color:#bbb;font-size:14px;font-weight:400;text-align:center;cursor:pointer}.pm-view-switch label:has(input:checked){color:#fff;font-weight:700}.pm-view-switch label:has(input:focus-visible){outline:3px solid var(--public-colour-inverse-text,#fff);outline-offset:1px;box-shadow:0 0 0 2px var(--public-colour-inverse-surface,#0b1427)}@media (prefers-reduced-motion:reduce){.pm-view-switch:before{transition:none}}.pm-view-switch .pm-view-switch-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.pm-view-switch label span{pointer-events:none}.pm-page-tools{display:flex;align-items:center;gap:6px;flex:none}.pm-reader .pm-brand{--pm-brand-logo-width:88px;--pm-brand-logo-height:calc(var(--pm-brand-logo-width)*14.05484/101);display:flex;align-items:center;justify-content:center;flex:none;min-height:44px;width:100%;padding:10px 8px;border:1px solid #8a8a8a;border-radius:6px;background:#202020;color:var(--pm-ink);opacity:.8;text-decoration:none;transition:opacity .12s ease-out}.pm-brand-lockup{display:inline-block;height:var(--pm-brand-logo-height);font-size:0;line-height:0;white-space:nowrap}.pm-brand-support{margin-right:6px;font:400 13px/0 var(--font-assistant),sans-serif}.pm-brand svg{display:inline-block;width:var(--pm-brand-logo-width);height:var(--pm-brand-logo-height);vertical-align:calc(var(--pm-brand-logo-width)*-.2369/101)}.pm-reader .pm-brand:hover,.pm-reader .pm-brand:focus-visible{opacity:1}@media (max-width:700px){.pm-page-tools{gap:4px}}@media (prefers-reduced-motion:reduce){.pm-reader .pm-brand{transition:none}}.pm-book-overlays a,.pm-book-overlays button{pointer-events:auto}.pm-book-overlays [data-publication-page-loading]{background:transparent;animation:pm-page-loader-delay 1ms linear .24s both}@media (prefers-reduced-motion:reduce){.pm-book-overlays [data-publication-page-loading]{animation:none}}.pm-flipbook[data-turning=true] [data-publication-page-loading]{visibility:hidden}@keyframes pm-page-loader-delay{0%{opacity:0}to{opacity:1}}.pm-chrome{opacity:1;visibility:visible;transition:opacity .16s ease-out,visibility .16s}.pm-reader[data-controls-open=false] .pm-chrome{opacity:0;visibility:hidden;pointer-events:none}.pm-controls-trigger{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:var(--z-chrome);display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid #8a8a8a;border-radius:10px;background:#202020;color:#eee;font-size:14px;cursor:pointer}.pm-reader .pm-turn{opacity:0;transition:opacity .16s ease-out;background:#202020cc}.pm-reader[data-controls-open=true] .pm-turn,.pm-reader .pm-turn:focus-visible{opacity:1}.pm-reader .pm-turn:disabled{opacity:0;pointer-events:none}@media (hover:hover) and (pointer:fine){.pm-reader .pm-turn:hover{opacity:1}}.pm-more-actions{display:flex;flex-direction:column;gap:4px}.pm-more-actions>button,.pm-more-actions>a:not(.pm-brand){display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;text-decoration:none}.pm-more-actions .pm-brand{margin-top:8px}@media (max-width:700px){.pm-controls-trigger{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.pm-chrome,.pm-chrome *,.pm-reader .pm-turn{transition-property:none}}.pm-heading{transition:opacity .16s ease-out}.pm-reader[data-controls-open=false] .pm-heading{opacity:0;pointer-events:none}@media (hover:none),(pointer:coarse){.pm-reader[data-controls-open=false] .pm-turn{pointer-events:none}}@media (prefers-reduced-motion:reduce){.pm-heading{transition-property:none}}.pm-panel-heading h2{flex:1;min-width:0}.pm-panel .pm-panel-back{display:inline-flex;align-items:center;gap:2px;flex:none;min-height:40px;padding:4px 6px 4px 0;border:0;border-radius:5px;background:transparent;color:#ccc;font:400 14px/1.4 var(--font-assistant),sans-serif;cursor:pointer}.pm-panel .pm-more-actions>button,.pm-panel .pm-more-actions>a:not(.pm-brand),.pm-panel .pm-mobile-download{font:400 14px/1.4 var(--font-assistant),sans-serif;min-height:44px}.pm-panel-content{overflow:hidden;margin:-4px;padding:4px}@media (hover:hover){.pm-panel .pm-panel-back:hover{color:#fff;background:#ffffff14}}.pm-reader[data-edge-hover=left] .pm-turn-previous:not(:disabled),.pm-reader[data-edge-hover=right] .pm-turn-next:not(:disabled){opacity:1;pointer-events:auto}html:has(.pm-reader[data-transparent-background=true]),body:has(.pm-reader[data-transparent-background=true]){background:transparent}.pm-reader[data-transparent-background=true]{--pm-bg:transparent;background:transparent}.pm-reader:is([data-transparent-background=true],[data-custom-background=true]) .pm-identity{padding:6px 10px;border:1px solid #8a8a8a;border-radius:8px;background:#202020}.pm-reader:is([data-transparent-background=true],[data-custom-background=true]) .pm-heading>.pm-tool{background:#202020}.pm-reader:is([data-transparent-background=true],[data-custom-background=true]) .pm-controls-trigger,.pm-reader:is([data-transparent-background=true],[data-custom-background=true]) .pm-turn{background:#202020}@media (hover:hover){.pm-reader .pm-controls-trigger:hover{background:#323232}}.pm-contact-gate{background:#303030;color:#f4f4f4}@media (max-width:700px){.pm-reader[data-controls-open=true] .pm-mobile-fit{bottom:112px}}[data-public-theme-scope=production] .pm-reader :is(a,button,input,select,textarea,summary):focus-visible,.pm-reader :is(.pm-reading-area,.pm-flipbook):focus-visible{outline:3px solid var(--public-colour-inverse-text,#fff);outline-offset:-6px;box-shadow:inset 0 0 0 3px var(--public-colour-inverse-surface,#0b1427)}[data-public-theme-scope=production] .pm-reader .pm-view-switch label:has(input:focus-visible){outline:3px solid var(--public-colour-inverse-text,#fff);outline-offset:1px;box-shadow:0 0 0 2px var(--public-colour-inverse-surface,#0b1427)}[data-public-theme-scope=production] .pm-reader .pm-panel [data-slot=button][data-variant=ghost],[data-public-theme-scope=production] .pm-reader .pm-panel [data-slot=button][data-variant=ghost]:hover,[data-public-theme-scope=production] .pm-reader .pm-panel [data-slot=button][data-variant=ghost]:active{background:transparent;color:var(--public-colour-inverse-text,#fff);box-shadow:none}[data-public-theme-scope=production] .pm-reader .pm-panel [data-slot=button][data-variant=ghost]:hover{background:color-mix(in srgb,var(--public-colour-inverse-text,#fff) 10%,transparent)}[data-public-theme-scope=production] .pm-reader .pm-panel .text-muted-foreground{color:color-mix(in srgb,var(--public-colour-inverse-text,#fff) 82%,#242424)}@media (max-width:420px){.pm-reader[data-controls-open=true] .pm-mobile-fit{bottom:160px}}@font-face{font-family:Assistant;font-style:normal;font-display:swap;font-weight:400;src:url("./assistant-latin-400-normal-252SOBRZ.woff2") format("woff2"),url("./assistant-latin-400-normal-NDH3YT7S.woff") format("woff")}@font-face{font-family:Assistant;font-style:normal;font-display:swap;font-weight:700;src:url("./assistant-latin-700-normal-O36ZDNJY.woff2") format("woff2"),url("./assistant-latin-700-normal-JTQSGAU3.woff") format("woff")} /** * Global CSS Configuration */ *, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } :root { --background: 0 0% 98%; /* #FAFAFA */ --foreground: 215 97% 12%; /* #01193E */ --primary: 222.2 47.4% 11.2%; /* #111827 */ --primary-foreground: 210 40% 98%; /* #FAFAFA */ --card: 0 0% 100%; --card-foreground: 240 10% 3.9%; --popover: 0 0% 100%; --popover-foreground: 240 10% 3.9%; --secondary: 240 4.8% 95.9%; --secondary-foreground: 240 5.9% 10%; --muted: 240 4.8% 95.9%; --muted-foreground: 240 3.8% 46.1%; --accent: 240 4.8% 95.9%; --accent-foreground: 240 5.9% 10%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; /* Same hue as --destructive, darkened for text. #bc1010 is 6.52:1 on white. */ --destructive-text: 0 84.2% 40%; --border: 226 32% 91%; --input: 226 32% 91%; --ring: 240 10% 3.9%; --radius: 0.5rem; --chart-1: 12 76% 61%; --chart-2: 173 58% 39%; --chart-3: 197 37% 24%; --chart-4: 43 74% 66%; --chart-5: 27 87% 67%; --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 240 5.9% 10%; --sidebar-primary-foreground: 0 0% 98%; --sidebar-accent: 240 4.8% 95.9%; --sidebar-accent-foreground: 240 5.9% 10%; --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%; --z-local: 0; --z-raised: 10; --z-sticky: 20; --z-chrome: 30; --z-rail: 40; --z-floating: 50; --z-navigation: 55; --z-backdrop: 60; --z-modal: 70; --z-transient: 80; --z-toast: 90; --z-a11y: 100; } /* Global font settings */ html { font-family: var(--font-assistant), sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; --viewport-scrollbar-width: calc(100vw - 100%); scrollbar-gutter: stable; min-height: 100%; } /* Heading styles */ h1, h2, h3, h4 { font-family: 'proxima-nova', sans-serif; font-weight: 700; font-style: normal; } /* Body text */ body{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(1 25 62 / var(--tw-text-opacity, 1)); font-family: var(--font-assistant), sans-serif; font-weight: 400; font-style: normal; min-height: 100vh} /* Add italic styles when needed */ .italic { font-style: italic; } /* Add bold text utility */ .font-bold { font-weight: 700; } /* Optional: Add a utility class for Proxima Nova if needed */ .font-heading { font-family: 'proxima-nova', sans-serif; font-weight: 700; font-style: normal; } .dark { --background: 240 10% 3.9%; --foreground: 0 0% 98%; --card: 240 10% 3.9%; --card-foreground: 0 0% 98%; --popover: 240 10% 3.9%; --popover-foreground: 0 0% 98%; --primary: 210 40% 98%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 240 3.7% 15.9%; --secondary-foreground: 0 0% 98%; --muted: 240 3.7% 15.9%; --muted-foreground: 240 5% 64.9%; --accent: 240 3.7% 15.9%; --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; /* Same hue as the light destructive token, lightened for text on the dark background. */ --destructive-text: 0 84.2% 70%; --border: 240 3.7% 15.9%; --input: 240 3.7% 15.9%; --ring: 240 4.9% 83.9%; --chart-1: 220 70% 50%; --chart-2: 160 60% 45%; --chart-3: 30 80% 55%; --chart-4: 280 65% 60%; --chart-5: 340 75% 55%; --sidebar-background: 240 5.9% 10%; --sidebar-foreground: 240 4.8% 95.9%; --sidebar-primary: 224.3 76.3% 48%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 240 3.7% 15.9%; --sidebar-accent-foreground: 240 4.8% 95.9%; --sidebar-border: 240 3.7% 15.9%; --sidebar-ring: 217.2 91.2% 59.8%; } /* Base element styles */ body{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(1 25 62 / var(--tw-text-opacity, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} *{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))} h1{font-size:2.5rem;line-height:1.2;letter-spacing:-0.02em;font-weight:700} h2{font-size:2rem;line-height:1.3;letter-spacing:-0.02em;font-weight:600} h3{font-size:1.5rem;line-height:1.4;letter-spacing:-0.01em;font-weight:600} h4{font-size:1.25rem;line-height:1.5;letter-spacing:-0.01em;font-weight:600} p{font-size:1rem;line-height:1.5} /* Add blog post specific styles */ .blog-content{font-size:1rem;line-height:1.5} .blog-content h2{margin-top:3rem;margin-bottom:1.5rem} .blog-content h3{margin-top:1.5rem;margin-bottom:1rem} .blog-content ul, .blog-content ol{margin-bottom:1rem;font-size:1rem;line-height:1.5} .blog-content li{margin-bottom:0.5rem} .blog-content li > ul, .blog-content li > ol{margin-top:0.5rem} /* Ensure nested lists maintain proper size */ .blog-content ul ul, .blog-content ul ol, .blog-content ol ul, .blog-content ol ol{font-size:1rem;line-height:1.5} /* Add proper list styling */ .blog-content ul{margin-left:1.5rem;list-style-position:outside;list-style-type:disc} .blog-content ol{margin-left:1.5rem;list-style-position:outside;list-style-type:decimal} *{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))} body{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(1 25 62 / var(--tw-text-opacity, 1))} .\!container{width:100% !important} .container{width:100%} @media (min-width: 375px){.\!container{max-width:375px !important}.container{max-width:375px}} @media (min-width: 640px){.\!container{max-width:640px !important}.container{max-width:640px}} @media (min-width: 768px){.\!container{max-width:768px !important}.container{max-width:768px}} @media (min-width: 1024px){.\!container{max-width:1024px !important}.container{max-width:1024px}} @media (min-width: 1280px){.\!container{max-width:1280px !important}.container{max-width:1280px}} @media (min-width: 1536px){.\!container{max-width:1536px !important}.container{max-width:1536px}} .prose{color:inherit;max-width:none;} .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em;margin-bottom:1.25em} .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em} .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:#438EFF;text-decoration:underline;font-weight:500;transition:color 150ms ease;} .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover{color:#F72585} .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;font-weight:600} .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em} .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-alpha} .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-alpha} .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-alpha} .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-alpha} .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-roman} .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-roman} .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-roman} .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-roman} .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:decimal} .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em} .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{font-weight:400;color:var(--tw-prose-counters)} .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{color:var(--tw-prose-bullets)} .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em} .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em} .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:0.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em} .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{content:open-quote} .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{content:close-quote} .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111} .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:900;color:inherit} .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333} .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:800;color:inherit} .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6} .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:700;color:inherit} .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.5} .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:700;color:inherit} .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em} .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){display:block;margin-top:2em;margin-bottom:2em} .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em} .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:0.875em;border-radius:0.3125rem;padding-top:0.1875em;padding-inline-end:0.375em;padding-bottom:0.1875em;padding-inline-start:0.375em} .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-code);font-weight:600;font-size:0.875em} .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{content:"`"} .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{content:"`"} .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;font-size:0.875em} .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;font-size:0.9em} .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-inline-end:1.1428571em;padding-bottom:0.8571429em;padding-inline-start:1.1428571em} .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit} .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{content:none} .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{content:none} .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857} .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)} .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em} .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)} .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-bottom-width:0} .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){vertical-align:baseline} .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)} .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){vertical-align:top} .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){text-align:start} .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0} .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-captions);font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em} .prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75} .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0} .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5em;margin-bottom:0.5em} .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.375em} .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.375em} .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.75em;margin-bottom:0.75em} .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em} .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.25em} .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em} .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.25em} .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.75em;margin-bottom:0.75em} .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em;margin-bottom:1.25em} .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5em;padding-inline-start:1.625em} .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0} .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0} .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-top:0.5714286em;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em} .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0} .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0} .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em} .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:0} .prose-sm{font-size:0.875rem;line-height:1.7142857;} .prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em;margin-bottom:1.1428571em} .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:0.8888889em;margin-bottom:0.8888889em} .prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em} .prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:2.1428571em;margin-top:0;margin-bottom:0.8em;line-height:1.2} .prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:0.8em;line-height:1.4} .prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:0.4444444em;line-height:1.5555556} .prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.4285714em;margin-bottom:0.5714286em;line-height:1.4285714} .prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.7142857em;margin-bottom:1.7142857em} .prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.7142857em;margin-bottom:1.7142857em} .prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0} .prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.7142857em;margin-bottom:1.7142857em} .prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8571429em;border-radius:0.3125rem;padding-top:0.1428571em;padding-inline-end:0.3571429em;padding-bottom:0.1428571em;padding-inline-start:0.3571429em} .prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8571429em} .prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.9em} .prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8888889em} .prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:0.25rem;padding-top:0.6666667em;padding-inline-end:1em;padding-bottom:0.6666667em;padding-inline-start:1em} .prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em} .prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em} .prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.2857143em;margin-bottom:0.2857143em} .prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.4285714em} .prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.4285714em} .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5714286em;margin-bottom:0.5714286em} .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em} .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.1428571em} .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em} .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.1428571em} .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5714286em;margin-bottom:0.5714286em} .prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em;margin-bottom:1.1428571em} .prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em} .prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.2857143em;padding-inline-start:1.5714286em} .prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2.8571429em;margin-bottom:2.8571429em} .prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8571429em;line-height:1.5} .prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:1em;padding-bottom:0.6666667em;padding-inline-start:1em} .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0} .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0} .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-top:0.6666667em;padding-inline-end:1em;padding-bottom:0.6666667em;padding-inline-start:1em} .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0} .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0} .prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.7142857em;margin-bottom:1.7142857em} .prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0} .prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8571429em;line-height:1.3333333;margin-top:0.6666667em} .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:0} .prose-base{font-size:1rem;line-height:1.75;} .prose-base :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em;margin-bottom:1.25em} .prose-base :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em} .prose-base :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em} .prose-base :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111} .prose-base :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333} .prose-base :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6} .prose-base :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.5em;margin-bottom:0.5em;line-height:1.5} .prose-base :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em} .prose-base :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em} .prose-base :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0} .prose-base :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em} .prose-base :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.875em;border-radius:0.3125rem;padding-top:0.1875em;padding-inline-end:0.375em;padding-bottom:0.1875em;padding-inline-start:0.375em} .prose-base :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.875em} .prose-base :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.875em} .prose-base :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.9em} .prose-base :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-inline-end:1.1428571em;padding-bottom:0.8571429em;padding-inline-start:1.1428571em} .prose-base :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em} .prose-base :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em} .prose-base :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5em;margin-bottom:0.5em} .prose-base :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.375em} .prose-base :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.375em} .prose-base :where(.prose-base > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.75em;margin-bottom:0.75em} .prose-base :where(.prose-base > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em} .prose-base :where(.prose-base > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.25em} .prose-base :where(.prose-base > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em} .prose-base :where(.prose-base > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.25em} .prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.75em;margin-bottom:0.75em} .prose-base :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em;margin-bottom:1.25em} .prose-base :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em} .prose-base :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5em;padding-inline-start:1.625em} .prose-base :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:3em;margin-bottom:3em} .prose-base :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-base :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-base :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-base :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-base :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.875em;line-height:1.7142857} .prose-base :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em} .prose-base :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0} .prose-base :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0} .prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-top:0.5714286em;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em} .prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0} .prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0} .prose-base :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em} .prose-base :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0} .prose-base :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em} .prose-base :where(.prose-base > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-base :where(.prose-base > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:0} .prose-slate{--tw-prose-body:#334155;--tw-prose-headings:#0f172a;--tw-prose-lead:#475569;--tw-prose-links:#0f172a;--tw-prose-bold:#0f172a;--tw-prose-counters:#64748b;--tw-prose-bullets:#cbd5e1;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0f172a;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#64748b;--tw-prose-kbd:#0f172a;--tw-prose-kbd-shadows:15 23 42;--tw-prose-code:#0f172a;--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#1e293b;--tw-prose-th-borders:#cbd5e1;--tw-prose-td-borders:#e2e8f0;--tw-prose-invert-body:#cbd5e1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#94a3b8;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#94a3b8;--tw-prose-invert-bullets:#475569;--tw-prose-invert-hr:#334155;--tw-prose-invert-quotes:#f1f5f9;--tw-prose-invert-quote-borders:#334155;--tw-prose-invert-captions:#94a3b8;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#cbd5e1;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#475569;--tw-prose-invert-td-borders:#334155} .\!container{margin-left:auto;margin-right:auto;width:100%;padding-left:1rem;padding-right:1rem} .container{margin-left:auto;margin-right:auto;width:100%;padding-left:1rem;padding-right:1rem} .\!container { max-width: 80rem !important; } .container { max-width: 80rem; } section{width:100%;padding-top:1rem;padding-bottom:1rem} .card-content{padding:1.5rem} /* Button styles */ /* Popover styles */ .mobile-filters .PopoverContent { width: 100%; max-width: none; transform: none !important; top: auto !important; bottom: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .school-card{border-style:none} .school-card:hover{border-style:none} /* Remove all the old button-cta styles and replace with just these */ /* Outer container with rotating gradient border */ .button-cta-outer { position: relative; padding: 0; border-radius: 9999px; background: conic-gradient( from var(--border-angle), rgb(79, 85, 227), rgb(154, 88, 206), rgb(247, 37, 133), rgb(79, 85, 227) ); transition: all 0.3s; animation: border-rotate 4s linear infinite; opacity: 0; } /* Inner button container */ /* Add new reflection effect */ /* Glow effect */ /* Hover states */ .group\/button:hover .group-hover\:button-effects { transform: scale(1.02); } .group-hover\:button-effects .button-cta-outer { padding: 2px; opacity: 1; } /* Update hover states to include reflection */ /* Primary Pink Button */ /* Pink Outline Button */ /* Button Sizes */ .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0} .pointer-events-none{pointer-events:none} .pointer-events-auto{pointer-events:auto} .\!visible{visibility:visible !important} .visible{visibility:visible} .invisible{visibility:hidden} .collapse{visibility:collapse} .static{position:static} .fixed{position:fixed} .absolute{position:absolute} .relative{position:relative} .sticky{position:sticky} .-inset-4{inset:-1rem} .inset-0{inset:0px} .inset-3{inset:0.75rem} .inset-4{inset:1rem} .-inset-y-2{top:-0.5rem;bottom:-0.5rem} .inset-x-0{left:0px;right:0px} .inset-x-3{left:0.75rem;right:0.75rem} .inset-x-4{left:1rem;right:1rem} .inset-x-\[-2px\]{left:-2px;right:-2px} .inset-y-0{top:0px;bottom:0px} .-bottom-1{bottom:-0.25rem} .-bottom-12{bottom:-3rem} .-bottom-28{bottom:-7rem} .-bottom-4{bottom:-1rem} .-bottom-40{bottom:-10rem} .-left-12{left:-3rem} .-left-20{left:-5rem} .-left-32{left:-8rem} .-left-40{left:-10rem} .-right-1{right:-0.25rem} .-right-1\.5{right:-0.375rem} .-right-10{right:-2.5rem} .-right-12{right:-3rem} .-right-20{right:-5rem} .-right-32{right:-8rem} .-right-40{right:-10rem} .-top-1{top:-0.25rem} .-top-1\.5{top:-0.375rem} .-top-12{top:-3rem} .-top-16{top:-4rem} .-top-24{top:-6rem} .-top-32{top:-8rem} .-top-40{top:-10rem} .-top-\[10\%\]{top:-10%} .bottom-0{bottom:0px} .bottom-24{bottom:6rem} .bottom-3{bottom:0.75rem} .bottom-4{bottom:1rem} .bottom-6{bottom:1.5rem} .bottom-8{bottom:2rem} .bottom-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(0.75rem + env(safe-area-inset-bottom))} .bottom-\[max\(1rem\2c env\(safe-area-inset-bottom\)\)\]{bottom:max(1rem,env(safe-area-inset-bottom))} .bottom-\[max\(3rem\2c var\(--location-directory-map-bottom-clearance\2c 0px\)\)\]{bottom:max(3rem,var(--location-directory-map-bottom-clearance,0px))} .bottom-full{bottom:100%} .left-0{left:0px} .left-1\/2{left:50%} .left-2{left:0.5rem} .left-2\.5{left:0.625rem} .left-3{left:0.75rem} .left-4{left:1rem} .left-6{left:1.5rem} .left-\[50\%\]{left:50%} .left-\[max\(0\.75rem\2c env\(safe-area-inset-left\)\)\]{left:max(0.75rem,env(safe-area-inset-left))} .right-0{right:0px} .right-1{right:0.25rem} .right-2{right:0.5rem} .right-3{right:0.75rem} .right-4{right:1rem} .right-6{right:1.5rem} .right-8{right:2rem} .right-\[max\(0\.75rem\2c env\(safe-area-inset-right\)\)\]{right:max(0.75rem,env(safe-area-inset-right))} .right-\[max\(1rem\2c env\(safe-area-inset-right\)\)\]{right:max(1rem,env(safe-area-inset-right))} .top-0{top:0px} .top-1\/2{top:50%} .top-1\/3{top:33.333333%} .top-10{top:2.5rem} .top-12{top:3rem} .top-16{top:4rem} .top-2{top:0.5rem} .top-2\.5{top:0.625rem} .top-3{top:0.75rem} .top-4{top:1rem} .top-5{top:1.25rem} .top-8{top:2rem} .top-\[1px\]{top:1px} .top-\[42px\]{top:42px} .top-\[4px\]{top:4px} .top-\[50\%\]{top:50%} .top-\[60\%\]{top:60%} .top-\[64px\]{top:64px} .top-\[calc\(100\%\+0\.35rem\)\]{top:calc(100% + 0.35rem)} .top-\[calc\(100\%\+0\.5rem\)\]{top:calc(100% + 0.5rem)} .top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)} .top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)} .top-\[max\(1rem\2c env\(safe-area-inset-top\)\)\]{top:max(1rem,env(safe-area-inset-top))} .top-\[var\(--header-height\2c 0px\)\]{top:var(--header-height,0px)} .top-\[var\(--sticky-top-offset\2c 0px\)\]{top:var(--sticky-top-offset,0px)} .top-full{top:100%} .isolate{isolation:isolate} .-z-10{z-index:-10} .z-a11y{z-index:var(--z-a11y)} .z-backdrop{z-index:var(--z-backdrop)} .z-chrome{z-index:var(--z-chrome)} .z-floating{z-index:var(--z-floating)} .z-local{z-index:var(--z-local)} .z-modal{z-index:var(--z-modal)} .z-navigation{z-index:var(--z-navigation)} .z-rail{z-index:var(--z-rail)} .z-raised{z-index:var(--z-raised)} .z-sticky{z-index:var(--z-sticky)} .z-toast{z-index:var(--z-toast)} .z-transient{z-index:var(--z-transient)} .order-1{order:1} .order-2{order:2} .order-3{order:3} .col-span-2{grid-column:span 2 / span 2} .col-span-full{grid-column:1 / -1} .col-start-2{grid-column-start:2} .row-span-2{grid-row:span 2 / span 2} .float-left{float:left} .clear-both{clear:both} .\!m-0{margin:0px !important} .-m-1\.5{margin:-0.375rem} .-m-3{margin:-0.75rem} .m-0{margin:0px} .m-\[1px\]{margin:1px} .-mx-1{margin-left:-0.25rem;margin-right:-0.25rem} .-mx-2{margin-left:-0.5rem;margin-right:-0.5rem} .-mx-4{margin-left:-1rem;margin-right:-1rem} .-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem} .mx-1\.5{margin-left:0.375rem;margin-right:0.375rem} .mx-3{margin-left:0.75rem;margin-right:0.75rem} .mx-4{margin-left:1rem;margin-right:1rem} .mx-5{margin-left:1.25rem;margin-right:1.25rem} .mx-6{margin-left:1.5rem;margin-right:1.5rem} .mx-auto{margin-left:auto;margin-right:auto} .my-1{margin-top:0.25rem;margin-bottom:0.25rem} .my-10{margin-top:2.5rem;margin-bottom:2.5rem} .my-12{margin-top:3rem;margin-bottom:3rem} .my-2{margin-top:0.5rem;margin-bottom:0.5rem} .my-3{margin-top:0.75rem;margin-bottom:0.75rem} .my-4{margin-top:1rem;margin-bottom:1rem} .my-5{margin-top:1.25rem;margin-bottom:1.25rem} .my-6{margin-top:1.5rem;margin-bottom:1.5rem} .my-8{margin-top:2rem;margin-bottom:2rem} .my-auto{margin-top:auto;margin-bottom:auto} .my-section{margin-top:1rem;margin-bottom:1rem} .\!mb-0{margin-bottom:0px !important} .\!mt-0{margin-top:0px !important} .\!mt-\[0\.4rem\]{margin-top:0.4rem !important} .-mb-20{margin-bottom:-5rem} .-mb-px{margin-bottom:-1px} .-ml-1{margin-left:-0.25rem} .-ml-20{margin-left:-5rem} .-ml-3{margin-left:-0.75rem} .-ml-4{margin-left:-1rem} .-mr-2{margin-right:-0.5rem} .-mr-20{margin-right:-5rem} .-mr-3{margin-right:-0.75rem} .-mt-20{margin-top:-5rem} .-mt-3{margin-top:-0.75rem} .-mt-4{margin-top:-1rem} .-mt-5{margin-top:-1.25rem} .-mt-6{margin-top:-1.5rem} .mb-0{margin-bottom:0px} .mb-0\.5{margin-bottom:0.125rem} .mb-1{margin-bottom:0.25rem} .mb-1\.5{margin-bottom:0.375rem} .mb-10{margin-bottom:2.5rem} .mb-12{margin-bottom:3rem} .mb-14{margin-bottom:3.5rem} .mb-16{margin-bottom:4rem} .mb-2{margin-bottom:0.5rem} .mb-3{margin-bottom:0.75rem} .mb-4{margin-bottom:1rem} .mb-5{margin-bottom:1.25rem} .mb-6{margin-bottom:1.5rem} .mb-8{margin-bottom:2rem} .mb-auto{margin-bottom:auto} .ml-0{margin-left:0px} .ml-0\.5{margin-left:0.125rem} .ml-1{margin-left:0.25rem} .ml-1\.5{margin-left:0.375rem} .ml-11{margin-left:2.75rem} .ml-2{margin-left:0.5rem} .ml-3{margin-left:0.75rem} .ml-4{margin-left:1rem} .ml-6{margin-left:1.5rem} .ml-auto{margin-left:auto} .mr-1{margin-right:0.25rem} .mr-1\.5{margin-right:0.375rem} .mr-2{margin-right:0.5rem} .mr-3{margin-right:0.75rem} .mr-3\.5{margin-right:0.875rem} .mr-4{margin-right:1rem} .mt-0{margin-top:0px} .mt-0\.5{margin-top:0.125rem} .mt-1{margin-top:0.25rem} .mt-1\.5{margin-top:0.375rem} .mt-10{margin-top:2.5rem} .mt-12{margin-top:3rem} .mt-16{margin-top:4rem} .mt-2{margin-top:0.5rem} .mt-2\.5{margin-top:0.625rem} .mt-20{margin-top:5rem} .mt-24{margin-top:6rem} .mt-3{margin-top:0.75rem} .mt-3\.5{margin-top:0.875rem} .mt-4{margin-top:1rem} .mt-5{margin-top:1.25rem} .mt-6{margin-top:1.5rem} .mt-7{margin-top:1.75rem} .mt-8{margin-top:2rem} .mt-9{margin-top:2.25rem} .mt-\[1\.1875rem\]{margin-top:1.1875rem} .mt-auto{margin-top:auto} .mt-px{margin-top:1px} .line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4} .block{display:block} .inline-block{display:inline-block} .inline{display:inline} .flex{display:flex} .inline-flex{display:inline-flex} .\!table{display:table !important} .table{display:table} .table-caption{display:table-caption} .table-cell{display:table-cell} .table-row{display:table-row} .grid{display:grid} .contents{display:contents} .\!hidden{display:none !important} .hidden{display:none} .aspect-\[2\/1\]{aspect-ratio:2/1} .aspect-\[21\/9\]{aspect-ratio:21/9} .aspect-\[3\/2\]{aspect-ratio:3/2} .aspect-\[3\/4\]{aspect-ratio:3/4} .aspect-\[4\/3\]{aspect-ratio:4/3} .aspect-\[6\/5\]{aspect-ratio:6/5} .aspect-square{aspect-ratio:1 / 1} .aspect-video{aspect-ratio:16 / 9} .size-11{width:2.75rem;height:2.75rem} .size-12{width:3rem;height:3rem} .size-2{width:0.5rem;height:0.5rem} .size-20{width:5rem;height:5rem} .size-3{width:0.75rem;height:0.75rem} .size-3\.5{width:0.875rem;height:0.875rem} .size-4{width:1rem;height:1rem} .size-5{width:1.25rem;height:1.25rem} .size-6{width:1.5rem;height:1.5rem} .size-8{width:2rem;height:2rem} .size-\[18px\]{width:18px;height:18px} .size-full{width:100%;height:100%} .h-0{height:0px} .h-1{height:0.25rem} .h-1\.5{height:0.375rem} .h-1\/2{height:50%} .h-10{height:2.5rem} .h-11{height:2.75rem} .h-12{height:3rem} .h-14{height:3.5rem} .h-16{height:4rem} .h-2{height:0.5rem} .h-2\.5{height:0.625rem} .h-20{height:5rem} .h-24{height:6rem} .h-28{height:7rem} .h-3{height:0.75rem} .h-3\.5{height:0.875rem} .h-32{height:8rem} .h-4{height:1rem} .h-40{height:10rem} .h-44{height:11rem} .h-48{height:12rem} .h-5{height:1.25rem} .h-52{height:13rem} .h-6{height:1.5rem} .h-60{height:15rem} .h-64{height:16rem} .h-7{height:1.75rem} .h-72{height:18rem} .h-8{height:2rem} .h-80{height:20rem} .h-9{height:2.25rem} .h-96{height:24rem} .h-\[0\.8em\]{height:0.8em} .h-\[1\.9em\]{height:1.9em} .h-\[100dvh\]{height:100dvh} .h-\[120\%\]{height:120%} .h-\[180px\]{height:180px} .h-\[18px\]{height:18px} .h-\[1px\]{height:1px} .h-\[200px\]{height:200px} .h-\[260px\]{height:260px} .h-\[280px\]{height:280px} .h-\[300px\]{height:300px} .h-\[30px\]{height:30px} .h-\[320px\]{height:320px} .h-\[340px\]{height:340px} .h-\[34px\]{height:34px} .h-\[360px\]{height:360px} .h-\[372px\]{height:372px} .h-\[400px\]{height:400px} .h-\[430px\]{height:430px} .h-\[440px\]{height:440px} .h-\[45px\]{height:45px} .h-\[500px\]{height:500px} .h-\[50px\]{height:50px} .h-\[560px\]{height:560px} .h-\[600px\]{height:600px} .h-\[62px\]{height:62px} .h-\[64px\]{height:64px} .h-\[720px\]{height:720px} .h-\[76vh\]{height:76vh} .h-\[calc\(100dvh-120px\)\]{height:calc(100dvh - 120px)} .h-\[calc\(100dvh-2rem\)\]{height:calc(100dvh - 2rem)} .h-\[calc\(100vh-100px\)\]{height:calc(100vh - 100px)} .h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)} .h-\[calc\(100vh-56px\)\]{height:calc(100vh - 56px)} .h-\[calc\(var\(--visual-viewport-height\2c 100svh\)-4rem\)\]{height:calc(var(--visual-viewport-height,100svh) - 4rem)} .h-\[min\(52dvh\2c 640px\)\]{height:min(52dvh,640px)} .h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)} .h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)} .h-auto{height:auto} .h-dvh{height:100dvh} .h-full{height:100%} .h-max{height:-moz-max-content;height:max-content} .h-px{height:1px} .h-screen{height:100vh} .max-h-20{max-height:5rem} .max-h-28{max-height:7rem} .max-h-32{max-height:8rem} .max-h-40{max-height:10rem} .max-h-44{max-height:11rem} .max-h-56{max-height:14rem} .max-h-60{max-height:15rem} .max-h-64{max-height:16rem} .max-h-72{max-height:18rem} .max-h-80{max-height:20rem} .max-h-96{max-height:24rem} .max-h-\[280px\]{max-height:280px} .max-h-\[300px\]{max-height:300px} .max-h-\[45\%\]{max-height:45%} .max-h-\[45dvh\]{max-height:45dvh} .max-h-\[50vh\]{max-height:50vh} .max-h-\[55dvh\]{max-height:55dvh} .max-h-\[60vh\]{max-height:60vh} .max-h-\[70vh\]{max-height:70vh} .max-h-\[80vh\]{max-height:80vh} .max-h-\[85dvh\]{max-height:85dvh} .max-h-\[85vh\]{max-height:85vh} .max-h-\[90dvh\]{max-height:90dvh} .max-h-\[90vh\]{max-height:90vh} .max-h-\[95dvh\]{max-height:95dvh} .max-h-\[calc\(100dvh-1rem\)\]{max-height:calc(100dvh - 1rem)} .max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)} .max-h-\[calc\(100vh-5rem\)\]{max-height:calc(100vh - 5rem)} .max-h-\[calc\(100vh-6rem\)\]{max-height:calc(100vh - 6rem)} .max-h-\[min\(480px\2c var\(--radix-popover-content-available-height\)\)\]{max-height:min(480px,var(--radix-popover-content-available-height))} .max-h-\[min\(60vh\2c 28rem\)\]{max-height:min(60vh,28rem)} .max-h-\[min\(80dvh\2c 40rem\)\]{max-height:min(80dvh,40rem)} .max-h-screen{max-height:100vh} .min-h-0{min-height:0px} .min-h-10{min-height:2.5rem} .min-h-11{min-height:2.75rem} .min-h-12{min-height:3rem} .min-h-14{min-height:3.5rem} .min-h-16{min-height:4rem} .min-h-20{min-height:5rem} .min-h-24{min-height:6rem} .min-h-28{min-height:7rem} .min-h-32{min-height:8rem} .min-h-36{min-height:9rem} .min-h-4{min-height:1rem} .min-h-44{min-height:11rem} .min-h-48{min-height:12rem} .min-h-5{min-height:1.25rem} .min-h-56{min-height:14rem} .min-h-6{min-height:1.5rem} .min-h-64{min-height:16rem} .min-h-7{min-height:1.75rem} .min-h-72{min-height:18rem} .min-h-80{min-height:20rem} .min-h-9{min-height:2.25rem} .min-h-96{min-height:24rem} .min-h-\[100dvh\]{min-height:100dvh} .min-h-\[100px\]{min-height:100px} .min-h-\[110px\]{min-height:110px} .min-h-\[120px\]{min-height:120px} .min-h-\[12rem\]{min-height:12rem} .min-h-\[140px\]{min-height:140px} .min-h-\[160px\]{min-height:160px} .min-h-\[164px\]{min-height:164px} .min-h-\[180px\]{min-height:180px} .min-h-\[220px\]{min-height:220px} .min-h-\[250px\]{min-height:250px} .min-h-\[260px\]{min-height:260px} .min-h-\[3\.5rem\]{min-height:3.5rem} .min-h-\[320px\]{min-height:320px} .min-h-\[400px\]{min-height:400px} .min-h-\[420px\]{min-height:420px} .min-h-\[430px\]{min-height:430px} .min-h-\[52px\]{min-height:52px} .min-h-\[800px\]{min-height:800px} .min-h-\[80px\]{min-height:80px} .min-h-\[92px\]{min-height:92px} .min-h-\[calc\(100dvh-10rem\)\]{min-height:calc(100dvh - 10rem)} .min-h-full{min-height:100%} .min-h-screen{min-height:100vh} .w-0{width:0px} .w-1{width:0.25rem} .w-1\.5{width:0.375rem} .w-1\/2{width:50%} .w-1\/3{width:33.333333%} .w-1\/4{width:25%} .w-10{width:2.5rem} .w-11{width:2.75rem} .w-11\/12{width:91.666667%} .w-12{width:3rem} .w-14{width:3.5rem} .w-16{width:4rem} .w-2{width:0.5rem} .w-2\.5{width:0.625rem} .w-2\/3{width:66.666667%} .w-20{width:5rem} .w-24{width:6rem} .w-28{width:7rem} .w-3{width:0.75rem} .w-3\.5{width:0.875rem} .w-3\/4{width:75%} .w-3\/5{width:60%} .w-32{width:8rem} .w-36{width:9rem} .w-4{width:1rem} .w-4\/6{width:66.666667%} .w-40{width:10rem} .w-44{width:11rem} .w-48{width:12rem} .w-5{width:1.25rem} .w-5\/6{width:83.333333%} .w-52{width:13rem} .w-56{width:14rem} .w-6{width:1.5rem} .w-60{width:15rem} .w-64{width:16rem} .w-7{width:1.75rem} .w-72{width:18rem} .w-8{width:2rem} .w-80{width:20rem} .w-9{width:2.25rem} .w-96{width:24rem} .w-\[--radix-dropdown-menu-trigger-width\]{width:var(--radix-dropdown-menu-trigger-width)} .w-\[100px\]{width:100px} .w-\[118px\]{width:118px} .w-\[120px\]{width:120px} .w-\[132px\]{width:132px} .w-\[134px\]{width:134px} .w-\[140px\]{width:140px} .w-\[150px\]{width:150px} .w-\[160px\]{width:160px} .w-\[164px\]{width:164px} .w-\[170px\]{width:170px} .w-\[180px\]{width:180px} .w-\[18px\]{width:18px} .w-\[1px\]{width:1px} .w-\[200px\]{width:200px} .w-\[210px\]{width:210px} .w-\[220px\]{width:220px} .w-\[24rem\]{width:24rem} .w-\[250px\]{width:250px} .w-\[270px\]{width:270px} .w-\[280px\]{width:280px} .w-\[300px\]{width:300px} .w-\[320px\]{width:320px} .w-\[375px\]{width:375px} .w-\[400px\]{width:400px} .w-\[4px\]{width:4px} .w-\[50\%\]{width:50%} .w-\[600px\]{width:600px} .w-\[72px\]{width:72px} .w-\[80\%\]{width:80%} .w-\[80px\]{width:80px} .w-\[90px\]{width:90px} .w-\[92\%\]{width:92%} .w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)} .w-\[min\(17rem\2c calc\(100\%-1\.5rem\)\)\]{width:min(17rem,calc(100% - 1.5rem))} .w-\[min\(22rem\2c calc\(100\%-2rem\)\)\]{width:min(22rem,calc(100% - 2rem))} .w-\[min\(22rem\2c calc\(100vw-2rem\)\)\]{width:min(22rem,calc(100vw - 2rem))} .w-\[min\(24rem\2c calc\(100vw-1\.5rem\)\)\]{width:min(24rem,calc(100vw - 1.5rem))} .w-\[min\(300px\2c calc\(100vw-16px\)\)\]{width:min(300px,calc(100vw - 16px))} .w-\[min\(320px\2c calc\(100vw-2rem\)\)\]{width:min(320px,calc(100vw - 2rem))} .w-\[min\(360px\2c calc\(100vw-1rem\)\)\]{width:min(360px,calc(100vw - 1rem))} .w-auto{width:auto} .w-fit{width:-moz-fit-content;width:fit-content} .w-full{width:100%} .w-max{width:-moz-max-content;width:max-content} .w-px{width:1px} .w-screen{width:100vw} .min-w-0{min-width:0px} .min-w-10{min-width:2.5rem} .min-w-11{min-width:2.75rem} .min-w-28{min-width:7rem} .min-w-32{min-width:8rem} .min-w-36{min-width:9rem} .min-w-44{min-width:11rem} .min-w-5{min-width:1.25rem} .min-w-56{min-width:14rem} .min-w-6{min-width:1.5rem} .min-w-64{min-width:16rem} .min-w-8{min-width:2rem} .min-w-9{min-width:2.25rem} .min-w-\[1020px\]{min-width:1020px} .min-w-\[120px\]{min-width:120px} .min-w-\[140px\]{min-width:140px} .min-w-\[160px\]{min-width:160px} .min-w-\[200px\]{min-width:200px} .min-w-\[220px\]{min-width:220px} .min-w-\[240px\]{min-width:240px} .min-w-\[312px\]{min-width:312px} .min-w-\[42rem\]{min-width:42rem} .min-w-\[492px\]{min-width:492px} .min-w-\[520px\]{min-width:520px} .min-w-\[640px\]{min-width:640px} .min-w-\[672px\]{min-width:672px} .min-w-\[800px\]{min-width:800px} .min-w-\[8rem\]{min-width:8rem} .min-w-\[900px\]{min-width:900px} .min-w-\[960px\]{min-width:960px} .min-w-\[96px\]{min-width:96px} .min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)} .min-w-fit{min-width:-moz-fit-content;min-width:fit-content} .min-w-full{min-width:100%} .min-w-max{min-width:-moz-max-content;min-width:max-content} .max-w-28{max-width:7rem} .max-w-2xl{max-width:42rem} .max-w-3xl{max-width:48rem} .max-w-4xl{max-width:56rem} .max-w-56{max-width:14rem} .max-w-5xl{max-width:64rem} .max-w-64{max-width:16rem} .max-w-6xl{max-width:72rem} .max-w-72{max-width:18rem} .max-w-7xl{max-width:80rem} .max-w-\[100vw\]{max-width:100vw} .max-w-\[1200px\]{max-width:1200px} .max-w-\[1400px\]{max-width:1400px} .max-w-\[2000px\]{max-width:2000px} .max-w-\[200px\]{max-width:200px} .max-w-\[240px\]{max-width:240px} .max-w-\[260px\]{max-width:260px} .max-w-\[300px\]{max-width:300px} .max-w-\[320px\]{max-width:320px} .max-w-\[360px\]{max-width:360px} .max-w-\[420px\]{max-width:420px} .max-w-\[460px\]{max-width:460px} .max-w-\[500px\]{max-width:500px} .max-w-\[550px\]{max-width:550px} .max-w-\[600px\]{max-width:600px} .max-w-\[65\%\]{max-width:65%} .max-w-\[650px\]{max-width:650px} .max-w-\[700px\]{max-width:700px} .max-w-\[728px\]{max-width:728px} .max-w-\[750px\]{max-width:750px} .max-w-\[80\%\]{max-width:80%} .max-w-\[800px\]{max-width:800px} .max-w-\[860px\]{max-width:860px} .max-w-\[92\%\]{max-width:92%} .max-w-\[96rem\]{max-width:96rem} .max-w-\[calc\(100vw-1rem\)\]{max-width:calc(100vw - 1rem)} .max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)} .max-w-\[min\(20rem\2c calc\(100\%-5rem\)\)\]{max-width:min(20rem,calc(100% - 5rem))} .max-w-\[min\(92\%\2c 52rem\)\]{max-width:min(92%,52rem)} .max-w-full{max-width:100%} .max-w-lg{max-width:32rem} .max-w-max{max-width:-moz-max-content;max-width:max-content} .max-w-md{max-width:28rem} .max-w-none{max-width:none} .max-w-page{max-width:96rem} .max-w-sm{max-width:24rem} .max-w-xl{max-width:36rem} .max-w-xs{max-width:20rem} .flex-1{flex:1 1 0%} .flex-none{flex:none} .flex-shrink-0{flex-shrink:0} .shrink-0{flex-shrink:0} .flex-grow{flex-grow:1} .grow{flex-grow:1} .grow-0{flex-grow:0} .basis-48{flex-basis:12rem} .basis-full{flex-basis:100%} .table-fixed{table-layout:fixed} .caption-bottom{caption-side:bottom} .border-collapse{border-collapse:collapse} .border-separate{border-collapse:separate} .border-spacing-1{--tw-border-spacing-x:0.25rem;--tw-border-spacing-y:0.25rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)} .-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-\[75\%\]{--tw-translate-y:-75%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-\[-100\%\]{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-px{--tw-translate-x:1px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-4{--tw-translate-y:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-6{--tw-translate-y:1.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-8{--tw-translate-y:2rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-\[75\%\]{--tw-translate-y:75%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-full{--tw-translate-y:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-3{--tw-rotate:3deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-\[1\.12\]{--tw-scale-x:1.12;--tw-scale-y:1.12;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .transform-gpu{transform:translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} @keyframes dialog-fade-in{from{opacity:0}to{opacity:1}} .animate-dialog-fade-in{animation:dialog-fade-in 0.2s ease-out} @keyframes dialog-fade-out{from{opacity:1}to{opacity:0}} .animate-dialog-fade-out{animation:dialog-fade-out 0.2s ease-in} @keyframes pulse{50%{opacity:.5}} .animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite} @keyframes spin{to{transform:rotate(360deg)}} .animate-spin{animation:spin 1s linear infinite} .cursor-crosshair{cursor:crosshair} .cursor-default{cursor:default} .cursor-grab{cursor:grab} .cursor-help{cursor:help} .cursor-move{cursor:move} .cursor-not-allowed{cursor:not-allowed} .cursor-nwse-resize{cursor:nwse-resize} .cursor-pointer{cursor:pointer} .cursor-wait{cursor:wait} .cursor-zoom-in{cursor:zoom-in} .touch-none{touch-action:none} .touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)} .touch-manipulation{touch-action:manipulation} .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none} .resize-none{resize:none} .resize{resize:both} .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)} .snap-mandatory{--tw-scroll-snap-strictness:mandatory} .snap-start{scroll-snap-align:start} .snap-center{scroll-snap-align:center} .scroll-m-20{scroll-margin:5rem} .scroll-mt-24{scroll-margin-top:6rem} .scroll-mt-28{scroll-margin-top:7rem} .scroll-mt-4{scroll-margin-top:1rem} .scroll-pl-3{scroll-padding-left:0.75rem} .list-inside{list-style-position:inside} .list-decimal{list-style-type:decimal} .list-disc{list-style-type:disc} .list-none{list-style-type:none} .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none} .grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))} .grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))} .grid-cols-\[2\.25rem_minmax\(0\2c 1fr\)_2\.25rem\]{grid-template-columns:2.25rem minmax(0,1fr) 2.25rem} .grid-cols-\[2rem_minmax\(0\2c 1fr\)_auto\]{grid-template-columns:2rem minmax(0,1fr) auto} .grid-cols-\[3\.5rem_minmax\(0\2c 1fr\)\]{grid-template-columns:3.5rem minmax(0,1fr)} .grid-cols-\[36px_1fr\]{grid-template-columns:36px 1fr} .grid-cols-\[3rem_minmax\(0\2c 1fr\)\]{grid-template-columns:3rem minmax(0,1fr)} .grid-cols-\[8px_minmax\(0\2c 1fr\)_44px\]{grid-template-columns:8px minmax(0,1fr) 44px} .grid-cols-\[minmax\(280px\2c 0\.9fr\)_minmax\(520px\2c 1\.6fr\)\]{grid-template-columns:minmax(280px,0.9fr) minmax(520px,1.6fr)} .grid-cols-\[minmax\(5\.5rem\2c 0\.8fr\)_minmax\(0\2c 1\.4fr\)\]{grid-template-columns:minmax(5.5rem,0.8fr) minmax(0,1.4fr)} .grid-rows-none{grid-template-rows:none} .flex-row{flex-direction:row} .flex-col{flex-direction:column} .flex-col-reverse{flex-direction:column-reverse} .flex-wrap{flex-wrap:wrap} .flex-nowrap{flex-wrap:nowrap} .place-items-center{place-items:center} .items-start{align-items:flex-start} .items-end{align-items:flex-end} .items-center{align-items:center} .items-baseline{align-items:baseline} .items-stretch{align-items:stretch} .justify-start{justify-content:flex-start} .justify-end{justify-content:flex-end} .justify-center{justify-content:center} .justify-between{justify-content:space-between} .\!gap-1\.5{gap:0.375rem !important} .gap-0{gap:0px} .gap-0\.5{gap:0.125rem} .gap-1{gap:0.25rem} .gap-1\.5{gap:0.375rem} .gap-10{gap:2.5rem} .gap-12{gap:3rem} .gap-16{gap:4rem} .gap-2{gap:0.5rem} .gap-2\.5{gap:0.625rem} .gap-3{gap:0.75rem} .gap-4{gap:1rem} .gap-5{gap:1.25rem} .gap-6{gap:1.5rem} .gap-64{gap:16rem} .gap-8{gap:2rem} .gap-x-1{-moz-column-gap:0.25rem;column-gap:0.25rem} .gap-x-1\.5{-moz-column-gap:0.375rem;column-gap:0.375rem} .gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem} .gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem} .gap-x-3{-moz-column-gap:0.75rem;column-gap:0.75rem} .gap-x-4{-moz-column-gap:1rem;column-gap:1rem} .gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem} .gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem} .gap-x-8{-moz-column-gap:2rem;column-gap:2rem} .gap-y-1{row-gap:0.25rem} .gap-y-1\.5{row-gap:0.375rem} .gap-y-12{row-gap:3rem} .gap-y-2{row-gap:0.5rem} .gap-y-3{row-gap:0.75rem} .gap-y-4{row-gap:1rem} .space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-6 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-8 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))} .space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))} .space-y-0\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.125rem * var(--tw-space-y-reverse))} .space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))} .space-y-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.375rem * var(--tw-space-y-reverse))} .space-y-10 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))} .space-y-12 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))} .space-y-14 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3.5rem * var(--tw-space-y-reverse))} .space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))} .space-y-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))} .space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))} .space-y-3\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.875rem * var(--tw-space-y-reverse))} .space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))} .space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))} .space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))} .space-y-7 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))} .space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))} .space-y-content > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))} .divide-x > :not([hidden]) ~ :not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))} .divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))} .divide-border > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(226 232 240 / var(--tw-divide-opacity, 1))} .divide-gray-200 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))} .divide-slate-100 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(241 245 249 / var(--tw-divide-opacity, 1))} .divide-slate-200 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(226 232 240 / var(--tw-divide-opacity, 1))} .self-start{align-self:flex-start} .self-end{align-self:flex-end} .self-center{align-self:center} .self-stretch{align-self:stretch} .justify-self-start{justify-self:start} .overflow-auto{overflow:auto} .overflow-hidden{overflow:hidden} .overflow-visible{overflow:visible} .overflow-x-auto{overflow-x:auto} .overflow-y-auto{overflow-y:auto} .overflow-x-hidden{overflow-x:hidden} .overflow-y-hidden{overflow-y:hidden} .overflow-y-visible{overflow-y:visible} .overflow-y-scroll{overflow-y:scroll} .overscroll-contain{overscroll-behavior:contain} .overscroll-y-contain{overscroll-behavior-y:contain} .overscroll-x-contain{overscroll-behavior-x:contain} .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .whitespace-normal{white-space:normal} .whitespace-nowrap{white-space:nowrap} .whitespace-pre-line{white-space:pre-line} .whitespace-pre-wrap{white-space:pre-wrap} .text-balance{text-wrap:balance} .text-pretty{text-wrap:pretty} .break-words{overflow-wrap:break-word} .break-all{word-break:break-all} .rounded{border-radius:0.25rem} .rounded-2xl{border-radius:1rem} .rounded-3xl{border-radius:1.5rem} .rounded-\[10px\]{border-radius:10px} .rounded-\[2rem\]{border-radius:2rem} .rounded-\[32px\]{border-radius:32px} .rounded-\[inherit\]{border-radius:inherit} .rounded-full{border-radius:9999px} .rounded-lg{border-radius:var(--radius)} .rounded-md{border-radius:calc(var(--radius) - 2px)} .rounded-none{border-radius:0px} .rounded-sm{border-radius:calc(var(--radius) - 4px)} .rounded-xl{border-radius:0.75rem} .rounded-b-lg{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)} .rounded-b-md{border-bottom-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)} .rounded-b-none{border-bottom-right-radius:0px;border-bottom-left-radius:0px} .rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px} .rounded-l-none{border-top-left-radius:0px;border-bottom-left-radius:0px} .rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px} .rounded-r-none{border-top-right-radius:0px;border-bottom-right-radius:0px} .rounded-t-\[25px\]{border-top-left-radius:25px;border-top-right-radius:25px} .rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)} .rounded-t-none{border-top-left-radius:0px;border-top-right-radius:0px} .rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)} .border{border-width:1px} .border-0{border-width:0px} .border-2{border-width:2px} .border-4{border-width:4px} .border-\[1\.5px\]{border-width:1.5px} .border-y{border-top-width:1px;border-bottom-width:1px} .border-b{border-bottom-width:1px} .border-b-2{border-bottom-width:2px} .border-l{border-left-width:1px} .border-l-0{border-left-width:0px} .border-l-2{border-left-width:2px} .border-l-4{border-left-width:4px} .border-r{border-right-width:1px} .border-t{border-top-width:1px} .border-t-2{border-top-width:2px} .border-dashed{border-style:dashed} .border-none{border-style:none} .border-\[\#1e3a8a\]{--tw-border-opacity:1;border-color:rgb(30 58 138 / var(--tw-border-opacity, 1))} .border-\[var\(--public-colour-border\)\]{border-color:var(--public-colour-border)} .border-\[var\(--public-colour-info-border\2c \#bfdbfe\)\]{border-color:var(--public-colour-info-border,#bfdbfe)} .border-\[var\(--public-colour-success-border\2c \#a7f3d0\)\]{border-color:var(--public-colour-success-border,#a7f3d0)} .border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))} .border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))} .border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))} .border-amber-400{--tw-border-opacity:1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))} .border-background{--tw-border-opacity:1;border-color:rgb(250 250 250 / var(--tw-border-opacity, 1))} .border-blue{--tw-border-opacity:1;border-color:rgb(67 142 255 / var(--tw-border-opacity, 1))} .border-blue\/10{border-color:rgb(67 142 255 / 0.1)} .border-blue\/15{border-color:rgb(67 142 255 / 0.15)} .border-blue\/20{border-color:rgb(67 142 255 / 0.2)} .border-blue\/25{border-color:rgb(67 142 255 / 0.25)} .border-blue\/30{border-color:rgb(67 142 255 / 0.3)} .border-blue\/40{border-color:rgb(67 142 255 / 0.4)} .border-border{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))} .border-border-secondary{--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))} .border-border\/10{border-color:rgb(226 232 240 / 0.1)} .border-border\/20{border-color:rgb(226 232 240 / 0.2)} .border-border\/50{border-color:rgb(226 232 240 / 0.5)} .border-border\/60{border-color:rgb(226 232 240 / 0.6)} .border-border\/70{border-color:rgb(226 232 240 / 0.7)} .border-cyan-200{--tw-border-opacity:1;border-color:rgb(165 243 252 / var(--tw-border-opacity, 1))} .border-dark-blue{--tw-border-opacity:1;border-color:rgb(0 25 62 / var(--tw-border-opacity, 1))} .border-destructive{border-color:hsl(var(--destructive))} .border-destructive\/30{border-color:hsl(var(--destructive) / 0.3)} .border-destructive\/40{border-color:hsl(var(--destructive) / 0.4)} .border-destructive\/50{border-color:hsl(var(--destructive) / 0.5)} .border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))} .border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))} .border-emerald-200\/80{border-color:rgb(167 243 208 / 0.8)} .border-emerald-300{--tw-border-opacity:1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))} .border-emerald-300\/40{border-color:rgb(110 231 183 / 0.4)} .border-emerald-400{--tw-border-opacity:1;border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))} .border-emerald-500{--tw-border-opacity:1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))} .border-fuchsia-200{--tw-border-opacity:1;border-color:rgb(245 208 254 / var(--tw-border-opacity, 1))} .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))} .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))} .border-gray-200\/50{border-color:rgb(229 231 235 / 0.5)} .border-gray-200\/70{border-color:rgb(229 231 235 / 0.7)} .border-gray-200\/80{border-color:rgb(229 231 235 / 0.8)} .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))} .border-gray-300\/70{border-color:rgb(209 213 219 / 0.7)} .border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))} .border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))} .border-gray-900\/10{border-color:rgb(17 24 39 / 0.1)} .border-green-100{--tw-border-opacity:1;border-color:rgb(220 252 231 / var(--tw-border-opacity, 1))} .border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))} .border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))} .border-input{border-color:hsl(var(--input))} .border-muted-foreground{border-color:hsl(var(--muted-foreground))} .border-muted-foreground\/40{border-color:hsl(var(--muted-foreground) / 0.4)} .border-muted\/40{border-color:hsl(var(--muted) / 0.4)} .border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))} .border-pink{--tw-border-opacity:1;border-color:rgb(247 37 133 / var(--tw-border-opacity, 1))} .border-pink-link{--tw-border-opacity:1;border-color:rgb(194 24 101 / var(--tw-border-opacity, 1))} .border-pink\/15{border-color:rgb(247 37 133 / 0.15)} .border-pink\/20{border-color:rgb(247 37 133 / 0.2)} .border-pink\/25{border-color:rgb(247 37 133 / 0.25)} .border-pink\/30{border-color:rgb(247 37 133 / 0.3)} .border-pink\/60{border-color:rgb(247 37 133 / 0.6)} .border-primary{border-color:hsl(var(--primary))} .border-primary\/10{border-color:hsl(var(--primary) / 0.1)} .border-primary\/20{border-color:hsl(var(--primary) / 0.2)} .border-primary\/50{border-color:hsl(var(--primary) / 0.5)} .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))} .border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))} .border-red-300\/40{border-color:rgb(252 165 165 / 0.4)} .border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))} .border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211 / var(--tw-border-opacity, 1))} .border-sky-200{--tw-border-opacity:1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))} .border-sky-500{--tw-border-opacity:1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))} .border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))} .border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))} .border-slate-200\/70{border-color:rgb(226 232 240 / 0.7)} .border-slate-200\/80{border-color:rgb(226 232 240 / 0.8)} .border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))} .border-slate-400\/50{border-color:rgb(148 163 184 / 0.5)} .border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))} .border-slate-900{--tw-border-opacity:1;border-color:rgb(15 23 42 / var(--tw-border-opacity, 1))} .border-transparent{border-color:transparent} .border-violet-200{--tw-border-opacity:1;border-color:rgb(221 214 254 / var(--tw-border-opacity, 1))} .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))} .border-white\/10{border-color:rgb(255 255 255 / 0.1)} .border-white\/15{border-color:rgb(255 255 255 / 0.15)} .border-white\/20{border-color:rgb(255 255 255 / 0.2)} .border-white\/25{border-color:rgb(255 255 255 / 0.25)} .border-white\/30{border-color:rgb(255 255 255 / 0.3)} .border-white\/40{border-color:rgb(255 255 255 / 0.4)} .border-white\/50{border-color:rgb(255 255 255 / 0.5)} .border-white\/70{border-color:rgb(255 255 255 / 0.7)} .border-b-slate-100{--tw-border-opacity:1;border-bottom-color:rgb(241 245 249 / var(--tw-border-opacity, 1))} .border-l-pink{--tw-border-opacity:1;border-left-color:rgb(247 37 133 / var(--tw-border-opacity, 1))} .border-l-transparent{border-left-color:transparent} .border-t-pink{--tw-border-opacity:1;border-top-color:rgb(247 37 133 / var(--tw-border-opacity, 1))} .border-t-transparent{border-top-color:transparent} .bg-\[\#01193e\]{--tw-bg-opacity:1;background-color:rgb(1 25 62 / var(--tw-bg-opacity, 1))} .bg-\[\#1e3a8a\]{--tw-bg-opacity:1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))} .bg-\[\#2f72d6\]{--tw-bg-opacity:1;background-color:rgb(47 114 214 / var(--tw-bg-opacity, 1))} .bg-\[\#303030\]{--tw-bg-opacity:1;background-color:rgb(48 48 48 / var(--tw-bg-opacity, 1))} .bg-\[\#EC4899\]{--tw-bg-opacity:1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))} .bg-\[\#ff4d8d\]{--tw-bg-opacity:1;background-color:rgb(255 77 141 / var(--tw-bg-opacity, 1))} .bg-\[var\(--public-colour-brand-soft\)\]{background-color:var(--public-colour-brand-soft)} .bg-\[var\(--public-colour-canvas\)\]{background-color:var(--public-colour-canvas)} .bg-\[var\(--public-colour-canvas-strong\)\]{background-color:var(--public-colour-canvas-strong)} .bg-\[var\(--public-colour-info-soft\2c \#eff6ff\)\]{background-color:var(--public-colour-info-soft,#eff6ff)} .bg-\[var\(--public-colour-success-soft\2c \#ecfdf5\)\]{background-color:var(--public-colour-success-soft,#ecfdf5)} .bg-\[var\(--public-colour-surface\)\]{background-color:var(--public-colour-surface)} .bg-accent{background-color:hsl(var(--accent))} .bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))} .bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))} .bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))} .bg-amber-50\/80{background-color:rgb(255 251 235 / 0.8)} .bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))} .bg-background{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))} .bg-background\/10{background-color:rgb(250 250 250 / 0.1)} .bg-background\/15{background-color:rgb(250 250 250 / 0.15)} .bg-background\/20{background-color:rgb(250 250 250 / 0.2)} .bg-background\/70{background-color:rgb(250 250 250 / 0.7)} .bg-background\/80{background-color:rgb(250 250 250 / 0.8)} .bg-background\/90{background-color:rgb(250 250 250 / 0.9)} .bg-background\/95{background-color:rgb(250 250 250 / 0.95)} .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))} .bg-black\/30{background-color:rgb(0 0 0 / 0.3)} .bg-black\/35{background-color:rgb(0 0 0 / 0.35)} .bg-black\/40{background-color:rgb(0 0 0 / 0.4)} .bg-black\/5{background-color:rgb(0 0 0 / 0.05)} .bg-black\/55{background-color:rgb(0 0 0 / 0.55)} .bg-black\/60{background-color:rgb(0 0 0 / 0.6)} .bg-black\/65{background-color:rgb(0 0 0 / 0.65)} .bg-black\/80{background-color:rgb(0 0 0 / 0.8)} .bg-blue{--tw-bg-opacity:1;background-color:rgb(67 142 255 / var(--tw-bg-opacity, 1))} .bg-blue\/10{background-color:rgb(67 142 255 / 0.1)} .bg-blue\/15{background-color:rgb(67 142 255 / 0.15)} .bg-blue\/25{background-color:rgb(67 142 255 / 0.25)} .bg-blue\/5{background-color:rgb(67 142 255 / 0.05)} .bg-border{--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))} .bg-card{background-color:hsl(var(--card))} .bg-current{background-color:currentColor} .bg-cyan-100{--tw-bg-opacity:1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))} .bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))} .bg-dark-blue{--tw-bg-opacity:1;background-color:rgb(0 25 62 / var(--tw-bg-opacity, 1))} .bg-dark-blue\/85{background-color:rgb(0 25 62 / 0.85)} .bg-dark-blue\/90{background-color:rgb(0 25 62 / 0.9)} .bg-destructive{background-color:hsl(var(--destructive))} .bg-destructive\/10{background-color:hsl(var(--destructive) / 0.1)} .bg-destructive\/5{background-color:hsl(var(--destructive) / 0.05)} .bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))} .bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))} .bg-emerald-50\/40{background-color:rgb(236 253 245 / 0.4)} .bg-emerald-50\/50{background-color:rgb(236 253 245 / 0.5)} .bg-emerald-50\/60{background-color:rgb(236 253 245 / 0.6)} .bg-emerald-50\/70{background-color:rgb(236 253 245 / 0.7)} .bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))} .bg-emerald-500\/20{background-color:rgb(16 185 129 / 0.2)} .bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))} .bg-emerald-600\/60{background-color:rgb(5 150 105 / 0.6)} .bg-emerald-700{--tw-bg-opacity:1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))} .bg-foreground{--tw-bg-opacity:1;background-color:rgb(1 25 62 / var(--tw-bg-opacity, 1))} .bg-foreground\/70{background-color:rgb(1 25 62 / 0.7)} .bg-fuchsia-100{--tw-bg-opacity:1;background-color:rgb(250 232 255 / var(--tw-bg-opacity, 1))} .bg-fuchsia-50{--tw-bg-opacity:1;background-color:rgb(253 244 255 / var(--tw-bg-opacity, 1))} .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .bg-gray-100\/75{background-color:rgb(243 244 246 / 0.75)} .bg-gray-100\/80{background-color:rgb(243 244 246 / 0.8)} .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))} .bg-gray-300\/30{background-color:rgb(209 213 219 / 0.3)} .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))} .bg-gray-50\/50{background-color:rgb(249 250 251 / 0.5)} .bg-gray-50\/75{background-color:rgb(249 250 251 / 0.75)} .bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))} .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))} .bg-gray-900\/35{background-color:rgb(17 24 39 / 0.35)} .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))} .bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))} .bg-green-50\/40{background-color:rgb(240 253 244 / 0.4)} .bg-green-500\/10{background-color:rgb(34 197 94 / 0.1)} .bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))} .bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))} .bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))} .bg-indigo-700{--tw-bg-opacity:1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))} .bg-input{background-color:hsl(var(--input))} .bg-muted{background-color:hsl(var(--muted))} .bg-muted-foreground\/30{background-color:hsl(var(--muted-foreground) / 0.3)} .bg-muted\/10{background-color:hsl(var(--muted) / 0.1)} .bg-muted\/20{background-color:hsl(var(--muted) / 0.2)} .bg-muted\/30{background-color:hsl(var(--muted) / 0.3)} .bg-muted\/40{background-color:hsl(var(--muted) / 0.4)} .bg-muted\/50{background-color:hsl(var(--muted) / 0.5)} .bg-muted\/55{background-color:hsl(var(--muted) / 0.55)} .bg-navy-900{--tw-bg-opacity:1;background-color:rgb(26 54 93 / var(--tw-bg-opacity, 1))} .bg-navy-900\/90{background-color:rgb(26 54 93 / 0.9)} .bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))} .bg-neutral-50{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))} .bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))} .bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))} .bg-pink{--tw-bg-opacity:1;background-color:rgb(247 37 133 / var(--tw-bg-opacity, 1))} .bg-pink-link{--tw-bg-opacity:1;background-color:rgb(194 24 101 / var(--tw-bg-opacity, 1))} .bg-pink\/10{background-color:rgb(247 37 133 / 0.1)} .bg-pink\/15{background-color:rgb(247 37 133 / 0.15)} .bg-pink\/20{background-color:rgb(247 37 133 / 0.2)} .bg-pink\/40{background-color:rgb(247 37 133 / 0.4)} .bg-pink\/5{background-color:rgb(247 37 133 / 0.05)} .bg-pink\/90{background-color:rgb(247 37 133 / 0.9)} .bg-popover{background-color:hsl(var(--popover))} .bg-primary{background-color:hsl(var(--primary))} .bg-primary\/10{background-color:hsl(var(--primary) / 0.1)} .bg-primary\/20{background-color:hsl(var(--primary) / 0.2)} .bg-primary\/5{background-color:hsl(var(--primary) / 0.05)} .bg-primary\/75{background-color:hsl(var(--primary) / 0.75)} .bg-purple\/10{background-color:rgb(148 76 240 / 0.1)} .bg-purple\/5{background-color:rgb(148 76 240 / 0.05)} .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))} .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))} .bg-red-500\/20{background-color:rgb(239 68 68 / 0.2)} .bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))} .bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))} .bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))} .bg-secondary{background-color:hsl(var(--secondary))} .bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))} .bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))} .bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))} .bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))} .bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))} .bg-slate-400\/30{background-color:rgb(148 163 184 / 0.3)} .bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))} .bg-slate-50\/60{background-color:rgb(248 250 252 / 0.6)} .bg-slate-50\/80{background-color:rgb(248 250 252 / 0.8)} .bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))} .bg-slate-900\/10{background-color:rgb(15 23 42 / 0.1)} .bg-slate-900\/20{background-color:rgb(15 23 42 / 0.2)} .bg-slate-900\/60{background-color:rgb(15 23 42 / 0.6)} .bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))} .bg-slate-950\/30{background-color:rgb(2 6 23 / 0.3)} .bg-slate-950\/35{background-color:rgb(2 6 23 / 0.35)} .bg-transparent{background-color:transparent} .bg-violet-100{--tw-bg-opacity:1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))} .bg-violet-50{--tw-bg-opacity:1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))} .bg-violet-600{--tw-bg-opacity:1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))} .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .bg-white\/10{background-color:rgb(255 255 255 / 0.1)} .bg-white\/15{background-color:rgb(255 255 255 / 0.15)} .bg-white\/20{background-color:rgb(255 255 255 / 0.2)} .bg-white\/25{background-color:rgb(255 255 255 / 0.25)} .bg-white\/30{background-color:rgb(255 255 255 / 0.3)} .bg-white\/40{background-color:rgb(255 255 255 / 0.4)} .bg-white\/5{background-color:rgb(255 255 255 / 0.05)} .bg-white\/70{background-color:rgb(255 255 255 / 0.7)} .bg-white\/80{background-color:rgb(255 255 255 / 0.8)} .bg-white\/90{background-color:rgb(255 255 255 / 0.9)} .bg-white\/95{background-color:rgb(255 255 255 / 0.95)} .bg-zinc-700{--tw-bg-opacity:1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))} .bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))} .bg-zinc-950{--tw-bg-opacity:1;background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1))} .bg-opacity-90{--tw-bg-opacity:0.9} .bg-\[radial-gradient\(circle_at_80\%_20\%\2c rgba\(103\2c 80\2c 164\2c 0\.52\)\2c transparent_42\%\)\]{background-image:radial-gradient(circle at 80% 20%,rgba(103,80,164,0.52),transparent 42%)} .bg-\[radial-gradient\(circle_at_top\2c rgba\(248\2c 250\2c 252\2c 0\.96\)\2c rgba\(255\2c 255\2c 255\2c 1\)_38\%\)\]{background-image:radial-gradient(circle at top,rgba(248,250,252,0.96),rgba(255,255,255,1) 38%)} .bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))} .bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))} .bg-gradient-to-l{background-image:linear-gradient(to left, var(--tw-gradient-stops))} .bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))} .bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))} .bg-gradient-to-tr{background-image:linear-gradient(to top right, var(--tw-gradient-stops))} .from-\[\#0f172a\]{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-400{--tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);--tw-gradient-to:rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-50{--tw-gradient-from:#fffbeb var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-black\/55{--tw-gradient-from:rgb(0 0 0 / 0.55) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-black\/60{--tw-gradient-from:rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-black\/80{--tw-gradient-from:rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue\/5{--tw-gradient-from:rgb(67 142 255 / 0.05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(67 142 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-card{--tw-gradient-from:hsl(var(--card)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-dark-blue{--tw-gradient-from:#00193E var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 25 62 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-dark-blue\/45{--tw-gradient-from:rgb(0 25 62 / 0.45) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 25 62 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-emerald-50{--tw-gradient-from:#ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to:rgb(236 253 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-950\/85{--tw-gradient-from:rgb(3 7 18 / 0.85) var(--tw-gradient-from-position);--tw-gradient-to:rgb(3 7 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-navy-900{--tw-gradient-from:#1a365d var(--tw-gradient-from-position);--tw-gradient-to:rgb(26 54 93 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-pink{--tw-gradient-from:#F72585 var(--tw-gradient-from-position);--tw-gradient-to:rgb(247 37 133 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-pink\/20{--tw-gradient-from:rgb(247 37 133 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(247 37 133 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-pink\/5{--tw-gradient-from:rgb(247 37 133 / 0.05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(247 37 133 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple\/5{--tw-gradient-from:rgb(148 76 240 / 0.05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(148 76 240 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-200{--tw-gradient-from:#e2e8f0 var(--tw-gradient-from-position);--tw-gradient-to:rgb(226 232 240 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-50{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-950\/65{--tw-gradient-from:rgb(2 6 23 / 0.65) var(--tw-gradient-from-position);--tw-gradient-to:rgb(2 6 23 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .via-\[\#182b50\]{--tw-gradient-to:rgb(24 43 80 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #182b50 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-\[\#1e293b\]{--tw-gradient-to:rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-black\/40{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-gray-900\/45{--tw-gradient-to:rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(17 24 39 / 0.45) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-navy-900\/20{--tw-gradient-to:rgb(26 54 93 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(26 54 93 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-slate-950\/15{--tw-gradient-to:rgb(2 6 23 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(2 6 23 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-transparent{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-white{--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-white\/10{--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-white\/95{--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(255 255 255 / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to)} .to-\[\#334155\]{--tw-gradient-to:#334155 var(--tw-gradient-to-position)} .to-black\/5{--tw-gradient-to:rgb(0 0 0 / 0.05) var(--tw-gradient-to-position)} .to-blue\/10{--tw-gradient-to:rgb(67 142 255 / 0.1) var(--tw-gradient-to-position)} .to-green-50{--tw-gradient-to:#f0fdf4 var(--tw-gradient-to-position)} .to-indigo-500{--tw-gradient-to:#6366f1 var(--tw-gradient-to-position)} .to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)} .to-pink\/70{--tw-gradient-to:rgb(247 37 133 / 0.7) var(--tw-gradient-to-position)} .to-purple\/10{--tw-gradient-to:rgb(148 76 240 / 0.1) var(--tw-gradient-to-position)} .to-rose-500{--tw-gradient-to:#f43f5e var(--tw-gradient-to-position)} .to-slate-50{--tw-gradient-to:#f8fafc var(--tw-gradient-to-position)} .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)} .to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)} .to-white\/90{--tw-gradient-to:rgb(255 255 255 / 0.9) var(--tw-gradient-to-position)} .bg-cover{background-size:cover} .bg-center{background-position:center} .fill-current{fill:currentColor} .fill-gray-900{fill:#111827} .fill-muted-foreground{fill:hsl(var(--muted-foreground))} .fill-pink{fill:#F72585} .fill-popover{fill:hsl(var(--popover))} .fill-primary{fill:hsl(var(--primary))} .stroke-border{stroke:#E2E8F0} .stroke-current{stroke:currentColor} .stroke-\[1\.5\]{stroke-width:1.5} .object-contain{-o-object-fit:contain;object-fit:contain} .object-cover{-o-object-fit:cover;object-fit:cover} .object-left{-o-object-position:left;object-position:left} .p-0{padding:0px} .p-1{padding:0.25rem} .p-1\.5{padding:0.375rem} .p-12{padding:3rem} .p-2{padding:0.5rem} .p-2\.5{padding:0.625rem} .p-3{padding:0.75rem} .p-3\.5{padding:0.875rem} .p-4{padding:1rem} .p-5{padding:1.25rem} .p-6{padding:1.5rem} .p-7{padding:1.75rem} .p-8{padding:2rem} .p-\[1px\]{padding:1px} .\!px-2{padding-left:0.5rem !important;padding-right:0.5rem !important} .\!py-0{padding-top:0px !important;padding-bottom:0px !important} .px-0{padding-left:0px;padding-right:0px} .px-1{padding-left:0.25rem;padding-right:0.25rem} .px-1\.5{padding-left:0.375rem;padding-right:0.375rem} .px-10{padding-left:2.5rem;padding-right:2.5rem} .px-12{padding-left:3rem;padding-right:3rem} .px-2{padding-left:0.5rem;padding-right:0.5rem} .px-2\.5{padding-left:0.625rem;padding-right:0.625rem} .px-3{padding-left:0.75rem;padding-right:0.75rem} .px-3\.5{padding-left:0.875rem;padding-right:0.875rem} .px-4{padding-left:1rem;padding-right:1rem} .px-5{padding-left:1.25rem;padding-right:1.25rem} .px-6{padding-left:1.5rem;padding-right:1.5rem} .px-8{padding-left:2rem;padding-right:2rem} .px-\[0\.3rem\]{padding-left:0.3rem;padding-right:0.3rem} .py-0{padding-top:0px;padding-bottom:0px} .py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem} .py-1{padding-top:0.25rem;padding-bottom:0.25rem} .py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem} .py-10{padding-top:2.5rem;padding-bottom:2.5rem} .py-12{padding-top:3rem;padding-bottom:3rem} .py-14{padding-top:3.5rem;padding-bottom:3.5rem} .py-16{padding-top:4rem;padding-bottom:4rem} .py-2{padding-top:0.5rem;padding-bottom:0.5rem} .py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem} .py-20{padding-top:5rem;padding-bottom:5rem} .py-3{padding-top:0.75rem;padding-bottom:0.75rem} .py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem} .py-4{padding-top:1rem;padding-bottom:1rem} .py-5{padding-top:1.25rem;padding-bottom:1.25rem} .py-6{padding-top:1.5rem;padding-bottom:1.5rem} .py-7{padding-top:1.75rem;padding-bottom:1.75rem} .py-8{padding-top:2rem;padding-bottom:2rem} .py-9{padding-top:2.25rem;padding-bottom:2.25rem} .py-\[0\.2rem\]{padding-top:0.2rem;padding-bottom:0.2rem} .py-\[18px\]{padding-top:18px;padding-bottom:18px} .\!pt-0{padding-top:0px !important} .pb-0{padding-bottom:0px} .pb-1{padding-bottom:0.25rem} .pb-10{padding-bottom:2.5rem} .pb-12{padding-bottom:3rem} .pb-16{padding-bottom:4rem} .pb-2{padding-bottom:0.5rem} .pb-20{padding-bottom:5rem} .pb-3{padding-bottom:0.75rem} .pb-3\.5{padding-bottom:0.875rem} .pb-32{padding-bottom:8rem} .pb-4{padding-bottom:1rem} .pb-5{padding-bottom:1.25rem} .pb-6{padding-bottom:1.5rem} .pb-7{padding-bottom:1.75rem} .pb-8{padding-bottom:2rem} .pb-\[0\.75rem\]{padding-bottom:0.75rem} .pb-\[calc\(16px\+env\(safe-area-inset-bottom\2c 0px\)\)\]{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))} .pb-\[calc\(1rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(1rem + env(safe-area-inset-bottom))} .pl-1{padding-left:0.25rem} .pl-10{padding-left:2.5rem} .pl-11{padding-left:2.75rem} .pl-12{padding-left:3rem} .pl-2{padding-left:0.5rem} .pl-2\.5{padding-left:0.625rem} .pl-3{padding-left:0.75rem} .pl-4{padding-left:1rem} .pl-5{padding-left:1.25rem} .pl-6{padding-left:1.5rem} .pl-7{padding-left:1.75rem} .pl-8{padding-left:2rem} .pl-9{padding-left:2.25rem} .pl-\[0\.8rem\]{padding-left:0.8rem} .pl-\[46px\]{padding-left:46px} .pl-\[calc\(0\.75rem\+1\.875rem\)\]{padding-left:calc(0.75rem + 1.875rem)} .pl-\[max\(1rem\2c env\(safe-area-inset-left\)\)\]{padding-left:max(1rem,env(safe-area-inset-left))} .pr-1{padding-right:0.25rem} .pr-10{padding-right:2.5rem} .pr-12{padding-right:3rem} .pr-14{padding-right:3.5rem} .pr-16{padding-right:4rem} .pr-2{padding-right:0.5rem} .pr-2\.5{padding-right:0.625rem} .pr-20{padding-right:5rem} .pr-3{padding-right:0.75rem} .pr-4{padding-right:1rem} .pr-5{padding-right:1.25rem} .pr-8{padding-right:2rem} .pr-\[4\.25rem\]{padding-right:4.25rem} .pr-\[max\(1rem\2c env\(safe-area-inset-right\)\)\]{padding-right:max(1rem,env(safe-area-inset-right))} .pt-0{padding-top:0px} .pt-0\.5{padding-top:0.125rem} .pt-1{padding-top:0.25rem} .pt-10{padding-top:2.5rem} .pt-12{padding-top:3rem} .pt-16{padding-top:4rem} .pt-2{padding-top:0.5rem} .pt-20{padding-top:5rem} .pt-3{padding-top:0.75rem} .pt-4{padding-top:1rem} .pt-5{padding-top:1.25rem} .pt-6{padding-top:1.5rem} .pt-7{padding-top:1.75rem} .pt-8{padding-top:2rem} .pt-\[0\.75rem\]{padding-top:0.75rem} .pt-\[calc\(1rem\+env\(safe-area-inset-top\)\)\]{padding-top:calc(1rem + env(safe-area-inset-top))} .pt-\[max\(0\.75rem\2c env\(safe-area-inset-top\)\)\]{padding-top:max(0.75rem,env(safe-area-inset-top))} .text-left{text-align:left} .text-center{text-align:center} .text-right{text-align:right} .align-top{vertical-align:top} .align-middle{vertical-align:middle} .align-\[-3px\]{vertical-align:-3px} .font-heading{font-family:"proxima-nova", sans-serif} .font-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace} .font-sans{font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"} .\!text-sm{font-size:0.875rem !important;line-height:1.25rem !important} .text-2xl{font-size:1.5rem;line-height:2rem} .text-3xl{font-size:1.875rem;line-height:2.25rem} .text-4xl{font-size:2.25rem;line-height:2.5rem} .text-5xl{font-size:3rem;line-height:1} .text-6xl{font-size:3.75rem;line-height:1} .text-7xl{font-size:4.5rem;line-height:1} .text-\[0\.75em\]{font-size:0.75em} .text-\[0\.8rem\]{font-size:0.8rem} .text-\[1\.05rem\]{font-size:1.05rem} .text-\[10px\]{font-size:10px} .text-\[11px\]{font-size:11px} .text-\[12\.5px\]{font-size:12.5px} .text-\[13px\]{font-size:13px} .text-\[14\.5px\]{font-size:14.5px} .text-\[15px\]{font-size:15px} .text-\[16px\]{font-size:16px} .text-\[17px\]{font-size:17px} .text-\[28px\]{font-size:28px} .text-base{font-size:1rem;line-height:1.5rem} .text-h4{font-size:1.25rem;line-height:1.5;letter-spacing:-0.01em;font-weight:600} .text-lg{font-size:1.125rem;line-height:1.75rem} .text-sm{font-size:0.875rem;line-height:1.25rem} .text-xl{font-size:1.25rem;line-height:1.75rem} .text-xs{font-size:0.75rem;line-height:1.5} .font-black{font-weight:900} .font-bold{font-weight:700} .font-light{font-weight:300} .font-medium{font-weight:500} .font-normal{font-weight:400} .font-semibold{font-weight:600} .uppercase{text-transform:uppercase} .lowercase{text-transform:lowercase} .capitalize{text-transform:capitalize} .normal-case{text-transform:none} .italic{font-style:italic} .not-italic{font-style:normal} .ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .leading-4{line-height:1rem} .leading-5{line-height:1.25rem} .leading-6{line-height:1.5rem} .leading-7{line-height:1.75rem} .leading-8{line-height:2rem} .leading-\[0\.95\]{line-height:0.95} .leading-\[1\.05\]{line-height:1.05} .leading-\[1\.2\]{line-height:1.2} .leading-\[1\.6\]{line-height:1.6} .leading-none{line-height:1} .leading-normal{line-height:1.5} .leading-relaxed{line-height:1.625} .leading-snug{line-height:1.375} .leading-tight{line-height:1.25} .tracking-\[0\.12em\]{letter-spacing:0.12em} .tracking-\[0\.14em\]{letter-spacing:0.14em} .tracking-\[0\.16em\]{letter-spacing:0.16em} .tracking-\[0\.18em\]{letter-spacing:0.18em} .tracking-normal{letter-spacing:0em} .tracking-tight{letter-spacing:-0.025em} .tracking-tighter{letter-spacing:-0.05em} .tracking-wide{letter-spacing:0.025em} .tracking-wider{letter-spacing:0.05em} .tracking-widest{letter-spacing:0.1em} .\!text-green-700{--tw-text-opacity:1 !important;color:rgb(21 128 61 / var(--tw-text-opacity, 1)) !important} .\!text-slate-700{--tw-text-opacity:1 !important;color:rgb(51 65 85 / var(--tw-text-opacity, 1)) !important} .\!text-white{--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important} .text-\[\#1a2642\]{--tw-text-opacity:1;color:rgb(26 38 66 / var(--tw-text-opacity, 1))} .text-\[\#1d4f9e\]{--tw-text-opacity:1;color:rgb(29 79 158 / var(--tw-text-opacity, 1))} .text-\[\#626B7E\]{--tw-text-opacity:1;color:rgb(98 107 126 / var(--tw-text-opacity, 1))} .text-\[\#F2B5CA\]{--tw-text-opacity:1;color:rgb(242 181 202 / var(--tw-text-opacity, 1))} .text-\[var\(--public-colour-border-strong\)\]{color:var(--public-colour-border-strong)} .text-\[var\(--public-colour-brand\)\]{color:var(--public-colour-brand)} .text-\[var\(--public-colour-brand-active\)\]{color:var(--public-colour-brand-active)} .text-\[var\(--public-colour-info\)\]{color:var(--public-colour-info)} .text-\[var\(--public-colour-ink\)\]{color:var(--public-colour-ink)} .text-\[var\(--public-colour-inverse-muted\)\]{color:var(--public-colour-inverse-muted)} .text-\[var\(--public-colour-muted\)\]{color:var(--public-colour-muted)} .text-\[var\(--public-colour-success\2c \#047857\)\]{color:var(--public-colour-success,#047857)} .text-\[var\(--public-colour-success\2c \#15803d\)\]{color:var(--public-colour-success,#15803d)} .text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))} .text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))} .text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))} .text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))} .text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))} .text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))} .text-amber-900\/80{color:rgb(120 53 15 / 0.8)} .text-amber-950{--tw-text-opacity:1;color:rgb(69 26 3 / var(--tw-text-opacity, 1))} .text-blue{--tw-text-opacity:1;color:rgb(67 142 255 / var(--tw-text-opacity, 1))} .text-card-foreground{color:hsl(var(--card-foreground))} .text-current{color:currentColor} .text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))} .text-cyan-900{--tw-text-opacity:1;color:rgb(22 78 99 / var(--tw-text-opacity, 1))} .text-dark-blue{--tw-text-opacity:1;color:rgb(0 25 62 / var(--tw-text-opacity, 1))} .text-dark-blue\/20{color:rgb(0 25 62 / 0.2)} .text-dark-blue\/60{color:rgb(0 25 62 / 0.6)} .text-dark-blue\/70{color:rgb(0 25 62 / 0.7)} .text-dark-blue\/80{color:rgb(0 25 62 / 0.8)} .text-destructive{color:hsl(var(--destructive))} .text-destructive-foreground{color:hsl(var(--destructive-foreground))} .text-destructive-text{color:hsl(var(--destructive-text))} .text-emerald-100{--tw-text-opacity:1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))} .text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))} .text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))} .text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))} .text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))} .text-emerald-800\/80{color:rgb(6 95 70 / 0.8)} .text-emerald-900{--tw-text-opacity:1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))} .text-emerald-900\/75{color:rgb(6 78 59 / 0.75)} .text-emerald-900\/80{color:rgb(6 78 59 / 0.8)} .text-emerald-950{--tw-text-opacity:1;color:rgb(2 44 34 / var(--tw-text-opacity, 1))} .text-foreground{--tw-text-opacity:1;color:rgb(1 25 62 / var(--tw-text-opacity, 1))} .text-foreground\/50{color:rgb(1 25 62 / 0.5)} .text-foreground\/75{color:rgb(1 25 62 / 0.75)} .text-foreground\/80{color:rgb(1 25 62 / 0.8)} .text-fuchsia-600{--tw-text-opacity:1;color:rgb(192 38 211 / var(--tw-text-opacity, 1))} .text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))} .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))} .text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))} .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))} .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))} .text-gray-700\/80{color:rgb(55 65 81 / 0.8)} .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))} .text-gray-800\/70{color:rgb(31 41 55 / 0.7)} .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))} .text-gray-900\/90{color:rgb(17 24 39 / 0.9)} .text-gray-950{--tw-text-opacity:1;color:rgb(3 7 18 / var(--tw-text-opacity, 1))} .text-green-400{--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))} .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))} .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))} .text-green-700{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))} .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))} .text-green-900{--tw-text-opacity:1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))} .text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))} .text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))} .text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))} .text-indigo-900{--tw-text-opacity:1;color:rgb(49 46 129 / var(--tw-text-opacity, 1))} .text-inherit{color:inherit} .text-muted-foreground{color:hsl(var(--muted-foreground))} .text-muted-foreground\/50{color:hsl(var(--muted-foreground) / 0.5)} .text-muted-foreground\/60{color:hsl(var(--muted-foreground) / 0.6)} .text-muted-foreground\/65{color:hsl(var(--muted-foreground) / 0.65)} .text-navy-900{--tw-text-opacity:1;color:rgb(26 54 93 / var(--tw-text-opacity, 1))} .text-neutral-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))} .text-neutral-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))} .text-neutral-800{--tw-text-opacity:1;color:rgb(38 38 38 / var(--tw-text-opacity, 1))} .text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))} .text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))} .text-orange-900{--tw-text-opacity:1;color:rgb(124 45 18 / var(--tw-text-opacity, 1))} .text-pink{--tw-text-opacity:1;color:rgb(247 37 133 / var(--tw-text-opacity, 1))} .text-pink-link{--tw-text-opacity:1;color:rgb(194 24 101 / var(--tw-text-opacity, 1))} .text-pink\/10{color:rgb(247 37 133 / 0.1)} .text-pink\/80{color:rgb(247 37 133 / 0.8)} .text-popover-foreground{color:hsl(var(--popover-foreground))} .text-primary{color:hsl(var(--primary))} .text-primary-foreground{color:hsl(var(--primary-foreground))} .text-purple{--tw-text-opacity:1;color:rgb(148 76 240 / var(--tw-text-opacity, 1))} .text-red-100{--tw-text-opacity:1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))} .text-red-400{--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))} .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))} .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))} .text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))} .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))} .text-red-900{--tw-text-opacity:1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))} .text-red-900\/80{color:rgb(127 29 29 / 0.8)} .text-red-950{--tw-text-opacity:1;color:rgb(69 10 10 / var(--tw-text-opacity, 1))} .text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))} .text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))} .text-rose-800{--tw-text-opacity:1;color:rgb(159 18 57 / var(--tw-text-opacity, 1))} .text-rose-900{--tw-text-opacity:1;color:rgb(136 19 55 / var(--tw-text-opacity, 1))} .text-secondary-foreground{color:hsl(var(--secondary-foreground))} .text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))} .text-sky-800{--tw-text-opacity:1;color:rgb(7 89 133 / var(--tw-text-opacity, 1))} .text-sky-900{--tw-text-opacity:1;color:rgb(12 74 110 / var(--tw-text-opacity, 1))} .text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))} .text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))} .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))} .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))} .text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))} .text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))} .text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))} .text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))} .text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))} .text-transparent{color:transparent} .text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))} .text-violet-700{--tw-text-opacity:1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))} .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .text-white\/60{color:rgb(255 255 255 / 0.6)} .text-white\/65{color:rgb(255 255 255 / 0.65)} .text-white\/70{color:rgb(255 255 255 / 0.7)} .text-white\/75{color:rgb(255 255 255 / 0.75)} .text-white\/80{color:rgb(255 255 255 / 0.8)} .text-white\/85{color:rgb(255 255 255 / 0.85)} .text-white\/90{color:rgb(255 255 255 / 0.9)} .underline{text-decoration-line:underline} .\!no-underline{text-decoration-line:none !important} .no-underline{text-decoration-line:none} .decoration-dark-blue\/30{text-decoration-color:rgb(0 25 62 / 0.3)} .decoration-dark-blue\/40{text-decoration-color:rgb(0 25 62 / 0.4)} .decoration-emerald-300{text-decoration-color:#6ee7b7} .decoration-muted-foreground\/40{text-decoration-color:hsl(var(--muted-foreground) / 0.4)} .decoration-white\/70{text-decoration-color:rgb(255 255 255 / 0.7)} .underline-offset-2{text-underline-offset:2px} .underline-offset-4{text-underline-offset:4px} .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .caret-gray-900{caret-color:#111827} .caret-transparent{caret-color:transparent} .accent-primary{accent-color:hsl(var(--primary))} .accent-slate-900{accent-color:#0f172a} .opacity-0{opacity:0} .opacity-100{opacity:1} .opacity-20{opacity:0.2} .opacity-25{opacity:0.25} .opacity-40{opacity:0.4} .opacity-50{opacity:0.5} .opacity-60{opacity:0.6} .opacity-70{opacity:0.7} .opacity-75{opacity:0.75} .opacity-80{opacity:0.8} .opacity-90{opacity:0.9} .opacity-95{opacity:0.95} .shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_0_0_3px_rgba\(236\2c 72\2c 153\2c 0\.12\)\]{--tw-shadow:0 0 0 3px rgba(236,72,153,0.12);--tw-shadow-colored:0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_20px_50px_-32px_rgba\(2\2c 6\2c 23\2c 0\.45\)\]{--tw-shadow:0 20px 50px -32px rgba(2,6,23,0.45);--tw-shadow-colored:0 20px 50px -32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_24px_70px_-36px_rgba\(0\2c 25\2c 62\2c 0\.8\)\]{--tw-shadow:0 24px 70px -36px rgba(0,25,62,0.8);--tw-shadow-colored:0 24px 70px -36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_28px_70px_-36px_rgba\(2\2c 6\2c 23\2c 0\.55\)\]{--tw-shadow:0 28px 70px -36px rgba(2,6,23,0.55);--tw-shadow-colored:0 28px 70px -36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-pink\/25{--tw-shadow-color:rgb(247 37 133 / 0.25);--tw-shadow:var(--tw-shadow-colored)} .shadow-primary\/10{--tw-shadow-color:hsl(var(--primary) / 0.1);--tw-shadow:var(--tw-shadow-colored)} .outline-none{outline:2px solid transparent;outline-offset:2px} .outline{outline-style:solid} .ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-inset{--tw-ring-inset:inset} .ring-black\/10{--tw-ring-color:rgb(0 0 0 / 0.1)} .ring-card{--tw-ring-color:hsl(var(--card))} .ring-dark-blue{--tw-ring-opacity:1;--tw-ring-color:rgb(0 25 62 / var(--tw-ring-opacity, 1))} .ring-dark-blue\/40{--tw-ring-color:rgb(0 25 62 / 0.4)} .ring-gray-500\/10{--tw-ring-color:rgb(107 114 128 / 0.1)} .ring-pink{--tw-ring-opacity:1;--tw-ring-color:rgb(247 37 133 / var(--tw-ring-opacity, 1))} .ring-pink\/20{--tw-ring-color:rgb(247 37 133 / 0.2)} .ring-primary{--tw-ring-color:hsl(var(--primary))} .ring-ring{--tw-ring-color:hsl(var(--ring))} .ring-slate-200{--tw-ring-opacity:1;--tw-ring-color:rgb(226 232 240 / var(--tw-ring-opacity, 1))} .ring-slate-300{--tw-ring-opacity:1;--tw-ring-color:rgb(203 213 225 / var(--tw-ring-opacity, 1))} .ring-slate-900{--tw-ring-opacity:1;--tw-ring-color:rgb(15 23 42 / var(--tw-ring-opacity, 1))} .ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity, 1))} .ring-white\/20{--tw-ring-color:rgb(255 255 255 / 0.2)} .ring-offset-2{--tw-ring-offset-width:2px} .ring-offset-background{--tw-ring-offset-color:#FAFAFA} .blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .blur-sm{--tw-blur:blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .blur-xl{--tw-blur:blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .brightness-0{--tw-brightness:brightness(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .brightness-150{--tw-brightness:brightness(1.5);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .grayscale-\[0\.5\]{--tw-grayscale:grayscale(0.5);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[background-color\2c border-color\2c box-shadow\2c color\2c transform\]{transition-property:background-color,border-color,box-shadow,color,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[background-color\2c border-color\2c box-shadow\2c color\]{transition-property:background-color,border-color,box-shadow,color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[background-color\2c border-color\2c box-shadow\]{transition-property:background-color,border-color,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[background-color\2c border-color\2c color\2c transform\]{transition-property:background-color,border-color,color,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[background-color\2c border-color\2c color\]{transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[background-color\2c color\2c box-shadow\]{transition-property:background-color,color,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[background-color\2c color\2c transform\]{transition-property:background-color,color,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[border-color\2c box-shadow\2c transform\]{transition-property:border-color,box-shadow,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[border-color\2c box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[border-color\2c color\]{transition-property:border-color,color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[box-shadow\2c transform\]{transition-property:box-shadow,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[color\2c transform\]{transition-property:color,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[filter\2c opacity\]{transition-property:filter,opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[opacity\2c transform\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[transform\2c box-shadow\]{transition-property:transform,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[transform\2c opacity\]{transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .duration-1000{transition-duration:1000ms} .duration-150{transition-duration:150ms} .duration-200{transition-duration:200ms} .duration-300{transition-duration:300ms} .duration-500{transition-duration:500ms} .duration-700{transition-duration:700ms} .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)} .ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)} .will-change-transform{will-change:transform} @keyframes enter{from{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}} @keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}} .animate-in{animation-name:enter;animation-duration:150ms;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial} .animate-out{animation-name:exit;animation-duration:150ms;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial} .fade-in{--tw-enter-opacity:0} .fade-in-0{--tw-enter-opacity:0} .zoom-in-95{--tw-enter-scale:.95} .zoom-out-95{--tw-exit-scale:.95} .slide-in-from-left-1\/2{--tw-enter-translate-x:-50%} .slide-in-from-top-1{--tw-enter-translate-y:-0.25rem} .slide-in-from-top-\[48\%\]{--tw-enter-translate-y:-48%} .slide-out-to-left-1\/2{--tw-exit-translate-x:-50%} .slide-out-to-top-\[48\%\]{--tw-exit-translate-y:-48%} .duration-1000{animation-duration:1000ms} .duration-150{animation-duration:150ms} .duration-200{animation-duration:200ms} .duration-300{animation-duration:300ms} .duration-500{animation-duration:500ms} .duration-700{animation-duration:700ms} .ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)} .ease-out{animation-timing-function:cubic-bezier(0, 0, 0.2, 1)} .running{animation-play-state:running} .paused{animation-play-state:paused} .text-balance { text-wrap: balance; } .scrollbar-hide { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .scrollbar-hide::-webkit-scrollbar { display: none; /* Chrome, Safari and Opera */ } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } @keyframes float-delayed { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } } @keyframes subtle-float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-4px); } } .min-h-viewport { min-height: 100vh; } @supports (height: 100dvh) { .min-h-viewport { min-height: 100dvh; } } @supports (-webkit-touch-callout: none) { .min-h-viewport { min-height: -webkit-fill-available; } } .\[--face-review-height\:36vh\]{--face-review-height:36vh} .\[--face-review-height\:60vh\]{--face-review-height:60vh} .\[contain-intrinsic-size\:auto_10rem\]{contain-intrinsic-size:auto 10rem} .\[contain-intrinsic-size\:auto_320px\]{contain-intrinsic-size:auto 320px} .\[contain-intrinsic-size\:auto_440px\]{contain-intrinsic-size:auto 440px} .\[contain-intrinsic-size\:auto_520px\]{contain-intrinsic-size:auto 520px} .\[contain-intrinsic-size\:auto_620px\]{contain-intrinsic-size:auto 620px} .\[contain\:content\]{contain:content} .\[content-visibility\:auto\]{content-visibility:auto} .\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere} .\[padding-bottom\:max\(1\.25rem\2c env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.25rem,env(safe-area-inset-bottom))} .\[padding-bottom\:max\(1rem\2c env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1rem,env(safe-area-inset-bottom))} .\[padding-left\:max\(1rem\2c env\(safe-area-inset-left\)\)\]{padding-left:max(1rem,env(safe-area-inset-left))} .\[padding-right\:max\(1rem\2c env\(safe-area-inset-right\)\)\]{padding-right:max(1rem,env(safe-area-inset-right))} .\[scrollbar-gutter\:stable\]{scrollbar-gutter:stable} .\[scrollbar-width\:none\]{scrollbar-width:none} .\[scrollbar-width\:thin\]{scrollbar-width:thin} .\[text-wrap\:balance\]{text-wrap:balance} .\[text-wrap\:pretty\]{text-wrap:pretty} @supports (-webkit-touch-callout: none) { html { min-height: -webkit-fill-available; } body { min-height: -webkit-fill-available; } } @supports (height: 100dvh) { body { min-height: 100dvh; } } @media print { html, body { height: auto !important; min-height: auto !important; overflow: visible !important; background: #fff !important; } .overflow-hidden, .overflow-y-auto, .overflow-auto { overflow: visible !important; } .h-screen, .min-h-screen { height: auto !important; min-height: auto !important; } .no-print { display: none !important; } } /* Animations */ @keyframes pin-pulse { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(3); opacity: 0; } } /* Page Layout */ .container{margin-left:auto;margin-right:auto;max-width:96rem;padding-left:1rem;padding-right:1rem} .content-container{margin-left:auto;margin-right:auto;max-width:45rem} /* Section Spacing */ section{padding-top:1rem;padding-bottom:1rem} /* Card Spacing */ .card-content{padding:1.5rem} /* Heart button animations */ @keyframes scale-bounce { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .scale-bounce { animation: scale-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .animate-in { animation: fade-in 0.2s ease-out; } @keyframes fade-in { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } /* Optional: Add a pulse animation for the heart when hovering */ @keyframes heart-pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } /* Custom marquee animation that moves exactly the width of one set for seamless looping */ @keyframes marquee-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(var(--translate-distance, -50%)); } } .marquee-scroll { animation: marquee-scroll 120s linear infinite; } @media (prefers-reduced-motion: reduce) { .marquee-scroll { animation: none; transform: none; } } @keyframes border-rotate { from { --border-angle: 0turn; } to { --border-angle: 1turn; } } @keyframes shimmer { 0% { transform: translateX(-100%) skewX(-15deg); } 50% { transform: translateX(100%) skewX(-15deg); } 100% { transform: translateX(100%) skewX(-15deg); } } /* Utility classes */ .scale-bounce { animation: scale-bounce 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .animate-in { animation: fade-in 0.2s ease-out; } .group-hover\:heart-pulse:hover { animation: heart-pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite; } /* Add these custom button styles */ /* Make sure these are outside the @layer components */ @property --border-angle { syntax: ''; inherits: true; initial-value: 0turn; } @keyframes border-rotate { from { --border-angle: 0turn; } to { --border-angle: 1turn; } } @keyframes shimmer { 0% { transform: translateX(-100%) skewX(-15deg); } 50% { transform: translateX(100%) skewX(-15deg); } 100% { transform: translateX(100%) skewX(-15deg); } } /* Update the text size */ .button-cta-inner span{font-size:0.875rem;line-height:1.25rem} /* Prevent horizontal overflow */ html, body { overflow-x: hidden; width: 100%; min-height: 100vh; } /* Public pricing uses the document scrollbar; `clip` avoids creating a nested scroll container while preserving the global horizontal-overflow guard. */ html:has([data-pricing-public-page='true']), body:has([data-pricing-public-page='true']) { overflow-x: clip; } /* Profile sections scroll with the document. Hidden horizontal overflow on the body computes overflow-y:auto and captures sticky positioning even though the document is the element being scrolled. Clip retains the horizontal guard without making a second scroll container. Scope this to profile navigation. */ html:has(#school-profile-section-navigation), body:has(#school-profile-section-navigation) { overflow-x: clip; } /* Phone compare: the school-name row is sticky to the page while the rows scroll sideways underneath it. Same reason as above: clip, not hidden, on the body. */ html:has([data-comparison-stacked]), body:has([data-comparison-stacked]) { overflow-x: clip; } /* Custom properties */ @property --border-angle { syntax: ''; inherits: true; initial-value: 0turn; } /* Update/add these animation styles */ @keyframes pin-pulse { 0% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(3); opacity: 0.3; } 100% { transform: scale(1); opacity: 0; } } .map-pin-premium { animation: pin-pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .map-pin-growth { animation: pin-pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes float { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.05); } } .free-tag { animation: float 2s ease-in-out infinite; } /* Free tag animation */ @keyframes float-badge { 0%, 100% { transform: translateY(0) scale(1) rotate(0deg); } 25% { transform: translateY(-4px) scale(1.05) rotate(2deg); } 75% { transform: translateY(-2px) scale(1.05) rotate(-2deg); } } .free-tag-badge { position: absolute; top: -8px; right: -8px; /* pink-link keeps white 10px text above WCAG AA 4.5:1 (pink was 3.77:1). */ background-color: #C21865; color: white; font-size: 10px; font-weight: 600; padding: 2px 6px; border-radius: 9999px; animation: float-badge 3s ease-in-out infinite; transform-origin: center; z-index: var(--z-raised); letter-spacing: 0.5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } /* Add these to your existing styles */ .NavigationMenuTrigger { background: none !important; box-shadow: none !important; padding: 0 !important; } .NavigationMenuTrigger:hover { background: none !important; color: #F72585 !important; } /* Update navigation text styles */ .NavigationMenuTrigger { font-family: 'proxima-nova', sans-serif !important; letter-spacing: -0.01em; } /* Add to your existing animations */ .logo-search-container { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* Optional: Add hover effect to trigger search */ @media (hover: hover) { .logo-search-container:hover { transform: translateY(-50%); } } /* Update the transition styles */ .flex-col { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* Optional: Add hover effect to trigger search */ @media (hover: hover) { .nav-search-container:hover .flex-col { transform: translateY(-45px) !important; } } /* Add these animation keyframes */ @keyframes fadeSlideIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } /* Add the animation utility class */ .animate-in { animation: fadeSlideIn 0.3s ease-out forwards; opacity: 0; } /* Update the scrollbar styles */ .overscroll-y-contain { overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; /* Hide scrollbar for Chrome, Safari and Opera */ &::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } /* Remove the old scrollbar styles */ /* Delete or comment out these styles since we're hiding the scrollbar completely .bg-dark-blue { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.2) transparent; } .bg-dark-blue::-webkit-scrollbar { width: 6px; } .bg-dark-blue::-webkit-scrollbar-track { background: transparent; } .bg-dark-blue::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.2); border-radius: 3px; } */ /* Update the existing animations with new ones */ @keyframes slideIn { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fadeSlideUp { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } /* Add new animation class for individual items */ .animate-in-item { opacity: 0; animation: fadeSlideUp 0.5s ease-out forwards; animation-delay: 0.3s; } /* Optional: Add a subtle scale effect */ @keyframes scaleIn { 0% { opacity: 0; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } } /* Mobile menu background transition */ .mobile-menu-background { animation: slideIn 0.3s ease-out forwards; } /* Add this to your existing animations */ .stagger-animation { --stagger-delay: 0ms; } .stagger-animation > * { opacity: 0; animation: fadeSlideUp 0.5s ease-out forwards; animation-delay: calc(300ms + (var(--index, 0) * 100ms) + var(--stagger-delay)); } /* Optional: Add different starting delays for different sections */ .stagger-animation[data-section='tools'] { --stagger-delay: 500ms; } .stagger-animation[data-section='account'] { --stagger-delay: 1000ms; } /* Add safe area padding for mobile devices */ .pb-safe { padding-bottom: calc(env(safe-area-inset-bottom) + 2rem); } /* Improve mobile scrolling */ .overscroll-y-contain { overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; } /* Add these styles for better mobile menu aesthetics */ .mobile-menu-link{display:flex;align-items:center;gap:1rem;border-radius:var(--radius);padding-left:1rem;padding-right:1rem;padding-top:0.875rem;padding-bottom:0.875rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;animation-duration:200ms} .mobile-menu-link:hover{background-color:rgb(255 255 255 / 0.1)} .mobile-menu-link:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:rgb(255 255 255 / 0.15)} .mobile-menu-icon-container{display:flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background-color:rgb(255 255 255 / 0.1);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .school-popup .mobile-menu-icon-container { border-radius: 9999px; } .group:hover .mobile-menu-icon-container{background-color:rgb(255 255 255 / 0.15)} .mobile-menu-section > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))} .mobile-menu-section-title{margin-bottom:0.75rem;padding-left:1rem;padding-right:1rem;font-size:0.75rem;line-height:1.5;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:rgb(255 255 255 / 0.7)} /* Add subtle transition for section borders */ .mobile-menu-section-border{border-top-width:1px;border-color:rgb(255 255 255 / 0.1);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .mobile-menu-section-border:hover{border-color:rgb(255 255 255 / 0.2)} /* Improve touch feedback */ .mobile-menu-button{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .mobile-menu-button:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} /* Add this to override the default paragraph margin in mobile menu */ .mobile-menu-link p, [class*='animate-in-item'] p { margin-bottom: 0; } /* Or make it even more specific */ .overscroll-y-contain p { margin-bottom: 0; } /* Add these new animations */ @keyframes emoji-explosion { 0% { opacity: 1; transform: translate(0, 0) scale(0.1); } 50% { opacity: 1; transform: translate(var(--tx), var(--ty)) scale(1.2); } 100% { opacity: 0; transform: translate(var(--tx), var(--ty)) scale(0.1); } } .emoji-particle { position: fixed; pointer-events: none; z-index: var(--z-transient); animation: emoji-explosion 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 1.5rem; } /* Heart hover effect */ .group-hover\:heart-pulse { transition: transform 0.2s ease-out; } .group-hover\:heart-pulse:hover { transform: scale(1.1); } @keyframes subtle-heartbeat { 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(236, 72, 153, 0)); } 50% { transform: scale(1.15); filter: drop-shadow(0 3px 7px rgba(236, 72, 153, 0.2)); } } .heart-pulse-hover { transition: all 0.2s ease-out; } .group-hover\:heart-pulse:hover { animation: subtle-heartbeat 1.5s ease-in-out infinite; transform-origin: center; } /* Button and heart hover animations */ .favorite-button { transition: all 0.2s ease-out; } .favorite-button:hover { transform: scale(1.08); } .favorite-button:hover .heart-icon { animation: subtle-heartbeat 1.5s ease-in-out infinite; transform-origin: center; } /* Add these styles */ .results-panel { background: white; height: 100%; max-width: 100%; pointer-events: auto; } /* Handle desktop layout */ @media (min-width: 768px) { .results-panel { width: 400px; position: relative !important; transform: none !important; border-right: 1px solid #e5e7eb; height: calc(100vh - 8rem); /* Account for header and search filters */ } } .results-content { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } /* Ensure map container takes remaining space */ .map-container { position: relative; height: 100%; flex: 1; transition: margin-left 0.3s ease-in-out; } /* Add smooth transitions */ .panel-transition { transition: all 0.3s ease-in-out; } /* Update map container styles */ .maplibregl-map { width: 100% !important; height: 100% !important; background-color: #f8f9fa; } .maplibregl-canvas { width: 100% !important; height: 100% !important; } /* Main content layout */ .flex-1 { min-width: 0; /* This is important for flex layout */ } /* Panel transition */ .panel-transition { transition: all 0.3s ease-in-out; } /* Results panel */ .results-panel { background: white; height: 100%; max-width: 100%; pointer-events: auto; display: flex; flex-direction: column; } @media (min-width: 768px) { .results-panel { width: 400px; flex-shrink: 0; border-right: 1px solid #e5e7eb; } } /* Update map styles */ .maplibregl-map { width: 100% !important; height: 100% !important; } .maplibregl-canvas-container { width: 100% !important; height: 100% !important; } .maplibregl-canvas { width: 100% !important; height: 100% !important; } /* Ensure proper flex behavior */ .flex-1 { min-width: 0; flex: 1 1 0%; } /* Mobile search button */ .mobile-search-button{position:fixed;right:1rem;top:1rem;z-index:var(--z-floating);border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.75rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .school-popup .mobile-search-button { border-radius: 9999px; } @media (min-width: 768px){.mobile-search-button{display:none}} /* Mobile filters styling */ .mobile-filters .search-bar{flex-direction:column} .mobile-filters .search-bar > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))} .mobile-filters .search-bar { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } @media (hover: hover) { .nav-search-container:hover .mobile-filters .search-bar { transform: translateY(-45px); } } .mobile-filters .search-item{width:100%} .mobile-filters .PopoverContent{width:100%;max-width:none; transform: none !important; top: auto !important; left: 0 !important} /* Ensure the panel has proper z-index */ .draggable-panel{z-index:var(--z-modal)} .loader { height: 40px; aspect-ratio: 2.5; --_g: no-repeat radial-gradient(farthest-side,#F72585 90%,#0000); background:var(--_g), var(--_g), var(--_g), var(--_g); background-size: 20% 50%; animation: l43 1s infinite linear; opacity: 0; animation: fadeIn 0.3s ease-in forwards, l43 1s infinite linear; } /* Fade in animation for smoother appearance */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes l43 { 0% {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 50% ,calc(2*100%/3) 50% ,calc(3*100%/3) 50% } 16.67% {background-position: calc(0*100%/3) 0 ,calc(1*100%/3) 50% ,calc(2*100%/3) 50% ,calc(3*100%/3) 50% } 33.33% {background-position: calc(0*100%/3) 100%,calc(1*100%/3) 0 ,calc(2*100%/3) 50% ,calc(3*100%/3) 50% } 50% {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 100%,calc(2*100%/3) 0 ,calc(3*100%/3) 50% } 66.67% {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 50% ,calc(2*100%/3) 100%,calc(3*100%/3) 0 } 83.33% {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 50% ,calc(2*100%/3) 50% ,calc(3*100%/3) 100%} 100% {background-position: calc(0*100%/3) 50% ,calc(1*100%/3) 50% ,calc(2*100%/3) 50% ,calc(3*100%/3) 50% } } @keyframes moveGradient { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } .search-filters { position: fixed; left: 50%; transform: translateX(-50%); z-index: var(--z-floating); background: white; max-width: 900px; width: calc(100% - 40px); margin: 16px auto; padding: 15px; border-radius: 60px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .search-bar { display: flex; padding: 0px; background-color: #fff; border: 1px solid #ddd; border-radius: 42px; transition: box-shadow 0.3s ease, background-color 0.3s ease; align-items: stretch; position: relative; z-index: var(--z-raised); } /* Custom Scrollbar */ .custom-scrollbar::-webkit-scrollbar { width: 8px; } .custom-scrollbar::-webkit-scrollbar-track { background: transparent; } .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #E5E7EB; border-radius: 9999px; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #D1D5DB; } .school-map-popup { padding: 0 !important; max-width: 400px !important; } .school-map-popup .maplibregl-popup-content { padding: 0 !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .school-popup-container { width: 100%; min-width: 300px; } /* Add override for margins in button content */ .button-content-override h1, .button-content-override h2, .button-content-override h3, .button-content-override h4, .button-content-override h5, .button-content-override h6, .button-content-override p { margin-bottom: 0 !important; } /* Specifically for the document viewer modal */ .document-viewer-modal * { margin-top: 0 !important; margin-bottom: 0 !important; } /* ========================================================================== Legacy styles migrated from style.css TODO: Refactor these into Tailwind utilities or component classes ========================================================================== */ /* --- App Layout --- */ html { font-family: var(--font-assistant), sans-serif; } .app-container { display: flex; flex-direction: column; min-height: 100vh; width: 100%; } /* --- Floating Header --- */ .floating-header { display: flex; justify-content: space-between; width: 100%; box-sizing: border-box; align-items: center; padding: 12px 16px; border-radius: 8px; background-color: white; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); } .logo-title-container { display: flex; align-items: baseline; } .logo { height: 24px; margin-right: 10px; } .site-title { font-size: 1rem; font-weight: bold; color: #333; margin: 0; } /* --- Parent Tools --- */ .parent-tools-dropdown { margin-left: 0; } .parent-tools-btn { display: flex; align-items: center; justify-content: center; background-color: #F72585; color: white; border: none; padding: 8px 16px; border-radius: 24px; font-size: 14px; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; } .parent-tools-btn:hover { background-color: rgb(247 37 133 / 90); } .btn-icon { display: none; } /* --- Map --- */ .map-container.panel-expanded { width: calc(100% - 50vw); } .map { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .map-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.3s ease; } .map-overlay.hidden { opacity: 0; pointer-events: none; } /* --- Results Panel (legacy vanilla overrides) --- */ .results-panel.expanded { min-width: 50vw; max-width: 50vw; } .results-panel:not(.expanded) { width: 40px; } .panel-toggle { display: flex; align-items: center; justify-content: center; width: 40px; background-color: #f3f4f6; cursor: pointer; transition: background-color 0.3s ease; } .panel-toggle:hover { background-color: #e5e7eb; } .results-header { padding: 16px 16px 8px 16px; } .filter-to-viewport { justify-content: space-between; margin-top: 8px; display: flex; align-items: center; gap: 8px; } /* --- Search UI (legacy vanilla) --- */ .search-filters.active .search-bar { background-color: #ececec; } .search-item { flex: 1; padding: 16px 24px; cursor: pointer; position: relative; transition: background-color 0.2s ease; background-color: transparent; border-radius: 42px; min-width: 0; overflow: hidden; } .search-item:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 20%; height: 60%; width: 1px; background-color: #ebebeb; transition: opacity 0.2s ease; } .search-filters:not(.active) .search-item:hover:not(.active) { background-color: #ebebeb; } .search-filters.active .search-item:hover:not(.active) { background-color: #ddd; } .search-filters:hover .search-item::after { opacity: 0; } .search-item.active { background-color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .search-item h3 { margin: 0; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #717171; } .search-item p { margin: 4px 0 0; font-size: 16px; color: #222; font-weight: 500; padding-right: 48px; } .search-item:hover { background-color: #ececec; } .search-item.active, .search-item:hover { background-color: #ffffff; } /* --- Search Button --- */ .search-button { position: absolute; top: 50%; right: 28px; transform: translateY(-50%); background-color: #F72585; color: #fff; border: none; cursor: pointer; font-size: 16px; font-weight: 600; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 60px; transition: width 0.3s ease, background-color 0.3s ease, padding 0.3s ease; overflow: hidden; z-index: var(--z-raised); padding: 0; } .search-button-content { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .search-icon { flex-shrink: 0; width: 24px; height: 24px; } .search-text { opacity: 0; width: 0; transition: opacity 0.3s ease, width 0.3s ease; } .search-button.expanded .search-text { margin-left: 8px; opacity: 1; width: auto; } .search-button:hover { background-color: rgb(247 37 133 / 90); } .search-button.expanded { width: 100px; padding-inline: 60px; } .search-filters:not(.search-triggered) { top: 40%; transform: translate(-50%, -50%); } .search-filters.search-triggered { top: 90px; max-width: 900px; } .search-filters.search-triggered:has(+ .results-panel.expanded) { left: 75vw; transform: translateX(-50%); width: calc(100% - 54vw); } /* --- Reset Icon --- */ .reset-icon { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #717171; display: none; z-index: var(--z-raised); transition: color 0.3s ease; } .reset-icon:hover { color: #222; } .search-item.active .reset-icon, .search-item:hover .reset-icon { display: block; } @media (min-width: 769px) { .filters-reset-icon { right: 148px; } } /* --- Tooltip --- */ .tooltip-content { background-color: white; color: black; padding: 5px 10px; border-radius: 4px; font-size: 12px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } /* --- Tabs --- */ .tabs-component { margin-top: 16px; } .tabs-list { display: flex; border-bottom: 1px solid #ddd; } .tabs-trigger { flex: 1; cursor: pointer; background-color: transparent; border: none; font-size: 14px; text-align: center; transition: background-color 0.2s ease; } .tabs-trigger.active { border-bottom: 2px solid #F72585; font-weight: bold; } .tabs-content { margin-top: 16px; } /* --- Location Popover --- */ .location-popover-content, .filters-popover-content { max-width: 95vw; width: var(--radix-popover-trigger-width, 100%); z-index: var(--z-transient); } .popover-content { width: var(--radix-popover-trigger-width, 100%); } .popover-content > div { width: 100%; } .location-input-wrapper { position: relative; } .location-input { width: 100%; padding-right: 2.5rem; } .location-clear-button { position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: #64748b; } .location-suggestions-list { margin-top: 0.5rem; border: 1px solid #e2e8f0; border-radius: 0.375rem; background-color: white; max-height: 200px; overflow-y: auto; } .location-suggestion-item { padding: 0.5rem 1rem; cursor: pointer; } .location-suggestion-item:not(:last-child) { border-bottom: 1px solid #e2e8f0; } .location-suggestion-item:hover { background-color: #f1f5f9; } .radius-slider { margin-top: 1rem; } /* --- School Grid --- */ .school-grid { display: grid; gap: 16px; padding: 16px; margin-top: 16px; grid-auto-rows: 1fr; } .school-card-wrapper { width: 100%; height: 100%; } @media (min-width: 1600px) { .school-grid { grid-template-columns: repeat(3, 1fr); } .school-card { flex: 1 1 calc(33.333% - 11px); } } @media (min-width: 768px) and (max-width: 1599px) { .school-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .school-grid { grid-template-columns: repeat(1, 1fr); } } /* --- Tier Shadow Styles --- */ .shadow-premium { box-shadow: 0 0 0 3px rgba(91, 33, 182, 1), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .shadow-growth { box-shadow: 0 0 0 2px rgba(124, 58, 237, 1), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .shadow-starter { box-shadow: 0 0 0 1px rgba(167, 139, 250, 1), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .shadow-default { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .school-card:hover.shadow-premium { box-shadow: 0 0 0 3px rgba(91, 33, 182, 1), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .school-card:hover.shadow-growth { box-shadow: 0 0 0 2px rgba(124, 58, 237, 1), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .school-card:hover.shadow-starter { box-shadow: 0 0 0 1px rgba(167, 139, 250, 1), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .school-card:hover.shadow-default { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } /* --- Navigation Links --- */ .nav-links { display: flex; align-items: center; gap: 2rem; margin-left: auto; } .nav-link { font-size: 1rem; color: #4b5563; text-decoration: none; transition: color 0.2s ease; } .nav-link:hover { color: #1f2937; } /* --- Map Popup (legacy) --- */ .school-popup .maplibregl-popup-content { padding: 0; border-radius: 0.75rem; overflow: hidden; width: 300px; } .school-popup .maplibregl-popup-close-button { display: none; } .school-popup { animation: popupFade 0.2s ease-out; } @keyframes popupFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .school-popup .rounded-full { border-radius: 9999px; } .school-popup .w-8 { width: 2rem; } .school-popup .h-8 { height: 2rem; } .school-popup .p-0 { padding: 0; } .popup-container .school-card { width: 300px; max-width: 300px; min-width: 300px; } .popup-container { width: 300px; } /* --- Results Content Input --- */ .results-content input[type="text"] { background-color: white; transition: border-color 0.2s ease; } .results-content input[type="text"]:focus { outline: none; border-color: #2563eb; } /* --- MapLibre Popup (legacy) --- */ .maplibregl-popup-content { padding: 0 !important; border-radius: 0.75rem !important; overflow: hidden; } .maplibregl-popup-content .bg-card { background-color: white; } .maplibregl-popup-content .text-card-foreground { color: #333; } .maplibregl-popup-content .text-muted-foreground { color: #666; } .maplibregl-popup-close-button { font-size: 16px; color: #666; background-color: transparent; border: none; padding: 8px; cursor: pointer; position: absolute; top: 0; right: 0; transition: color 0.3s ease; } .maplibregl-popup-close-button:hover { color: #333; } .maplibregl-popup-content h3 { margin-right: 24px; } /* --- Mobile Responsive (legacy) --- */ @media (max-width: 768px) { .content-container.search-active { flex-direction: column-reverse; } .map-container { height: calc(50vh - 20px); width: 100% !important; } .results-panel { width: 100% !important; height: calc(40vh + 20px); flex-direction: column; } .results-panel.expanded { min-width: 100%; max-width: 100%; } .results-panel:not(.expanded) { height: 40px; } .panel-toggle { width: 100%; height: 40px; } .panel-toggle svg { transform: rotate(270deg); } .floating-header { padding: 8px 12px; } .logo { height: 16px; margin-right: 8px; } .site-title { font-size: 0.75rem; } .parent-tools-btn { font-size: 13px; padding-inline: 12px; } .btn-icon { display: block; width: 20px; height: 20px; } .school-list { gap: 12px; } .school-card { flex: 0 0 calc(50% - 6px); min-width: 0; } .search-filters, .search-filters:not(.search-triggered), .search-filters.search-triggered { border-radius: 24px; padding: 15px; top: 70px; left: 50% !important; transform: translateX(-50%) !important; width: calc(100% - 40px) !important; } .search-bar { flex-direction: column; border-radius: 15px; overflow: hidden; } .search-item { border-radius: 0; padding: 16px 24px; flex: 1; } .search-item:not(:last-child)::after { display: none; } .search-button { position: static; width: 100%; border-radius: 24px; margin-top: 8px; transform: none; } .search-button.expanded { width: 100%; } .location-popover-content, .filters-popover-content { position: absolute; top: 100%; left: 0; width: 100%; max-height: 80vh; overflow-y: auto; background: white; border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); padding: 16px; z-index: var(--z-transient); } } @media (max-width: 425px) { .logo-title-container { flex-direction: column; gap: 5px; } } /* --- Container (legacy vanilla fallback) --- */ .container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; max-width: 80rem; } @media (min-width: 640px) { .container { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 1024px) { .container { padding-left: 2rem; padding-right: 2rem; } } /* Location directory List and Map share one full-width search/filter subnav. Map mode then gives the workspace the rest of the viewport. */ .location-directory-list-subnav { margin-left: calc(50% - 50vw); width: 100vw; } html:has([data-location-directory-map-active='true']) { scrollbar-gutter: auto; } body:has([data-location-directory-map-active='true']) { overflow: hidden; padding-top: var(--visual-viewport-offset-top, 0px); } body:has([data-location-directory-map-active='true']) [data-page-breadcrumbs], body:has([data-location-directory-map-active='true']) [data-page-footer], body:has([data-location-directory-map-active='true']) [data-location-directory-list-only], body:has([data-location-directory-map-active='true']) [data-location-directory-global-search] { display: none; } body:has([data-location-directory-map-active='true']) [data-testid='directory-map-workspace'] .maplibregl-ctrl-bottom-left, body:has([data-location-directory-map-active='true']) [data-testid='directory-map-workspace'] .maplibregl-ctrl-bottom-right { bottom: env(safe-area-inset-bottom) !important; } .location-directory-school-preview { inset-inline: 0; bottom: 0; width: 100%; max-height: 55vh; border-radius: 1rem 1rem 0 0; padding: 0.5rem; padding-bottom: max(0.5rem, env(safe-area-inset-bottom)); } @media (min-width: 1024px) { .location-directory-school-preview { inset: auto; left: var(--map-preview-left); top: var(--map-preview-top); width: 26rem; max-height: min(55vh, calc(100% - 1.5rem)); border-radius: 1rem; padding-bottom: 0.5rem; } } @media (max-width: 1023px) { body:has([data-location-directory-map-active='true']) [data-testid='directory-map-workspace'] .maplibregl-ctrl-bottom-left, body:has([data-location-directory-map-active='true']) [data-testid='directory-map-workspace'] .maplibregl-ctrl-bottom-right { bottom: calc(var(--location-directory-map-bottom-clearance, 0px) + env(safe-area-inset-bottom)) !important; } } body:has([data-location-directory-map-active='true']) .location-directory-page { margin: 0; max-width: none; padding: 0; } body:has([data-location-directory-map-active='true']) .location-directory-page > section { padding-bottom: 0; padding-top: 0; } body:has([data-location-directory-map-active='true']) .location-directory-page > *, body:has([data-location-directory-map-active='true']) .location-directory-page > section > *, body:has([data-location-directory-map-active='true']) .location-directory-browser > * { margin-top: 0; } body:has([data-location-directory-map-active='true']) .location-directory-page > [data-location-directory-list-only] ~ *, body:has([data-location-directory-map-active='true']) .location-directory-page > section > [data-location-directory-list-only] ~ *, body:has([data-location-directory-map-active='true']) .location-directory-browser > [data-location-directory-list-only] ~ * { margin-top: 0; } /* Keep default dashboard page shells aligned to the shared 1536px page width. */ .dashboard-content .container:not([class*='max-w-']){max-width:96rem} /* Keyboard focus and in-page jumps scroll clear of the floating CTA / profile action bar (both publish --floating-cta-clearance while visible). */ html { scroll-padding-bottom: var(--floating-cta-clearance, 0px); } [data-public-theme-scope='production'][data-public-theme] { color: var(--public-colour-ink); font-family: var(--font-assistant, 'Assistant'), Arial, sans-serif; line-height: 1.55; } [data-public-theme-scope='production'][data-public-theme-boundary='true'] { background: var(--public-colour-surface); min-height: 100%; min-width: 0; touch-action: manipulation; width: 100%; -webkit-tap-highlight-color: var(--public-colour-tap-highlight); } [data-public-theme-scope='production'], [data-public-theme-scope='production'] *, [data-public-theme-scope='production'] *::before, [data-public-theme-scope='production'] *::after { box-sizing: border-box; } [data-public-theme-scope='production'] :is(h1, h2, h3, h4) { color: inherit; font-family: 'proxima-nova', var(--font-assistant, 'Assistant'), Arial, sans-serif; font-style: normal; text-wrap: balance; } [data-public-theme-scope='production'] :is(p, li, dd) { text-wrap: pretty; } [data-public-theme-scope='production'] :is(a, button, input, select, textarea, summary):focus-visible, [data-public-theme-scope='production'][data-slot] :is(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid var(--public-colour-focus); outline-offset: 3px; } [data-public-theme-scope='production'] :is(h1, h2, h3, section, [id]) { scroll-margin-top: 8rem; } [data-public-theme-scope='production'] :is( input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='file']), textarea, select ) { color: var(--public-colour-ink); font: inherit; } [data-public-theme-scope='production'] :is(input[type='checkbox'], input[type='radio']) { accent-color: var(--public-colour-brand); } /* Existing public semantic utility aliases resolve through the active theme. */ [data-public-theme-scope='production'] [class~='text-pink'] { color: var(--public-colour-brand); } [data-public-theme-scope='production'] [class~='text-pink-link'] { color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [class~='bg-pink'] { background-color: var(--public-colour-brand); } [data-public-theme-scope='production'] [class~='border-pink'] { border-color: var(--public-colour-brand); } [data-public-theme-scope='production'] [class~='ring-pink'] { --tw-ring-color: var(--public-colour-focus); } [data-public-theme-scope='production'] [class~='text-dark-blue'] { color: var(--public-colour-ink); } [data-public-theme-scope='production'] [class~='bg-dark-blue'] { background-color: var(--public-colour-ink); } /* Actions */ [data-public-theme-scope='production'] [data-slot='button'], [data-public-theme-scope='production'][data-slot='button'] { align-items: center; border: 1px solid transparent; border-radius: var(--public-radius-control); cursor: pointer; display: inline-flex; font-size: 0.9375rem; font-weight: 700; gap: 0.5rem; justify-content: center; min-height: var(--public-control-height); padding: 0.625rem 1.125rem; text-align: center; transition-duration: var(--public-motion-fast); transition-property: background-color, border-color, box-shadow, color, opacity, transform; transition-timing-function: ease; } [data-public-theme-scope='production'] [data-slot='button'][data-size='sm'], [data-public-theme-scope='production'][data-slot='button'][data-size='sm'] { min-height: 44px; padding: 0.5rem 0.875rem; } [data-public-theme-scope='production'] [data-slot='button'][data-size='lg'], [data-public-theme-scope='production'] [data-slot='button'][data-size='pill-lg'], [data-public-theme-scope='production'][data-slot='button'][data-size='lg'], [data-public-theme-scope='production'][data-slot='button'][data-size='pill-lg'] { min-height: 50px; padding-inline: 1.5rem; } [data-public-theme-scope='production'] [data-slot='button'][data-size='icon'], [data-public-theme-scope='production'][data-slot='button'][data-size='icon'] { border-radius: 50%; height: 46px; min-height: 46px; padding: 0; width: 46px; } [data-public-theme-scope='production'] [data-slot='button']:not(:disabled):hover, [data-public-theme-scope='production'][data-slot='button']:not(:disabled):hover { transform: translateY(-1px); } [data-public-theme-scope='production'] [data-slot='button']:not(:disabled):active, [data-public-theme-scope='production'][data-slot='button']:not(:disabled):active { transform: translateY(0); } [data-public-theme-scope='production'] [data-slot='button']:disabled, [data-public-theme-scope='production'][data-slot='button']:disabled { cursor: not-allowed; opacity: 0.48; } [data-public-theme-scope='production'] [data-slot='button']:is([data-variant='default'], [data-variant='pink']), [data-public-theme-scope='production'][data-slot='button']:is([data-variant='default'], [data-variant='pink']) { background: var(--public-colour-brand); border-color: var(--public-colour-brand); box-shadow: var(--public-shadow-brand); color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-slot='button']:is([data-variant='default'], [data-variant='pink']):not(:disabled):hover, [data-public-theme-scope='production'][data-slot='button']:is([data-variant='default'], [data-variant='pink']):not(:disabled):hover { background: var(--public-colour-brand-hover); border-color: var(--public-colour-brand-hover); box-shadow: var(--public-shadow-brand-hover); color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-slot='button']:is([data-variant='default'], [data-variant='pink']):not(:disabled):active, [data-public-theme-scope='production'][data-slot='button']:is([data-variant='default'], [data-variant='pink']):not(:disabled):active { background: var(--public-colour-brand-active); border-color: var(--public-colour-brand-active); box-shadow: var(--public-shadow-brand-active); color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-slot='button']:is([data-variant='outline'], [data-variant='secondary'], [data-variant='pink-outline']), [data-public-theme-scope='production'][data-slot='button']:is([data-variant='outline'], [data-variant='secondary'], [data-variant='pink-outline']) { background: var(--public-colour-surface); border-color: var(--public-colour-border-strong); box-shadow: 0 1px 2px color-mix(in srgb, var(--public-colour-ink) 4%, transparent); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-slot='button']:is([data-variant='outline'], [data-variant='secondary'], [data-variant='pink-outline']):not(:disabled):hover, [data-public-theme-scope='production'][data-slot='button']:is([data-variant='outline'], [data-variant='secondary'], [data-variant='pink-outline']):not(:disabled):hover { background: var(--public-colour-canvas); border-color: color-mix(in srgb, var(--public-colour-border-strong) 72%, var(--public-colour-ink-soft)); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-slot='button']:is([data-variant='outline'], [data-variant='secondary'], [data-variant='pink-outline']):not(:disabled):active, [data-public-theme-scope='production'][data-slot='button']:is([data-variant='outline'], [data-variant='secondary'], [data-variant='pink-outline']):not(:disabled):active { background: var(--public-colour-canvas-strong); border-color: var(--public-colour-ink-soft); box-shadow: none; color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-slot='button'][data-variant='destructive'], [data-public-theme-scope='production'][data-slot='button'][data-variant='destructive'] { background: var(--public-colour-danger-soft); border-color: var(--public-colour-danger-border); color: var(--public-colour-danger); } [data-public-theme-scope='production'] [data-slot='button'][data-variant='destructive']:not(:disabled):hover, [data-public-theme-scope='production'][data-slot='button'][data-variant='destructive']:not(:disabled):hover { background: color-mix(in srgb, var(--public-colour-danger-soft) 82%, var(--public-colour-danger)); border-color: var(--public-colour-danger); color: var(--public-colour-danger); } [data-public-theme-scope='production'] [data-slot='button'][data-variant='destructive']:not(:disabled):active, [data-public-theme-scope='production'][data-slot='button'][data-variant='destructive']:not(:disabled):active { background: color-mix(in srgb, var(--public-colour-danger-soft) 68%, var(--public-colour-danger)); border-color: var(--public-colour-danger); color: color-mix(in srgb, var(--public-colour-danger) 78%, var(--public-colour-ink)); } [data-public-theme-scope='production'] [data-slot='button']:is([data-variant='ghost'], [data-variant='link']), [data-public-theme-scope='production'][data-slot='button']:is([data-variant='ghost'], [data-variant='link']) { background: transparent; box-shadow: none; color: var(--public-colour-info); } [data-public-theme-scope='production'] [data-slot='button']:is([data-variant='ghost'], [data-variant='link']):not(:disabled):hover, [data-public-theme-scope='production'][data-slot='button']:is([data-variant='ghost'], [data-variant='link']):not(:disabled):hover { background: var(--public-colour-info-soft); color: color-mix(in srgb, var(--public-colour-info) 82%, var(--public-colour-ink)); } [data-public-theme-scope='production'] [data-slot='button']:is([data-variant='ghost'], [data-variant='link']):not(:disabled):active, [data-public-theme-scope='production'][data-slot='button']:is([data-variant='ghost'], [data-variant='link']):not(:disabled):active { background: color-mix(in srgb, var(--public-colour-info-soft) 82%, var(--public-colour-info)); color: color-mix(in srgb, var(--public-colour-info) 72%, var(--public-colour-ink)); } [data-public-theme-scope='production'] [data-slot='button'][data-variant='inverse'], [data-public-theme-scope='production'][data-slot='button'][data-variant='inverse'] { background: var(--public-colour-inverse-text); border-color: color-mix(in srgb, var(--public-colour-inverse-text) 70%, transparent); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-slot='button'][data-variant='inverse']:hover, [data-public-theme-scope='production'][data-slot='button'][data-variant='inverse']:hover { background: var(--public-colour-brand-soft); border-color: var(--public-colour-inverse-text); color: var(--public-colour-ink); } /* Surfaces opt in through the dedicated public Card wrapper. */ [data-public-theme-scope='production'] [data-slot='card'][data-public-surface='raised'], [data-public-theme-scope='production'][data-slot='card'][data-public-surface='raised'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: var(--public-shadow-raised); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-slot='card'][data-public-surface='flat'], [data-public-theme-scope='production'][data-slot='card'][data-public-surface='flat'] { background: transparent; border-color: transparent; border-radius: var(--public-radius-card); box-shadow: none; color: inherit; } [data-public-theme-scope='production'] [data-public-surface] [data-slot='card-header'] { gap: 0.375rem; padding: 1.5rem; } [data-public-theme-scope='production'] [data-public-surface] [data-slot='card-title'] { color: var(--public-colour-ink); font-size: 1.25rem; letter-spacing: -0.02em; line-height: 1.2; } [data-public-theme-scope='production'] [data-public-surface] [data-slot='card-description'] { color: var(--public-colour-muted); line-height: 1.6; } /* Fields */ [data-public-theme-scope='production'] [data-slot='input'], [data-public-theme-scope='production'] [data-slot='textarea'], [data-public-theme-scope='production'] [data-slot='select-trigger'], [data-public-theme-scope='production'][data-slot='select-content'] { background-color: var(--public-colour-surface); border: 1px solid var(--public-colour-border-strong); border-radius: var(--public-radius-control); color: var(--public-colour-ink); font-size: 1rem; min-height: 48px; transition-duration: var(--public-motion-fast); transition-property: border-color, box-shadow, background-color; } [data-public-theme-scope='production'] [data-slot='input']:focus-visible, [data-public-theme-scope='production'] [data-slot='textarea']:focus-visible, [data-public-theme-scope='production'] [data-slot='select-trigger']:focus-visible { border-color: var(--public-colour-focus); box-shadow: 0 0 0 3px var(--public-colour-focus-halo); outline: 2px solid transparent; outline-offset: 2px; } [data-public-theme-scope='production'] [data-slot='input']::-moz-placeholder, [data-public-theme-scope='production'] [data-slot='textarea']::-moz-placeholder { color: var(--public-colour-subtle); opacity: 1; } [data-public-theme-scope='production'] [data-slot='input']::placeholder, [data-public-theme-scope='production'] [data-slot='textarea']::placeholder { color: var(--public-colour-subtle); opacity: 1; } [data-public-theme-scope='production'] :is([data-slot='label'], [data-slot='form-label']) { color: var(--public-colour-ink); font-size: 0.875rem; font-weight: 700; } [data-public-theme-scope='production'] [data-slot='form-description'] { color: var(--public-colour-muted); line-height: 1.55; } [data-public-theme-scope='production'] [data-slot='form-message'] { color: var(--public-colour-danger); } [data-public-theme-scope='production'] [data-slot='otp-slot'] { background: var(--public-colour-surface); border-color: var(--public-colour-border-strong); border-radius: var(--public-radius-control); height: 48px; width: 48px; } [data-public-theme-scope='production'][data-slot='select-content'], [data-public-theme-scope='production'][data-slot='popover-content'], [data-public-theme-scope='production'][data-slot='dropdown-content'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: 14px; box-shadow: var(--public-shadow-floating); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-slot='select-item'], [data-public-theme-scope='production'][data-slot='select-item'] { align-items: center; border-radius: 9px; cursor: pointer; display: flex; min-height: 44px; padding: 0.5rem 2rem 0.5rem 0.75rem; color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-slot='select-item']:is(:focus, [data-highlighted]), [data-public-theme-scope='production'][data-slot='select-item']:is(:focus, [data-highlighted]) { background: var(--public-colour-brand-soft); color: var(--public-colour-brand-active); } [data-public-theme-scope='production'][data-slot='dropdown-item'] { border-radius: 9px; min-height: 44px; } [data-public-theme-scope='production'][data-slot='dropdown-item']:is(:focus, [data-highlighted]) { background: var(--public-colour-brand-soft); color: var(--public-colour-brand-active); } [data-public-theme-scope='production'][data-slot='dropdown-separator'] { background: var(--public-colour-border); } [data-public-theme-scope='production'] [data-slot='command'] { background: var(--public-colour-surface); border-radius: var(--public-radius-control); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-slot='command-input-wrapper'] { border-color: var(--public-colour-border); } [data-public-theme-scope='production'] [data-slot='command-input'] { color: var(--public-colour-ink); font-size: 1rem; min-height: 48px; } [data-public-theme-scope='production'] [data-slot='command-item'] { border-radius: var(--public-radius-control); min-height: 44px; } [data-public-theme-scope='production'] [data-slot='command-item'][data-selected='true'] { background: var(--public-colour-brand-soft); color: var(--public-colour-brand-active); } /* Selection */ [data-public-theme-scope='production'] [data-slot='checkbox'], [data-public-theme-scope='production'] [data-slot='radio-item'] { background: transparent; border: 0; color: var(--public-colour-on-brand); display: inline-grid; height: 44px; margin: -10px; place-items: center; position: relative; width: 44px; } [data-public-theme-scope='production'] [data-slot='checkbox']::before, [data-public-theme-scope='production'] [data-slot='radio-item']::before { background: var(--public-colour-surface); border: 2px solid var(--public-colour-border-strong); box-sizing: border-box; content: ''; height: 24px; width: 24px; } [data-public-theme-scope='production'] [data-slot='checkbox']::before { border-radius: 6px; } [data-public-theme-scope='production'] [data-slot='radio-item']::before { border-radius: 999px; } [data-public-theme-scope='production'] :is([data-slot='checkbox-indicator'], [data-slot='radio-indicator']) { position: absolute; z-index: var(--z-raised); } [data-public-theme-scope='production'] [data-slot='checkbox'][data-state='checked'], [data-public-theme-scope='production'] [data-slot='radio-item'][data-state='checked'] { background: transparent; } [data-public-theme-scope='production'] [data-slot='checkbox'][data-state='checked']::before, [data-public-theme-scope='production'] [data-slot='radio-item'][data-state='checked']::before { background: var(--public-colour-brand); border-color: var(--public-colour-brand); } [data-public-theme-scope='production'] [data-slot='switch'] { background: transparent; border: 0; height: 44px; margin-block: -8px; min-height: 44px; padding-inline: 3px; position: relative; width: 50px; } [data-public-theme-scope='production'] [data-slot='switch'][data-state='checked'] { background: transparent; } [data-public-theme-scope='production'] [data-slot='switch']::before { background: var(--public-colour-border-strong); border-radius: 999px; content: ''; height: 28px; inset: 50% 0 auto; position: absolute; transform: translateY(-50%); width: 50px; } [data-public-theme-scope='production'] [data-slot='switch'][data-state='checked']::before { background: var(--public-colour-brand); } [data-public-theme-scope='production'] [data-slot='switch-thumb'] { background: var(--public-colour-surface); height: 20px; position: relative; width: 20px; z-index: var(--z-raised); } [data-public-theme-scope='production'] [data-slot='switch-thumb'][data-state='unchecked'] { transform: translateX(0); } [data-public-theme-scope='production'] [data-slot='switch-thumb'][data-state='checked'] { transform: translateX(24px); } /* Status */ [data-public-theme-scope='production'] [data-slot='badge'], [data-public-theme-scope='production'][data-slot='badge'] { border: 1px solid transparent; border-radius: 999px; font-size: 0.75rem; font-weight: 700; line-height: 1.2; min-height: 28px; padding: 0.3125rem 0.625rem; } [data-public-theme-scope='production'] [data-slot='badge'][data-variant='default'], [data-public-theme-scope='production'][data-slot='badge'][data-variant='default'] { background: var(--public-colour-brand-soft); border-color: var(--public-colour-brand-border); color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-slot='badge'][data-variant='secondary'], [data-public-theme-scope='production'][data-slot='badge'][data-variant='secondary'] { background: var(--public-colour-info-soft); border-color: var(--public-colour-info-border); color: color-mix(in srgb, var(--public-colour-info) 78%, var(--public-colour-ink)); } [data-public-theme-scope='production'] [data-slot='badge'][data-variant='destructive'], [data-public-theme-scope='production'][data-slot='badge'][data-variant='destructive'] { background: var(--public-colour-danger-soft); border-color: var(--public-colour-danger-border); color: var(--public-colour-danger); } [data-public-theme-scope='production'] [data-slot='alert'] { background: var(--public-colour-info-soft); border-color: var(--public-colour-info-border); border-radius: var(--public-radius-card); color: color-mix(in srgb, var(--public-colour-info) 78%, var(--public-colour-ink)); } [data-public-theme-scope='production'] [data-slot='alert'][data-variant='destructive'] { background: var(--public-colour-danger-soft); border-color: var(--public-colour-danger-border); color: var(--public-colour-danger); } [data-public-theme-scope='production'] [data-slot='skeleton'] { background: var(--public-colour-canvas-strong); border-radius: var(--public-radius-control); } /* Tabs and disclosures */ [data-public-theme-scope='production'] [data-slot='tabs-list'] { background: transparent; border-bottom: 1px solid var(--public-colour-border); border-radius: 0; gap: 0.25rem; min-height: 52px; padding: 0; } [data-public-theme-scope='production'] [data-slot='tabs-trigger'] { background: transparent; border-bottom: 3px solid transparent; border-radius: 0; color: var(--public-colour-muted); font-weight: 700; margin-bottom: -1px; min-height: 48px; padding-inline: 1rem; } [data-public-theme-scope='production'] [data-slot='tabs-trigger'][data-state='active'] { background: transparent; border-bottom-color: var(--public-colour-brand); box-shadow: none; color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-slot='accordion-item'] { border-color: var(--public-colour-border); } [data-public-theme-scope='production'] [data-slot='accordion-trigger'] { color: var(--public-colour-ink); font-family: 'proxima-nova', var(--font-assistant, 'Assistant'), Arial, sans-serif; font-size: 1rem; font-weight: 700; min-height: 64px; } [data-public-theme-scope='production'] [data-slot='accordion-content'] { color: var(--public-colour-muted); line-height: 1.7; } /* Data */ [data-public-theme-scope='production'] [data-slot='table-container'] { border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); overscroll-behavior-inline: contain; } [data-public-theme-scope='production'] [data-slot='table'] { background: var(--public-colour-surface); color: var(--public-colour-ink); font-variant-numeric: tabular-nums; } [data-public-theme-scope='production'] [data-slot='table-head'] { background: var(--public-colour-canvas); color: var(--public-colour-ink-soft); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; } [data-public-theme-scope='production'] [data-slot='table-row'] { border-color: var(--public-colour-border); } [data-public-theme-scope='production'] [data-slot='table-row']:hover { background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-slot='pagination'] { color: var(--public-colour-ink-soft); } [data-public-theme-scope='production'] [data-slot='pagination-link'] { align-items: center; border: 1px solid transparent; border-radius: var(--public-radius-control); display: inline-flex; font-variant-numeric: tabular-nums; font-weight: 700; justify-content: center; min-height: 44px; min-width: 44px; } [data-public-theme-scope='production'] [data-slot='pagination-link']:hover { background: var(--public-colour-canvas); border-color: var(--public-colour-border); } [data-public-theme-scope='production'] [data-slot='pagination-link'][data-active='true'] { background: var(--public-colour-ink); color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-slot='carousel'] > [data-slot='button'] { background: var(--public-colour-surface); border-color: var(--public-colour-border-strong); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-slot='progress'] { background: var(--public-colour-brand-soft); } [data-public-theme-scope='production'] [data-slot='progress-indicator'] { background: var(--public-colour-brand); } /* Floating surfaces */ [data-public-theme-scope='production'][data-slot='dialog-overlay'], [data-public-theme-scope='production'][data-slot='sheet-overlay'] { background: color-mix(in srgb, var(--public-colour-inverse-surface) 68%, transparent); backdrop-filter: blur(3px); inset: 0; position: fixed; z-index: var(--z-backdrop); } [data-public-theme-scope='production'][data-slot='dialog-content'], [data-public-theme-scope='production'][data-slot='sheet-content'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-panel); box-shadow: var(--public-shadow-floating); color: var(--public-colour-ink); } [data-public-theme-scope='production'][data-slot='dialog-content'][data-public-dialog-layout='centred'] { display: grid; gap: 1rem; left: 50%; max-height: calc(100dvh - 2rem); max-width: 32rem; overflow: auto; overscroll-behavior: contain; padding: 1.5rem; position: fixed; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 2rem); z-index: var(--z-modal); } [data-public-theme-scope='production'][data-slot='dialog-content'][data-public-dialog-layout='full-screen'] { background: var(--public-colour-inverse-surface); border: 0; border-radius: 0; box-shadow: none; color: var(--public-colour-inverse-text); display: grid; gap: 0; height: 100dvh; left: 0; max-height: 100dvh; max-width: none; overflow: hidden; overscroll-behavior: contain; padding: 0; position: fixed; top: 0; transform: none; width: 100%; z-index: var(--z-modal); } [data-public-theme-scope='production'][data-slot='dialog-content'][data-public-dialog-layout='filter'] { border: 0; border-radius: 0; box-shadow: none; display: flex; flex-direction: column; gap: 0; height: 100dvh; left: 0; max-height: 100dvh; max-width: none; outline: none; overflow: hidden; padding: 0; position: fixed; top: 0; transform: none; width: 100%; z-index: var(--z-modal); } @media (min-width: 640px) { [data-public-theme-scope='production'][data-slot='dialog-content'][data-public-dialog-layout='filter'] { border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-panel); box-shadow: var(--public-shadow-floating); height: min(92dvh, 55rem); left: 50%; max-height: min(92dvh, 55rem); max-width: 56rem; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 2rem); } } [data-public-theme-scope='production'] [data-slot='dialog-close'], [data-public-theme-scope='production'][data-slot='dialog-close'] { align-items: center; background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: 50%; color: var(--public-colour-ink-soft); display: inline-flex; height: 44px; justify-content: center; position: absolute; right: 1rem; top: 1rem; width: 44px; } [data-public-theme-scope='production'][data-slot='select-content'] { max-height: min(22rem, 70vh); overflow: auto; overscroll-behavior: contain; padding: 0.5rem; } [data-public-theme-scope='production'][data-slot='tooltip-content'] { background: var(--public-colour-ink); border-radius: 8px; color: var(--public-colour-on-brand); font-size: 0.75rem; line-height: 1.45; max-width: 18rem; } [data-public-theme-scope='production'][data-slot='tooltip-arrow'] { fill: var(--public-colour-ink); } [data-public-theme-scope='production'][data-slot='bottom-rail-slot'] > * { border-color: var(--public-colour-border); box-shadow: var(--public-shadow-floating); } [data-public-theme-scope='production'][data-slot='toast-viewport'] { color: var(--public-colour-ink); } @media (hover: hover) { [data-public-theme-scope='production'] [data-slot='card'][data-public-surface='raised'][data-interactive='true']:hover { border-color: var(--public-colour-border-strong); box-shadow: var(--public-shadow-raised); transform: translateY(-2px); } } @media (max-width: 640px) { [data-public-theme-scope='production'] [data-slot='button'] { min-height: 46px; } [data-public-theme-scope='production'] [data-slot='input'], [data-public-theme-scope='production'] [data-slot='textarea'], [data-public-theme-scope='production'] [data-slot='select-trigger'] { font-size: 16px; } } @media (prefers-reduced-motion: reduce) { [data-public-theme-scope='production'] *, [data-public-theme-scope='production'] *::before, [data-public-theme-scope='production'] *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; } } /* * Theme-neutral public compositions. * * Feature components own content, semantics and product behaviour. These * selectors own the visual grammar that turns those components into a * coherent public experience. A future theme may override stable * data-public-pattern parts without changing page markup. */ /* Shared search composition */ [data-public-theme-scope='production'] [data-public-pattern='home-search'] { align-items: center; display: flex; flex-direction: column; gap: 1.5rem; width: 100%; } [data-public-theme-scope='production'] [data-public-pattern='home-search'] > div:first-child { align-items: center; display: flex; flex-direction: column; gap: 0.5rem; width: 100%; } [data-public-theme-scope='production'] [data-public-pattern='home-search'] > div:first-child > [data-slot='button'] { min-height: 56px; width: min(100%, 24rem); } [data-public-theme-scope='production'] [data-public-pattern='home-search'] [data-slot='button'][data-public-part='near-me-action'], [data-public-theme-scope='production'] [data-public-pattern='home-primary-action'] [data-slot='button'][data-public-part='near-me-action'] { gap: 0.625rem; justify-content: center; text-align: center; } [data-public-theme-scope='production'] [data-public-pattern='home-search'] > div:first-child > span { color: var(--public-colour-inverse-muted); } [data-public-theme-scope='production'] [data-public-pattern='home-search'] > div:first-child > div { align-items: center; display: flex; max-width: 24rem; width: 100%; } [data-public-theme-scope='production'] [data-public-pattern='home-search'] > div:first-child > div > div { background: color-mix(in srgb, var(--public-colour-inverse-text) 24%, transparent); flex: 1 1 auto; height: 1px; } [data-public-theme-scope='production'] [data-public-pattern='home-search'] > div:first-child > div > span { color: var(--public-colour-inverse-muted); margin-inline: 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='home-search'] form { align-items: center; display: flex; flex-direction: column; gap: 1rem; justify-content: center; max-width: 42rem; width: 100%; } [data-public-theme-scope='production'] [data-public-pattern='home-search'] form > div { align-items: center; display: flex; gap: 0.75rem; width: 100%; } [data-public-theme-scope='production'] [data-public-pattern='home-search'] form > div > span { color: var(--public-colour-inverse-text); font-size: 1rem; } [data-public-theme-scope='production'] [data-public-pattern='home-search'] [data-slot='select-trigger'] { flex: 1 1 auto; width: 100%; } @media (min-width: 768px) { [data-public-theme-scope='production'] [data-public-pattern='home-search'] form, [data-public-theme-scope='production'] [data-public-pattern='home-search'] form > div { flex-direction: row; } [data-public-theme-scope='production'] [data-public-pattern='home-search'] form > [data-slot='button'] { width: auto; } } /* Shared public chrome */ [data-public-theme-scope='production'] [data-public-pattern='page-shell'] { background: var(--public-colour-surface); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='site-navigation'] { background: color-mix(in srgb, var(--public-colour-surface) 97%, transparent); border-color: var(--public-colour-border); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='site-navigation'] nav a { background: transparent; border-bottom: 2px solid transparent; border-radius: 0; color: var(--public-colour-ink-soft); font-weight: 700; transition-duration: var(--public-motion-fast); transition-property: border-color, color; } [data-public-theme-scope='production'] [data-public-pattern='site-navigation'] nav a:hover, [data-public-theme-scope='production'] [data-public-pattern='site-navigation'] nav a[aria-current='page'] { background: transparent; border-bottom-color: var(--public-colour-brand); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='site-navigation'] input { background: var(--public-colour-surface); border-color: var(--public-colour-border-strong); border-radius: var(--public-radius-control); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='site-navigation'] input:focus-visible { border-color: var(--public-colour-focus); box-shadow: 0 0 0 3px var(--public-colour-focus-halo); } [data-public-theme-scope='production'] [data-public-pattern='site-navigation'] [data-public-part='header-utility-button'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-control); color: var(--public-colour-ink-soft); } [data-public-theme-scope='production'] [data-public-pattern='site-navigation'] [data-public-part='header-utility-button']:hover { background: var(--public-colour-canvas); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='status-notice'][data-tone='brand'] { background: var(--public-colour-surface); border-color: var(--public-colour-brand); color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-public-pattern='site-navigation-drawer'] { background: var(--public-colour-surface); border-color: var(--public-colour-border); box-shadow: var(--public-shadow-floating); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='site-navigation-drawer'] section { border-color: var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='site-navigation-drawer'] a, [data-public-theme-scope='production'] [data-public-pattern='site-navigation-drawer'] button { border-radius: var(--public-radius-control); color: var(--public-colour-ink-soft); } [data-public-theme-scope='production'] [data-public-pattern='site-navigation-drawer'] a:hover, [data-public-theme-scope='production'] [data-public-pattern='site-navigation-drawer'] button:hover { background: var(--public-colour-canvas); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='breadcrumbs'] { background: var(--public-colour-surface); border-color: var(--public-colour-border); color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-pattern='breadcrumbs'] a { color: var(--public-colour-ink-soft); min-height: 44px; } [data-public-theme-scope='production'] [data-public-pattern='breadcrumbs'] a:hover { color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] :is([data-public-pattern='site-footer-standard'], [data-public-pattern='site-footer-simple']) { background: var(--public-colour-inverse-surface); border-color: color-mix(in srgb, var(--public-colour-inverse-text) 14%, transparent); color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] :is([data-public-pattern='site-footer-standard'], [data-public-pattern='site-footer-simple']) h2, [data-public-theme-scope='production'] :is([data-public-pattern='site-footer-standard'], [data-public-pattern='site-footer-simple']) h3 { color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] :is([data-public-pattern='site-footer-standard'], [data-public-pattern='site-footer-simple']) a { color: color-mix(in srgb, var(--public-colour-inverse-text) 72%, transparent); min-height: 44px; transition-duration: var(--public-motion-fast); transition-property: color, transform; } [data-public-theme-scope='production'] :is([data-public-pattern='site-footer-standard'], [data-public-pattern='site-footer-simple']) a:hover { color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='site-footer-standard'] [data-public-part='footer-explore-tabs'] a { color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='site-footer-standard'] [data-slot='input'] { background: color-mix(in srgb, var(--public-colour-inverse-text) 10%, transparent); border-color: color-mix(in srgb, var(--public-colour-inverse-text) 24%, transparent); color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='site-footer-standard'] [data-slot='input']::-moz-placeholder { color: color-mix(in srgb, var(--public-colour-inverse-text) 62%, transparent); } [data-public-theme-scope='production'] [data-public-pattern='site-footer-standard'] [data-slot='input']::placeholder { color: color-mix(in srgb, var(--public-colour-inverse-text) 62%, transparent); } [data-public-theme-scope='production'][data-slot='dialog-content'][data-public-pattern='auth-dialog'], [data-public-theme-scope='production'] [data-public-pattern='auth-status-dialog'] [data-slot='dialog-content'] { border-radius: var(--public-radius-panel); } /* Repeated public content families */ [data-public-theme-scope='production'] [data-public-pattern='school-card'] { background: var(--public-colour-surface); border-color: var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: 0 1px 2px color-mix(in srgb, var(--public-colour-ink) 4%, transparent); color: var(--public-colour-ink); transition-duration: 180ms; transition-property: border-color, box-shadow; } @media (hover: hover) { [data-public-theme-scope='production'] [data-public-pattern='school-card']:hover { border-color: var(--public-colour-border-strong); box-shadow: var(--public-shadow-raised); } } [data-public-theme-scope='production'] [data-public-part='school-card-profile-chevron'] { background: color-mix(in srgb, var(--public-colour-ink) 7%, var(--public-colour-surface)); color: var(--public-colour-ink-soft); transition: background-color 180ms, color 180ms; } @media (hover: hover) { [data-public-theme-scope='production'] [data-public-pattern='school-card'][data-profile-action='chevron']:hover [data-public-part='school-card-profile-chevron'] { background: var(--public-colour-brand); color: var(--public-colour-inverse-text); } } [data-public-theme-scope='production'] [data-public-pattern='school-card'][data-profile-action='chevron']:focus-within [data-public-part='school-card-profile-chevron'] { background: var(--public-colour-brand); color: var(--public-colour-inverse-text); } @media (prefers-reduced-motion: reduce) { [data-public-theme-scope='production'] [data-public-part='school-card-profile-chevron'] { transition: none; } } [data-public-theme-scope='production'] [data-public-pattern='school-card'] h3 { color: var(--public-colour-ink); letter-spacing: -0.02em; } [data-public-theme-scope='production'] :is( [data-public-pattern='school-card'], [data-public-pattern='school-profile-hero'] ) [data-slot='button'][data-variant='ghost'] { background: color-mix(in srgb, var(--public-colour-surface) 96%, transparent); border: 1px solid color-mix(in srgb, var(--public-colour-inverse-text) 82%, transparent); box-shadow: 0 2px 10px color-mix(in srgb, var(--public-colour-ink) 18%, transparent); color: var(--public-colour-ink-soft); } [data-public-theme-scope='production'] :is( [data-public-pattern='school-card'], [data-public-pattern='school-profile-hero'] ) [data-slot='button'][data-variant='ghost']:not(:disabled):hover { background: var(--public-colour-surface); border-color: var(--public-colour-inverse-text); color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-public-pattern='directory-school-card'] { border-radius: var(--public-radius-card); } [data-public-theme-scope='production'] [data-public-pattern='directory-school-card']:focus-within { outline: 3px solid var(--public-colour-focus); outline-offset: 3px; } [data-public-theme-scope='production'] [data-public-pattern='location-directory'] { background: var(--public-colour-surface); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='directory-subnav'] { background: color-mix(in srgb, var(--public-colour-surface) 97%, transparent); border-color: var(--public-colour-border); box-shadow: 0 4px 12px color-mix(in srgb, var(--public-colour-ink) 4%, transparent); } [data-public-theme-scope='production'] [data-public-pattern='school-profile'] { background: var(--public-colour-surface); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='school-profile'] > div:not(:first-child) section > h2, [data-public-theme-scope='production'] [data-public-pattern='school-profile'] > div:not(:first-child) section > div > h2 { color: var(--public-colour-ink); letter-spacing: -0.03em; } [data-public-theme-scope='production'] [data-public-pattern='school-profile-hero'] { background: var(--public-colour-canvas-strong); } [data-public-theme-scope='production'] [data-public-pattern='school-profile-hero'] [data-public-part='profile-hero-school-name'] { font-size: clamp(1.5rem, 4vw, 3.5rem); letter-spacing: -0.04em; line-height: 1; overflow-wrap: anywhere; text-wrap: balance; } [data-public-theme-scope='production'] [data-public-pattern='profile-hero-actions'] [data-public-part='profile-hero-action'][data-slot='button'] { background: color-mix(in srgb, var(--public-colour-surface) 96%, transparent); border: 1px solid var(--public-colour-border-strong); border-radius: var(--public-radius-control); box-shadow: var(--public-shadow-raised); color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-public-pattern='profile-hero-actions'] [data-public-part='profile-hero-action'][data-slot='button']:not(:disabled):hover { background: var(--public-colour-surface); border-color: var(--public-colour-brand); color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-public-pattern='profile-hero-actions'] [data-public-part='profile-hero-action'][data-slot='button'][data-state='active'] { background: var(--public-colour-brand); border-color: var(--public-colour-brand); color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='profile-hero-actions'] [data-public-part='profile-hero-action'] :is(svg, span) { color: currentColor; } @media (min-width: 40rem) { [data-public-theme-scope='production'] [data-public-pattern='profile-hero-actions'] [data-public-part='profile-hero-action'][data-slot='button'][data-size='icon'] { min-width: 46px; padding-inline: 1rem; width: auto; } } [data-public-theme-scope='production'] [data-public-pattern='school-profile-hero'] [data-slot='badge'] { backdrop-filter: blur(6px); } [data-public-theme-scope='production'] [data-public-pattern='comparison-builder'] { background: var(--public-colour-surface); border-color: var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: var(--public-shadow-raised); } [data-public-theme-scope='production'] [data-public-pattern='comparison-builder'] > div { border-color: var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='comparison-page'] { color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='directory-state-section'] { background: var(--public-colour-canvas); border-block: 1px solid var(--public-colour-border); margin-inline: calc(clamp(1rem, 3vw, 2rem) * -1); padding: clamp(2rem, 4vw, 3.5rem) clamp(1rem, 3vw, 2rem); } [data-public-theme-scope='production'] [data-public-pattern='directory-state-heading'] { align-items: end; display: grid; gap: 1rem 3rem; grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.7fr); } [data-public-theme-scope='production'] [data-public-pattern='directory-state-heading'] h2, [data-public-theme-scope='production'] [data-public-pattern='directory-state-heading'] #browse-australia-by-state { color: var(--public-colour-ink); letter-spacing: -0.035em; line-height: 1; margin-top: 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-heading'] > p { color: var(--public-colour-muted); line-height: 1.65; margin: 0; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-card'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); color: var(--public-colour-ink); display: flex; flex-direction: column; min-height: 14.5rem; padding: 1.25rem; text-decoration: none; transition-duration: var(--public-motion-fast); transition-property: background-color, border-color, box-shadow, transform; transition-timing-function: ease; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-card']:hover { border-color: var(--public-colour-brand); box-shadow: var(--public-shadow-raised); transform: translateY(-2px); } [data-public-theme-scope='production'] [data-public-pattern='directory-state-card']:focus-visible { outline: 3px solid var(--public-colour-focus); outline-offset: 3px; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-card-topline'] { align-items: center; display: flex; justify-content: space-between; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-card-topline'] svg { color: var(--public-colour-brand); } [data-public-theme-scope='production'] [data-public-pattern='directory-state-code'] { color: var(--public-colour-brand-active); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.16em; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-card'] h3 { font-size: clamp(1.5rem, 3vw, 2rem); letter-spacing: -0.035em; line-height: 1; margin-top: 2.25rem; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-card'] > p { color: var(--public-colour-muted); font-size: 0.8125rem; line-height: 1.5; margin-top: 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-link'] { align-items: center; color: var(--public-colour-ink); display: inline-flex; font-size: 0.875rem; font-weight: 750; gap: 0.5rem; margin-top: auto; padding-top: 1.5rem; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-link'] svg { transition: transform var(--public-motion-fast) ease; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-card']:hover [data-public-pattern='directory-state-link'] svg { transform: translateX(3px); } [data-public-theme-scope='production'] [data-public-pattern='home-hero-panel'] { background: transparent; backdrop-filter: none; border-color: transparent; border-radius: 0; box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='home-hero-panel'] h1 { color: var(--public-colour-inverse-text); font-size: clamp(2.8rem, 7vw, 5.25rem); letter-spacing: -0.045em; line-height: 0.98; } [data-public-theme-scope='production'] [data-public-pattern='home-hero-panel'] > div > p, [data-public-theme-scope='production'] [data-public-pattern='home-hero-panel'] p { color: color-mix(in srgb, var(--public-colour-inverse-text) 86%, transparent); } [data-public-theme-scope='production'] [data-public-pattern='eyebrow-badge'] { background: var(--public-colour-brand-soft); border: 1px solid var(--public-colour-brand-border); border-radius: 999px; color: var(--public-colour-brand-active); font-weight: 700; } [data-public-theme-scope='production'] [data-public-pattern='trust-panel'] { background: var(--public-colour-surface); border-color: var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: var(--public-shadow-raised); } [data-public-theme-scope='production'] [data-public-pattern='journey-step'] { border-color: var(--public-colour-border); border-radius: var(--public-radius-card); } [data-public-theme-scope='production'] [data-public-pattern='journey-step-icon'] { border: 1px solid transparent; border-radius: 14px; box-shadow: var(--public-shadow-raised); } [data-public-theme-scope='production'] [data-public-pattern='journey-step-icon'][data-tone='ink'] { background: var(--public-colour-ink); color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='journey-step-icon'][data-tone='brand'] { background: var(--public-colour-brand); color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='journey-step-icon'][data-tone='success'] { background: var(--public-colour-success-soft); border-color: var(--public-colour-success-border); color: var(--public-colour-success); } [data-public-theme-scope='production'] [data-public-pattern='compact-link'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-control); transition-duration: var(--public-motion-fast); transition-property: background-color, border-color, color; } [data-public-theme-scope='production'] [data-public-pattern='compact-link']:hover { background: var(--public-colour-brand-soft); border-color: var(--public-colour-brand); } [data-public-theme-scope='production'] [data-public-pattern='editorial-card'] { background: var(--public-colour-surface); border-color: var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: 0 1px 2px color-mix(in srgb, var(--public-colour-ink) 4%, transparent); transition-duration: 180ms; transition-property: border-color, box-shadow; } @media (hover: hover) { [data-public-theme-scope='production'] [data-public-pattern='editorial-card']:hover, [data-public-theme-scope='production'] [data-public-pattern='editorial-card']:focus-within { border-color: var(--public-colour-border-strong); box-shadow: var(--public-shadow-raised); } } [data-public-theme-scope='production'] [data-public-pattern='text-link'] { color: var(--public-colour-info); font-weight: 700; } [data-public-theme-scope='production'] [data-public-pattern='editorial-content'] { background: var(--public-colour-surface); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='editorial-content'] [data-blog-article] { color: var(--public-colour-ink-soft); } [data-public-theme-scope='production'] [data-public-pattern='editorial-content'] [data-blog-article] :is(h2, h3, h4) { color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='editorial-content'] [data-blog-article] a { color: var(--public-colour-brand-active); text-decoration-color: color-mix(in srgb, var(--public-colour-brand-active) 35%, transparent); text-underline-offset: 4px; } [data-public-theme-scope='production'] [data-public-pattern='editorial-content'] [data-blog-article] > p { font-size: 1.2rem; line-height: 2rem; } [data-public-theme-scope='production'] [data-public-pattern='editorial-sidebar-cta'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='editorial-sidebar-cta'] [data-public-part='icon'] { background: var(--public-colour-canvas); border-radius: var(--public-radius-control); color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-public-pattern='editorial-cta'] { background: var(--public-colour-inverse-surface); border: 0; border-radius: var(--public-radius-card); box-shadow: none; color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='editorial-content'] [data-blog-article] [data-public-pattern='editorial-cta'] :is(h3, p) { color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='editorial-content'] [data-blog-article] [data-public-pattern='editorial-cta'] [data-public-part='icon'] { background: color-mix(in srgb, var(--public-colour-inverse-text) 10%, transparent); color: var(--public-colour-brand-border); } [data-public-theme-scope='production'] [data-public-pattern='editorial-content'] [data-blog-article] [data-public-pattern='editorial-cta'] [data-slot='button'] { color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='tool-page'] { background: var(--public-colour-surface); color: var(--public-colour-ink); } [data-public-theme-scope='production'] :is([data-public-pattern='tool-content-card'], [data-public-pattern='tool-card']) { border-radius: var(--public-radius-card); } [data-public-theme-scope='production'] [data-public-pattern='tool-image'] { border-radius: var(--public-radius-control); } [data-public-theme-scope='production'] [data-public-pattern='trust-icon'] { border-radius: 12px; } [data-public-theme-scope='production'] [data-public-pattern='state-panel'] { background: var(--public-colour-canvas); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); } [data-public-theme-scope='production'] :is([data-public-pattern='recovery-page'], [data-public-pattern='loading-page']) { color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='assessment-form-shell'] { background: var(--public-colour-canvas); color: var(--public-colour-ink); } /* Assessment screens have no fixed public header to offset their slide targets. */ [data-public-theme-scope='production'] [data-public-pattern='assessment-form-shell'] :is(h1, h2, h3, section, [id]) { scroll-margin-top: 0; } [data-public-theme-scope='production'] [data-public-pattern='assessment-form-shell'] :is( input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='file']), textarea, select ) { background: var(--public-colour-surface); border-color: var(--public-colour-border-strong); border-radius: var(--public-radius-control); } [data-public-theme-scope='production'] [data-public-pattern='assessment-form-shell'] :is(fieldset, [role='group']) { border-color: var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='public-section'] { background: var(--public-colour-surface); color: var(--public-colour-ink); padding-block: clamp(4.5rem, 8vw, 7rem); } [data-public-theme-scope='production'] [data-public-pattern='public-section'][data-layout='sponsor'] { border-block: 1px solid var(--public-colour-border); padding-block: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='section-inner'][data-layout='sponsor'] { align-items: center; color: var(--public-colour-ink); display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; justify-content: center; } [data-public-theme-scope='production'] [data-public-pattern='section-inner'][data-layout='sponsor'] p { font-weight: 700; margin: 0; } [data-public-theme-scope='production'] [data-public-part='educate-plus-logo'] { color: var(--public-colour-ink); display: block; height: 2rem; width: auto; } [data-public-theme-scope='production'] [data-public-pattern='page-shell'][data-public-route-family='marketing'] > main, [data-public-theme-scope='production'] [data-public-pattern='page-shell'][data-public-route-family='editorial'] > main, [data-public-theme-scope='production'] [data-public-pattern='page-shell'][data-public-route-family='tools'] > main, [data-public-theme-scope='production'] [data-public-pattern='page-shell'][data-public-route-family='decision'] > main { background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-pattern='page-shell'] [data-page-content] > :is(h1, header h1) { font-size: clamp(2.75rem, 6vw, 5rem); letter-spacing: -0.05em; line-height: 0.94; } [data-public-theme-scope='production'] [data-public-pattern='public-section'][data-tone='canvas'] { background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-pattern='public-section'][data-tone='inverse'] { background: var(--public-colour-inverse-surface); color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='section-inner'] { margin-inline: auto; width: min(75rem, calc(100% - 2.5rem)); } [data-public-theme-scope='production'] [data-public-pattern='section-heading'] { margin-bottom: clamp(2.5rem, 5vw, 4.5rem); max-width: 48rem; } [data-public-theme-scope='production'] [data-public-pattern='section-heading'][data-layout='split'] { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 0.9fr) minmax(18rem, 1.1fr); max-width: none; } [data-public-theme-scope='production'] [data-public-pattern='section-eyebrow'], [data-public-theme-scope='production'] [data-public-pattern='card-eyebrow'] { color: var(--public-colour-brand-active); font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.11em; line-height: 1.25; text-transform: uppercase; } [data-public-theme-scope='production'] [data-public-pattern='section-heading'] h2 { color: inherit; font-size: clamp(2.25rem, 5vw, 4rem); letter-spacing: -0.045em; line-height: 0.98; margin-top: 0.75rem; max-width: 18ch; } [data-public-theme-scope='production'] [data-public-pattern='section-heading'] p { color: var(--public-colour-muted); font-size: clamp(1rem, 1.7vw, 1.125rem); line-height: 1.7; margin-top: 1rem; max-width: 44rem; } [data-public-theme-scope='production'] [data-public-pattern='public-section'][data-tone='inverse'] [data-public-pattern='section-eyebrow'] { color: var(--public-colour-brand-border); } [data-public-theme-scope='production'] :is( [data-public-pattern='marketing-hero'], [data-public-pattern='search-hero'] ) [data-public-pattern='section-eyebrow'], [data-public-theme-scope='production'] [data-public-pattern='journey-step'][data-tone='inverse'] [data-public-pattern='card-eyebrow'] { color: var(--public-colour-brand-border); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero'] [data-public-pattern='section-eyebrow'] { /* inverse-muted on the pink hero was 2.94:1; inverse text clears AA. */ color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='public-section'][data-tone='inverse'] [data-public-pattern='section-heading'] p { color: var(--public-colour-inverse-muted); } /* Compact route wayfinding, derived from the reference jump navigation. */ [data-public-theme-scope='production'] [data-public-pattern='breadcrumb-rail'] { background: var(--public-colour-surface); border-bottom: 1px solid var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='breadcrumbs'] { border: 0; margin-inline: auto; padding: 0; width: min(75rem, calc(100% - 2.5rem)); } [data-public-theme-scope='production'] [data-public-pattern='page-shell'][data-public-route-family='discovery'] [data-public-pattern='breadcrumbs'] { max-width: 96rem; padding-inline: 1rem; width: 100%; } @media (min-width: 640px) { [data-public-theme-scope='production'] [data-public-pattern='page-shell'][data-public-route-family='discovery'] [data-public-pattern='breadcrumbs'] { padding-inline: 1.5rem; } } @media (min-width: 1024px) { [data-public-theme-scope='production'] [data-public-pattern='page-shell'][data-public-route-family='discovery'] [data-public-pattern='breadcrumbs'] { padding-inline: 2rem; } } [data-public-theme-scope='production'] [data-public-pattern='breadcrumbs'] [data-slot='breadcrumb-list'] { align-items: center; display: flex; gap: 0.5rem; min-height: 3.25rem; overflow-x: auto; scrollbar-width: none; } [data-public-theme-scope='production'] [data-public-pattern='breadcrumbs'] [data-slot='breadcrumb-list']::-webkit-scrollbar { display: none; } [data-public-theme-scope='production'] [data-public-pattern='breadcrumbs'] a { align-items: center; border-bottom: 2px solid transparent; border-radius: 0; color: var(--public-colour-muted); display: inline-flex; font-size: 0.8125rem; font-weight: 700; min-height: 44px; padding-inline: 0.125rem; text-decoration: none; } [data-public-theme-scope='production'] [data-public-pattern='breadcrumbs'] a:hover { border-bottom-color: var(--public-colour-brand); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='breadcrumbs'] [data-slot='breadcrumb-page'] { color: var(--public-colour-ink); font-size: 0.8125rem; font-weight: 800; } [data-public-theme-scope='production'] [data-public-pattern='breadcrumbs'] [data-slot='breadcrumb-separator'] { color: var(--public-colour-subtle); } /* Homepage hero: reference-style editorial copy beside a raised action surface. */ [data-public-theme-scope='production'] [data-public-pattern='comparison-page'] { background: var(--public-colour-canvas); min-height: 100%; padding-block: clamp(2.5rem, 6vw, 5rem); } [data-public-theme-scope='production'] [data-public-pattern='comparison-builder'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: none; padding: 0; } [data-public-theme-scope='production'] [data-public-pattern='comparison-builder'] > div:first-child { background: var(--public-colour-inverse-surface); border-radius: calc(var(--public-radius-card) - 1px) calc(var(--public-radius-card) - 1px) 0 0; color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='comparison-builder'] > div:first-child :is(h2, p) { color: inherit; } [data-public-theme-scope='production'] [data-public-pattern='comparison-builder'] > div:first-child > div:first-child > p:last-child, [data-public-theme-scope='production'] [data-public-pattern='comparison-builder'] > div:first-child > div:last-child > p { color: var(--public-colour-inverse-muted); } /* Homepage search keeps its primary task beside a supporting portrait. */ [data-public-theme-scope='production'] [data-public-pattern='home-hero'] { background: var(--public-colour-canvas); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='home-hero-inner'] { align-items: center; display: grid; gap: clamp(3rem, 6vw, 6rem); grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); margin-inline: auto; padding-block: clamp(3rem, 5vw, 5rem); width: min(100rem, calc(100% - clamp(2.5rem, 8vw, 10rem))); } [data-public-theme-scope='production'] [data-public-pattern='home-hero-copy'] { min-width: 0; } [data-public-theme-scope='production'] [data-public-pattern='home-hero-copy'] h1 { color: var(--public-colour-ink); font-size: clamp(3.25rem, 5.1vw, 5.75rem); font-weight: 750; letter-spacing: -0.045em; line-height: 1.02; max-width: none; } [data-public-theme-scope='production'] [data-public-pattern='home-hero-description'] { color: var(--public-colour-muted); font-size: clamp(1.125rem, 1.8vw, 1.4rem); line-height: 1.55; margin-top: 1.5rem; max-width: 36rem; } [data-public-theme-scope='production'] [data-public-pattern='home-hero-media'] { height: clamp(32rem, 42vw, 46rem); border-radius: var(--public-radius-panel); overflow: hidden; position: relative; } [data-public-theme-scope='production'] [data-public-pattern='home-hero-media'] img { height: 100%; width: 100%; -o-object-position: 48% center; object-position: 48% center; } [data-public-theme-scope='production'] [data-public-pattern='home-hero-search'] { margin-top: 2.5rem; } [data-public-theme-scope='production'] [data-public-pattern='home-search-form'] { align-items: stretch; display: flex; gap: 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='home-search-field'] { flex: 1; min-width: 0; position: relative; } [data-public-theme-scope='production'] [data-public-pattern='home-search-field'] > svg { color: var(--public-colour-muted); left: 1rem; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); } [data-public-theme-scope='production'] [data-public-pattern='home-search-field'] input { height: 3.5rem; padding-left: 2.75rem; width: 100%; } [data-public-theme-scope='production'] [data-public-pattern='home-search-form'] button { flex-shrink: 0; min-height: 3.5rem; padding-inline: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='home-location-link'] { align-items: center; color: var(--public-colour-ink-soft); display: inline-flex; gap: 0.5rem; min-height: 44px; margin-top: 0.25rem; text-decoration: underline; text-underline-offset: 4px; } [data-public-theme-scope='production'] [data-public-pattern='home-search-intro'] { margin: 2.5rem auto; width: min(48rem, calc(100% - 2.5rem)); } /* Quiet location browsing follows the hero, below its primary search. */ [data-public-theme-scope='production'] [data-public-pattern='home-locations'] { background: var(--public-colour-surface); padding-block: clamp(3rem, 6vw, 5rem); } [data-public-theme-scope='production'] :is([data-public-pattern='home-locations'], [data-public-pattern='school-search-journey']) [data-public-pattern='section-heading'] { max-width: none; margin-bottom: 2.5rem; } [data-public-theme-scope='production'] :is([data-public-pattern='home-locations'], [data-public-pattern='school-search-journey']) [data-public-pattern='section-heading'] h2 { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 750; line-height: 1.1; max-width: none; margin-top: 0; } [data-public-theme-scope='production'] [data-public-pattern='location-browse-grid'] { display: grid; gap: 3rem; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); } [data-public-theme-scope='production'] [data-public-pattern='location-browse-grid'] h3 { font-size: clamp(1.25rem, 2.2vw, 1.75rem); font-weight: 700; margin-bottom: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='location-cities'] ul { display: grid; gap: 0 2rem; grid-template-columns: repeat(2, minmax(0, 1fr)); } [data-public-theme-scope='production'] [data-public-pattern='location-states'] { border-left: 1px solid var(--public-colour-border); padding-left: 2.5rem; } [data-public-theme-scope='production'] :is([data-public-pattern='location-city-link'], [data-public-pattern='location-state-link'], [data-public-pattern='location-all-link']) { align-items: center; display: flex; gap: 0.75rem; min-height: 44px; } [data-public-theme-scope='production'] [data-public-pattern='location-city-link'] { border-bottom: 1px solid var(--public-colour-border); font-size: 1.25rem; justify-content: space-between; padding-block: 1rem; } [data-public-theme-scope='production'] [data-public-pattern='location-city-link'] svg, [data-public-theme-scope='production'] [data-public-pattern='location-all-link'] svg { color: var(--public-colour-brand); flex-shrink: 0; } [data-public-theme-scope='production'] [data-public-pattern='location-state-link'] { color: var(--public-colour-ink-soft); } [data-public-theme-scope='production'] [data-public-pattern='location-state-link'] svg { display: none; } [data-public-theme-scope='production'] [data-public-pattern='location-all-link'] { margin-top: 1.5rem; text-decoration: underline; text-underline-offset: 4px; width: -moz-fit-content; width: fit-content; } [data-public-theme-scope='production'] :is([data-public-pattern='location-city-link'], [data-public-pattern='location-state-link'], [data-public-pattern='home-location-link']):hover { color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-public-pattern='hero-notice-wrap'] { align-items: center; display: flex; gap: 0.5rem; justify-content: flex-start; margin-bottom: 1.5rem; } [data-public-theme-scope='production'] [data-public-pattern='hero-notice-toggle'] { align-items: center; background: color-mix(in srgb, var(--public-colour-inverse-surface) 64%, transparent); border: 1px solid color-mix(in srgb, var(--public-colour-inverse-text) 24%, transparent); border-radius: 999px; color: var(--public-colour-inverse-text); display: inline-flex; flex: 0 0 44px; height: 44px; justify-content: center; width: 44px; } [data-public-theme-scope='production'] [data-public-pattern='hero-notice-controls'] { display: inline-flex; flex: 0 0 auto; gap: 0.25rem; } [data-public-theme-scope='production'] [data-public-pattern='hero-notice'] { background: color-mix(in srgb, var(--public-colour-inverse-surface) 64%, transparent); border: 1px solid color-mix(in srgb, var(--public-colour-inverse-text) 24%, transparent); border-radius: 999px; color: var(--public-colour-inverse-text); min-height: 44px; padding: 0.5rem 0.875rem 0.5rem 0.65rem; } [data-public-theme-scope='production'] [data-public-pattern='hero-notice'] [data-slot='notice-label'] { background: var(--public-colour-brand); border-radius: 999px; color: var(--public-colour-on-brand); padding-inline: 0.65rem; } /* Homepage editorial blocks. */ [data-public-theme-scope='production'] [data-public-pattern='home-discovery'] { background: var(--public-colour-surface); padding-block: clamp(4.5rem, 8vw, 7rem); } [data-public-theme-scope='production'] [data-public-pattern='home-discovery-grid'] { align-items: start; display: grid; gap: clamp(2.5rem, 7vw, 6rem); grid-template-columns: minmax(0, 1.1fr) minmax(19rem, 0.9fr); margin-inline: auto; width: min(75rem, calc(100% - 2.5rem)); } [data-public-theme-scope='production'] [data-public-pattern='home-discovery-copy'] { max-width: 47rem; } [data-public-theme-scope='production'] [data-public-pattern='home-discovery-copy'] h2 { font-size: clamp(2.75rem, 6vw, 5rem); letter-spacing: -0.05em; line-height: 0.94; margin-top: 0.75rem; max-width: 13ch; } [data-public-theme-scope='production'] [data-public-pattern='home-discovery-copy'] > p { color: var(--public-colour-muted); font-size: 1.125rem; line-height: 1.7; margin-top: 1.5rem; max-width: 42rem; } [data-public-theme-scope='production'] [data-public-pattern='eyebrow-badge'] { background: transparent; border: 0; border-radius: 0; color: var(--public-colour-brand-active); font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.11em; padding: 0; text-transform: uppercase; } [data-public-theme-scope='production'] [data-public-pattern='discovery-stats'] { border-block: 1px solid var(--public-colour-border); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 2.25rem; } [data-public-theme-scope='production'] [data-public-pattern='discovery-stat'] { padding: 1.25rem 1rem; } [data-public-theme-scope='production'] [data-public-pattern='discovery-stat'] + [data-public-pattern='discovery-stat'] { border-left: 1px solid var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='discovery-actions'] { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; } [data-public-theme-scope='production'] [data-public-pattern='trust-panel'] { background: var(--public-colour-inverse-surface); border: 0; border-radius: var(--public-radius-panel); box-shadow: none; color: var(--public-colour-inverse-text); padding: clamp(1.75rem, 4vw, 2.5rem); } [data-public-theme-scope='production'] [data-public-pattern='trust-panel'] h3 { color: var(--public-colour-inverse-text); font-size: clamp(1.6rem, 3vw, 2.25rem); line-height: 1.05; } [data-public-theme-scope='production'] [data-public-pattern='trust-panel'] p { color: var(--public-colour-inverse-muted); } [data-public-theme-scope='production'] [data-public-pattern='trust-panel'] a { color: var(--public-colour-inverse-text); text-decoration-color: var(--public-colour-brand-border); } [data-public-theme-scope='production'] [data-public-pattern='trust-icon'] { background: color-mix(in srgb, var(--public-colour-inverse-text) 10%, transparent); border-radius: var(--public-radius-control); color: var(--public-colour-brand-border); } /* Assessment stories use one dominant split card and two supporting cards. */ [data-public-theme-scope='production'] [data-public-pattern='core-assessments'] { background: var(--public-colour-canvas); padding-block: clamp(4.5rem, 8vw, 7rem); } [data-public-theme-scope='production'] [data-public-pattern='home-tools'] { background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-pattern='home-tools'] > [data-public-pattern='core-assessments'] { background: transparent; } [data-public-theme-scope='production'] [data-public-pattern='assessment-grid'] { display: grid; gap: 1rem; grid-template-columns: repeat(12, minmax(0, 1fr)); } /* Dense marketplace school cards prioritise scanning over decorative chips. */ [data-public-theme-scope='production'] [data-public-pattern='directory-page-band'] { background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-pattern='location-directory']:not([data-location-directory-map-active='true']) { background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-pattern='location-autocomplete'] { border: 1px solid var(--public-colour-border-strong); border-radius: var(--public-radius-control); transition-duration: var(--public-motion-fast); transition-property: border-color, box-shadow, background-color; } [data-public-theme-scope='production'] [data-public-pattern='location-autocomplete']:has([aria-invalid='true']) { border-color: var(--public-colour-danger); } [data-public-theme-scope='production'] [data-public-pattern='location-autocomplete']:focus-within { border-color: var(--public-colour-focus); box-shadow: 0 0 0 3px var(--public-colour-focus-halo); } [data-public-theme-scope='production'] [data-public-pattern='location-autocomplete'] [data-slot='command-input']:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } [data-public-theme-scope='production'] [data-public-pattern='directory-subnav'] { background: var(--public-colour-surface); box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='directory-subnav'] :is(button, [data-slot='select-trigger']) { border-radius: var(--public-radius-control); } [data-public-theme-scope='production'] [data-public-pattern='directory-subnav'] [data-public-part='active-filter-count'] { background: var(--public-colour-brand); border: 0; border-radius: 999px; color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='directory-subnav'] [data-public-part='directory-view-toggle'] { color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='directory-subnav'] [data-public-part='directory-view-toggle']:hover { background: var(--public-colour-canvas); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='directory-header-band'] { display: flow-root; /* Keep invitation margins inside the white header surface. */ background: var(--public-colour-surface); margin-left: calc(50% - 50vw); width: 100vw; } [data-public-theme-scope='production'] [data-public-pattern='directory-header-band'] + [data-public-pattern='directory-subnav'] { margin-top: 0; } [data-public-theme-scope='production'] [data-public-pattern='directory-heading'] { border-bottom: 0; padding-block: clamp(2rem, 5vw, 4rem); } [data-public-theme-scope='production'] [data-public-pattern='directory-heading'] > div { max-width: 60rem; } [data-public-theme-scope='production'] [data-public-pattern='directory-heading'] h1 { font-size: clamp(2.25rem, 4.5vw, 4rem); letter-spacing: -0.05em; line-height: 0.94; } [data-public-theme-scope='production'] [data-public-pattern='directory-summary'] { padding-block: 1rem; } [data-public-theme-scope='production'] [data-public-pattern='active-filters'] [data-slot='badge'] { background: var(--public-colour-surface); border-color: var(--public-colour-border); border-radius: var(--public-radius-control); } [data-public-theme-scope='production'] [data-public-pattern='directory-results-grid'] { padding-bottom: clamp(3rem, 6vw, 5rem); } [data-public-theme-scope='production'] [data-public-pattern='school-card-kicker'] { color: var(--public-colour-brand-active); font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.08em; margin-bottom: 0.5rem; text-transform: uppercase; } [data-public-theme-scope='production'] [data-public-pattern='school-card-meta'] [data-slot='badge'] { background: var(--public-colour-canvas); border-color: var(--public-colour-border); border-radius: 999px; color: var(--public-colour-ink-soft); font-size: 0.6875rem; min-height: 1.75rem; padding: 0.25rem 0.625rem; } [data-public-theme-scope='production'] [data-public-pattern='school-card-meta'] [data-slot='badge'][data-tone='success'] { background: var(--public-colour-success-soft); border-color: var(--public-colour-success-border); color: var(--public-colour-success); } [data-public-theme-scope='production'] [data-public-pattern='school-card-meta'] [data-slot='badge'][data-tone='info'] { background: var(--public-colour-info-soft); border-color: var(--public-colour-info-border); color: var(--public-colour-info); } [data-public-theme-scope='production'] [data-public-pattern='school-card-meta'] [data-slot='badge'][data-tone='family'] { background: var(--public-colour-brand-soft); border-color: var(--public-colour-brand-border); color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-public-pattern='school-card'] [data-slot='badge'][data-tone='brand'] { background: var(--public-colour-brand); border-color: var(--public-colour-brand); color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='school-profile'] { background: var(--public-colour-surface); } [data-public-theme-scope='production'] [data-public-pattern='profile-intro'] { align-items: start; border-bottom: 1px solid var(--public-colour-border); display: grid; gap: clamp(2rem, 6vw, 5rem); grid-template-columns: minmax(16rem, 0.7fr) minmax(0, 1.3fr); } [data-public-theme-scope='production'] [data-public-pattern='profile-intro'] > div { margin: 0; max-width: none; } [data-public-theme-scope='production'] [data-public-pattern='profile-intro'] p { color: var(--public-colour-ink); text-align: left; } [data-public-theme-scope='production'] [data-public-pattern='profile-intro'] > div:first-child p { color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-pattern='profile-section-heading'] h2 { color: var(--public-colour-ink); font-size: clamp(2.25rem, 4vw, 3.5rem); font-weight: 700; letter-spacing: -0.04em; line-height: 1; margin: 0; text-wrap: balance; } [data-public-theme-scope='production'] [data-public-pattern='profile-section-heading'] > p, [data-public-theme-scope='production'] [data-public-pattern='profile-section-heading'] > div > p { color: var(--public-colour-muted); margin: 0.75rem 0 1.5rem; } [data-public-theme-scope='production'] [data-public-pattern='profile-stat'] { background: var(--public-colour-canvas); border: 0; border-radius: var(--public-radius-card); box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='profile-stat'] svg { color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-public-pattern='profile-source-note'] { background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet'] { background: var(--public-colour-inverse-surface); border: 1px solid color-mix(in srgb, var(--public-colour-info-border) 32%, transparent); border-radius: var(--public-radius-panel); box-shadow: var(--public-shadow-floating); color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet'] [data-public-part='media-overlay'] { background: linear-gradient(to top, color-mix(in srgb, var(--public-colour-inverse-surface) 52%, transparent), transparent 58%); } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet'] [data-public-part='glow'] { background: color-mix(in srgb, var(--public-colour-brand) 22%, transparent); border-radius: 50%; } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet'] [data-public-part='eyebrow'] { color: color-mix(in srgb, var(--public-colour-inverse-text) 72%, transparent); } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet'] [data-public-part='accent'] { background: var(--public-colour-brand); border-radius: 999px; } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet'] [data-public-part='summary'] { color: var(--public-colour-inverse-muted); } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet'] li { color: color-mix(in srgb, var(--public-colour-inverse-text) 90%, transparent); } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet'] [data-public-part='check'] { background: var(--public-colour-brand); border-radius: 50%; color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet-form'] [data-public-part='field-label'] { color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet-form'] [data-public-part='field'] { background: var(--public-colour-surface); border-color: color-mix(in srgb, var(--public-colour-inverse-text) 28%, transparent); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet-form'] [data-public-part='consent-row'] { background: color-mix(in srgb, var(--public-colour-inverse-text) 6%, transparent); border: 1px solid color-mix(in srgb, var(--public-colour-inverse-text) 16%, transparent); border-radius: var(--public-radius-control); color: color-mix(in srgb, var(--public-colour-inverse-text) 78%, transparent); min-height: 48px; } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet-form'] [data-public-part='consent-checkbox'] { accent-color: var(--public-colour-brand); } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet-form'] [data-public-part='consent-row']:has([data-public-part='consent-checkbox']:disabled) [data-public-part='consent-hit-area'] { cursor: not-allowed; } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet-form'] [data-public-part='consent-row']:has([data-public-part='consent-checkbox']:disabled) :is([data-public-part='consent-checkbox'], [data-public-part='consent-control-copy']) { opacity: 0.7; } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet-form'] [data-public-part='consent-hit-area'] { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet-form'] [data-public-part='privacy-link'] { color: var(--public-colour-inverse-text); cursor: pointer; opacity: 1; } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet-form'] [data-public-part='privacy-link']:hover { color: var(--public-colour-brand-border); } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet-form'] [data-public-part='retry-note'] { background: color-mix(in srgb, var(--public-colour-inverse-text) 10%, transparent); border-radius: var(--public-radius-control); color: var(--public-colour-inverse-muted); } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet-form'] [data-public-part='human-check-copy'] { color: var(--public-colour-inverse-muted); } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet-form'] [data-public-part='error'] { color: var(--public-colour-danger-border); } [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet-form'] [data-public-part='success'] { color: var(--public-colour-success-border); } [data-public-theme-scope='production'] [data-public-pattern='editorial-article-header'] { background: var(--public-colour-surface); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='editorial-article-header'] [data-public-part='author-image'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: 50%; } [data-public-theme-scope='production'] [data-public-pattern='editorial-article-header'] [data-public-part='author-link'] { border-radius: var(--public-radius-control); min-height: 48px; } [data-public-theme-scope='production'] [data-public-pattern='editorial-article-header'] [data-public-part='category-link'] { align-items: center; display: inline-flex; min-height: 44px; } [data-public-theme-scope='production'] [data-public-pattern='editorial-article-header'] [data-public-part='publication-meta'] { border-left: 0; } [data-public-theme-scope='production'] [data-public-pattern='editorial-article-header'] [data-public-part='category'] { background: transparent; border-color: var(--public-colour-brand); border-radius: var(--public-radius-control); color: var(--public-colour-brand-active); } @media (min-width: 40rem) { [data-public-theme-scope='production'] [data-public-pattern='editorial-article-header'] [data-public-part='publication-meta'] { border-left: 1px solid var(--public-colour-border); } } @media (min-width: 64rem) { [data-public-theme-scope='production'] [data-public-pattern='profile-lead-magnet'] [data-public-part='media-overlay'] { background: linear-gradient(to right, transparent 72%, color-mix(in srgb, var(--public-colour-inverse-surface) 18%, transparent)); } } [data-public-theme-scope='production'] [data-public-pattern='school-events-list'] { border: 0; box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='school-event-card'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='school-event-card']:hover { border-color: var(--public-colour-border-strong); } [data-public-theme-scope='production'] [data-public-pattern='school-event-card'] [data-slot='badge'][data-tone='neutral'] { background: var(--public-colour-canvas); border-color: var(--public-colour-border); color: var(--public-colour-ink-soft); } [data-public-theme-scope='production'] [data-public-pattern='school-event-card'] [data-slot='badge'][data-tone='success'] { background: var(--public-colour-success-soft); border-color: var(--public-colour-success-border); color: var(--public-colour-success); } [data-public-theme-scope='production'] [data-public-pattern='school-event-card'] [data-slot='badge'][data-tone='warning'] { background: var(--public-colour-warning-soft); border-color: var(--public-colour-warning-border); color: var(--public-colour-warning); } [data-public-theme-scope='production'] [data-public-pattern='school-event-card'] [data-slot='badge'][data-tone='info'] { background: var(--public-colour-info-soft); border-color: var(--public-colour-info-border); color: var(--public-colour-info); } [data-public-theme-scope='production'] [data-public-pattern='event-card-action'], [data-public-theme-scope='production'] [data-public-pattern='event-card-unavailable'] { align-items: center; border-radius: var(--public-radius-control); display: inline-flex; font-size: 0.875rem; font-weight: 700; min-height: 44px; padding: 0.625rem 1rem; } [data-public-theme-scope='production'] [data-public-pattern='event-card-action'] { background: var(--public-colour-ink); color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='event-card-action'][data-disabled='true'], [data-public-theme-scope='production'] [data-public-pattern='event-card-unavailable'] { background: var(--public-colour-canvas); border: 1px solid var(--public-colour-border); color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-pattern='assessment-card'] { border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: none; grid-column: span 6; overflow: hidden; } [data-public-theme-scope='production'] [data-public-pattern='assessment-card']:first-child { grid-column: 1 / -1; } [data-public-theme-scope='production'] [data-public-pattern='assessment-card'] > div { display: grid; grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='assessment-card']:first-child > div { grid-template-columns: minmax(18rem, 0.9fr) minmax(0, 1.1fr); } [data-public-theme-scope='production'] [data-public-pattern='assessment-media'] { aspect-ratio: 16 / 9; background: var(--public-colour-canvas-strong); min-height: 0; position: relative; } [data-public-theme-scope='production'] [data-public-pattern='assessment-card']:first-child [data-public-pattern='assessment-media'] { aspect-ratio: auto; min-height: 24rem; } [data-public-theme-scope='production'] [data-public-pattern='assessment-copy'] { display: flex; flex-direction: column; padding: clamp(1.5rem, 4vw, 2.5rem); } [data-public-theme-scope='production'] [data-public-pattern='assessment-card'] [data-slot='card-header'] { padding: 0; } [data-public-theme-scope='production'] [data-public-pattern='assessment-card'] [data-public-pattern='card-eyebrow'] { background: transparent; border-color: var(--public-colour-brand); color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-public-pattern='assessment-copy'] h3 { font-size: clamp(1.75rem, 3vw, 2.75rem); letter-spacing: -0.035em; line-height: 1; } [data-public-theme-scope='production'] [data-public-pattern='assessment-actions'] { display: flex; flex-wrap: wrap; gap: 0.625rem; margin-top: auto; padding-top: 1.75rem; } [data-public-theme-scope='production'] [data-public-pattern='profile-section-tabs'] { gap: 0; padding-block: 0; } [data-public-theme-scope='production'] [data-public-pattern='profile-section-tabs'] [data-public-part='profile-section-tab'] { align-items: center; background: transparent; border-bottom: 2px solid transparent; border-radius: 0; color: var(--public-colour-ink-soft); display: inline-flex; justify-content: center; min-height: 52px; } [data-public-theme-scope='production'] [data-public-pattern='profile-section-tabs'] [data-public-part='profile-section-tab']:is(:hover, [aria-current='location']) { background: transparent; border-bottom-color: var(--public-colour-brand); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-part='profile-overview-summary'] { margin-top: 0.75rem; } /* The claim invitation is inverted onto the brand colour so it does not read as just another neutral profile panel. Its action flips to a white button with brand text so the pair keeps the same contrast relationship as the default. */ [data-public-theme-scope='production'] [data-public-pattern='claim-school-card'][data-slot='card'] { background: var(--public-colour-brand); border: 0; border-radius: var(--public-radius-card); box-shadow: none; color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-part='claim-school-layout'] { align-items: start; display: grid; gap: 1.25rem; padding: clamp(1.5rem, 4vw, 2.5rem); } [data-public-theme-scope='production'] [data-public-part='claim-school-copy'] { min-width: 0; } /* Copy stays opaque on-brand white: the brand pink only clears AA (4.5:1) for normal text at full opacity. */ [data-public-theme-scope='production'] [data-public-pattern='claim-school-card'] [data-public-pattern='card-eyebrow'] { color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-part='claim-school-copy'] h2 { color: var(--public-colour-on-brand); font-size: clamp(1.75rem, 3vw, 2.25rem); letter-spacing: -0.035em; line-height: 1.05; margin-top: 0.5rem; overflow-wrap: anywhere; } [data-public-theme-scope='production'] [data-public-part='claim-school-summary'] { color: var(--public-colour-on-brand); line-height: 1.65; margin-top: 0.875rem; max-width: 42rem; } [data-public-theme-scope='production'] [data-public-part='claim-school-detail'] { align-items: center; color: var(--public-colour-on-brand); display: inline-flex; font-size: 0.875rem; font-weight: 700; gap: 0.4375rem; margin-top: 1rem; } [data-public-theme-scope='production'] [data-public-part='claim-school-detail'] svg { color: var(--public-colour-on-brand); height: 1rem; width: 1rem; } [data-public-theme-scope='production'] [data-public-part='claim-school-cta'] { align-self: stretch; display: flex; } [data-public-theme-scope='production'] [data-public-pattern='claim-school-action'][data-slot='button'] { width: 100%; } [data-public-theme-scope='production'] [data-public-pattern='claim-school-card'] [data-public-pattern='claim-school-action'][data-slot='button'] { background: var(--public-colour-on-brand); border-color: var(--public-colour-on-brand); box-shadow: 0 1px 2px color-mix(in srgb, var(--public-colour-brand-active) 28%, transparent); color: var(--public-colour-brand); } [data-public-theme-scope='production'] [data-public-pattern='claim-school-card'] [data-public-pattern='claim-school-action'][data-slot='button']:not(:disabled):hover { background: var(--public-colour-canvas); border-color: var(--public-colour-canvas); box-shadow: 0 2px 6px color-mix(in srgb, var(--public-colour-brand-active) 36%, transparent); color: var(--public-colour-brand-hover); } [data-public-theme-scope='production'] [data-public-pattern='claim-school-card'] [data-public-pattern='claim-school-action'][data-slot='button']:not(:disabled):active { background: var(--public-colour-canvas-strong); border-color: var(--public-colour-canvas-strong); box-shadow: none; color: var(--public-colour-brand-active); } /* The global blue focus ring is nearly invisible on the brand pink, so the inverted action uses an on-brand white ring held off the white button. */ [data-public-theme-scope='production'] [data-public-pattern='claim-school-card'] [data-public-pattern='claim-school-action'][data-slot='button']:focus-visible { outline-color: var(--public-colour-on-brand); outline-offset: 3px; } [data-public-theme-scope='production'] [data-public-pattern='claim-school-action'] svg { height: 1rem; width: 1rem; } @media (min-width: 40rem) and (max-width: 63.999rem) { [data-public-theme-scope='production'] [data-public-part='claim-school-cta'] { justify-content: center; } [data-public-theme-scope='production'] [data-public-pattern='claim-school-action'][data-slot='button'] { width: auto; } } @media (prefers-reduced-motion: reduce) { [data-public-theme-scope='production'] [data-public-pattern='claim-school-action'][data-slot='button']:is(:hover, :active) { transform: none; } } @media (min-width: 64rem) { [data-public-theme-scope='production'] [data-public-part='claim-school-layout'] { align-items: center; grid-template-columns: minmax(0, 1fr) auto; } [data-public-theme-scope='production'] [data-public-part='claim-school-cta'] { align-self: center; } [data-public-theme-scope='production'] [data-public-pattern='claim-school-action'][data-slot='button'] { width: auto; } } /* Optional starting points, with one main action per quiet card. */ [data-public-theme-scope='production'] [data-public-pattern='school-search-journey'] { background: var(--public-colour-inverse-surface); color: var(--public-colour-inverse-text); padding-block: clamp(3.5rem, 6vw, 5rem); } [data-public-theme-scope='production'] [data-public-pattern='journey-grid'] { display: grid; gap: 1.5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); } [data-public-theme-scope='production'] [data-public-pattern='journey-step'][data-public-surface='flat'] { background: var(--public-colour-ink); border: 1px solid var(--public-colour-ink-soft); border-radius: var(--public-radius-card); box-shadow: none; color: var(--public-colour-inverse-text); min-width: 0; } [data-public-theme-scope='production'] [data-public-pattern='journey-step-body'] { display: grid; grid-template-rows: minmax(3.5rem, auto) 1fr auto auto; height: 100%; padding: clamp(1.5rem, 2.5vw, 2rem); } [data-public-theme-scope='production'] [data-public-pattern='journey-step'] h3 { color: var(--public-colour-inverse-text); font-size: clamp(1.4rem, 2.1vw, 1.75rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.15; } [data-public-theme-scope='production'] [data-public-pattern='journey-description'] { color: var(--public-colour-inverse-muted); line-height: 1.6; margin-block: 1rem 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='journey-primary-link'] { align-items: center; display: flex; gap: 0.75rem; font-weight: 700; line-height: 1.4; min-height: 44px; padding-block: 0.5rem; } [data-public-theme-scope='production'] [data-public-pattern='journey-primary-link'] svg { color: var(--public-colour-brand-border); flex-shrink: 0; } [data-public-theme-scope='production'] [data-public-pattern='journey-links'] { border-top: 1px solid var(--public-colour-ink-soft); margin-top: 1.25rem; padding-top: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='journey-links'] [data-public-pattern='card-eyebrow'] { color: var(--public-colour-inverse-muted); margin-bottom: 0.5rem; } [data-public-theme-scope='production'] [data-public-pattern='journey-links'] a { align-items: center; display: flex; line-height: 1.5; min-height: 44px; padding-block: 0.5rem; } [data-public-theme-scope='production'] [data-public-pattern='journey-step'] a:hover { color: var(--public-colour-brand-border); text-decoration: underline; text-underline-offset: 4px; } /* FAQ and account conversion treatments. */ [data-public-theme-scope='production'] [data-public-pattern='home-faq'] { background: var(--public-colour-canvas); padding-block: clamp(4.5rem, 8vw, 7rem); } [data-public-theme-scope='production'] [data-public-pattern='editorial-card'] [data-public-pattern='card-eyebrow'] { background: transparent; border: 0; border-radius: 0; min-height: 0; padding: 0; } [data-public-theme-scope='production'] [data-public-pattern='editorial-index-header'] { display: grid; gap: 1.5rem 3rem; grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.8fr); margin-bottom: clamp(2.5rem, 6vw, 5rem); } [data-public-theme-scope='production'] [data-public-pattern='editorial-index-header'] [data-public-pattern='section-eyebrow'] { grid-column: 1 / -1; } [data-public-theme-scope='production'] [data-public-pattern='editorial-index-header'] h1 { font-size: clamp(3rem, 7vw, 6rem); letter-spacing: -0.055em; line-height: 0.9; max-width: 11ch; } [data-public-theme-scope='production'] [data-public-pattern='editorial-index-header'] > p:last-child { color: var(--public-colour-muted); font-size: 1.125rem; line-height: 1.7; } [data-public-theme-scope='production'] [data-public-pattern='editorial-search'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); } [data-public-theme-scope='production'] [data-public-pattern='editorial-grid'] { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); } [data-public-theme-scope='production'] [data-public-pattern='editorial-grid'] > [data-public-pattern='editorial-card']:first-child { grid-column: span 2; } [data-public-theme-scope='production'] [data-public-pattern='editorial-grid'] > [data-public-pattern='editorial-card']:first-child > a { display: grid; grid-template-columns: minmax(16rem, 0.9fr) minmax(0, 1.1fr); } [data-public-theme-scope='production'] [data-public-pattern='editorial-grid'] > [data-public-pattern='editorial-card']:first-child > a > div:first-child { aspect-ratio: auto; min-height: 100%; } [data-public-theme-scope='production'] [data-public-pattern='editorial-card'] h3 { letter-spacing: -0.025em; line-height: 1.05; } [data-public-theme-scope='production'] [data-public-pattern='tool-page'] { background: var(--public-colour-canvas); margin: -2rem -1rem; padding-block: clamp(3rem, 7vw, 6rem); } [data-public-theme-scope='production'] [data-public-pattern='tools-index-hero'] { background: var(--public-colour-inverse-surface); color: var(--public-colour-inverse-text); padding-block: clamp(4rem, 8vw, 7rem); } [data-public-theme-scope='production'] [data-public-pattern='tools-index-hero-copy'] { max-width: 54rem; } [data-public-theme-scope='production'] [data-public-pattern='tools-index-hero-copy'] h1 { color: var(--public-colour-inverse-text); font-size: clamp(3.25rem, 7vw, 6.25rem); letter-spacing: -0.055em; line-height: 0.9; margin-top: 1rem; max-width: 13ch; } [data-public-theme-scope='production'] [data-public-pattern='tools-index-hero-copy'] > p { color: var(--public-colour-inverse-muted); font-size: 1.125rem; line-height: 1.7; margin-top: 1.5rem; max-width: 42rem; } [data-public-theme-scope='production'] [data-public-pattern='tools-index-hero'] [data-public-pattern='card-eyebrow'] { color: var(--public-colour-brand-border); } [data-public-theme-scope='production'] [data-public-pattern='tools-quick-nav'] > div { border-block: 1px solid color-mix(in srgb, var(--public-colour-inverse-text) 18%, transparent); } [data-public-theme-scope='production'] [data-public-pattern='tools-quick-link'] { border: 0; border-radius: 0; color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='tools-conversion'] { background: var(--public-colour-brand-soft); border-block: 1px solid var(--public-colour-brand-border); padding-block: clamp(2.5rem, 5vw, 4rem); } [data-public-theme-scope='production'] [data-public-pattern='tools-conversion'] [data-public-pattern='section-inner'] > div { background-image: none; border: 0; box-shadow: none; padding: 0; } [data-public-theme-scope='production'] [data-public-pattern='tools-conversion-action'] { background: var(--public-colour-ink); border-radius: var(--public-radius-control); color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='resource-card'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='resource-card']:hover { border-color: var(--public-colour-border-strong); } [data-public-theme-scope='production'] [data-public-pattern='tool-page-inner'] { margin-inline: auto; width: min(75rem, calc(100% - 2.5rem)); } [data-public-theme-scope='production'] [data-public-pattern='tool-page-header'] { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr); margin-bottom: clamp(2.5rem, 6vw, 5rem); } [data-public-theme-scope='production'] [data-public-pattern='tool-page-header'] h1 { font-size: clamp(2.75rem, 6vw, 5rem); letter-spacing: -0.05em; line-height: 0.94; } [data-public-theme-scope='production'] [data-public-pattern='tool-page-header'] p { color: var(--public-colour-muted); font-size: 1.125rem; line-height: 1.7; } [data-public-theme-scope='production'] [data-public-pattern='tool-content-card'] { border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='tool-content-card'] > [data-slot='card-content'] { padding: clamp(1.5rem, 4vw, 3rem); } [data-public-theme-scope='production'] [data-public-pattern='faq-layout'] { display: grid; gap: clamp(2rem, 6vw, 5rem); grid-template-columns: minmax(17rem, 0.65fr) minmax(0, 1.35fr); margin-inline: auto; width: min(75rem, calc(100% - 2.5rem)); } [data-public-theme-scope='production'] [data-public-pattern='faq-layout'] > * { min-width: 0; } [data-public-theme-scope='production'] [data-public-pattern='faq-tabs'] { display: flex; align-items: flex-end; border-bottom: 1px solid var(--public-colour-border-strong); flex-wrap: nowrap; gap: 0; margin-bottom: 1.25rem; overflow-x: auto; scrollbar-width: thin; width: 100%; } [data-public-theme-scope='production'] [data-public-pattern='faq-tab'] { align-items: center; background: transparent; border: 0; border-bottom: 3px solid transparent; border-radius: 0; color: var(--public-colour-muted); display: inline-flex; flex: 0 0 auto; font-size: 0.875rem; font-weight: 700; gap: 0.5rem; margin-bottom: -1px; min-height: 44px; padding: 0.75rem 1rem; white-space: nowrap; } [data-public-theme-scope='production'] [data-public-pattern='faq-tab'][aria-selected='true'] { background: transparent; border-bottom-color: var(--public-colour-brand); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='faq-tab']:hover { color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='faq-tab']:focus-visible { outline: 2px solid var(--public-colour-focus); outline-offset: -2px; } [data-public-theme-scope='production'] [data-public-pattern='faq-panel'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: var(--public-shadow-raised); overflow: hidden; } [data-public-theme-scope='production'] [data-public-pattern='account-cta'] { background: var(--public-colour-brand); color: var(--public-colour-on-brand); padding-block: clamp(3rem, 6vw, 5rem); } [data-public-theme-scope='production'] [data-public-pattern='account-cta-inner'] { align-items: center; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.1fr) minmax(20rem, 0.9fr); margin-inline: auto; width: min(75rem, calc(100% - 2.5rem)); } [data-public-theme-scope='production'] [data-public-pattern='account-cta'] h2, [data-public-theme-scope='production'] [data-public-pattern='account-cta'] p, [data-public-theme-scope='production'] [data-public-pattern='account-cta'] li, [data-public-theme-scope='production'] [data-public-pattern='account-cta'] a:not([data-slot='button']) { color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='account-cta'] h2 { font-size: clamp(2.25rem, 5vw, 4rem); letter-spacing: -0.045em; line-height: 0.98; } /* For-schools: editorial product story, not a generic SaaS landing page. */ [data-public-theme-scope='production'] [data-public-pattern='marketing-page'] { background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-pattern='marketing-hero'] { background: var(--public-colour-inverse-surface); background-image: none; color: var(--public-colour-inverse-text); padding-block: clamp(4.5rem, 8vw, 7rem); } [data-public-theme-scope='production'] [data-public-pattern='marketing-hero-copy'] { max-width: 54rem; } [data-public-theme-scope='production'] [data-public-pattern='marketing-hero-copy'] h1 { color: var(--public-colour-inverse-text); font-size: clamp(3.5rem, 8vw, 6.75rem); letter-spacing: -0.055em; line-height: 0.9; margin-top: 1rem; max-width: 11ch; } [data-public-theme-scope='production'] [data-public-pattern='marketing-hero-copy'] > p { color: var(--public-colour-inverse-muted); font-size: 1.125rem; line-height: 1.7; margin-top: 1.75rem; max-width: 42rem; } [data-public-theme-scope='production'] [data-public-pattern='marketing-card-grid'] { display: grid; gap: 1rem; } [data-public-theme-scope='production'] [data-public-pattern='marketing-card'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='marketing-card'] > div:first-child { border-radius: var(--public-radius-control); } [data-public-theme-scope='production'] [data-public-pattern='marketing-jump-nav'] { background: var(--public-colour-surface); border-bottom: 1px solid var(--public-colour-border); overflow-x: clip; padding-block: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='marketing-jump-links'] { display: flex; gap: 0.25rem; list-style: none; margin-top: 0.75rem; min-width: 0; overflow-x: auto; scrollbar-width: none; } [data-public-theme-scope='production'] [data-public-pattern='marketing-jump-links']::-webkit-scrollbar { display: none; } [data-public-theme-scope='production'] [data-public-pattern='marketing-jump-link'] { align-items: center; border-bottom: 2px solid transparent; color: var(--public-colour-muted); display: flex; font-size: 0.875rem; font-weight: 700; min-height: 44px; padding: 0.625rem 0.875rem; text-decoration: none; white-space: nowrap; } [data-public-theme-scope='production'] [data-public-pattern='marketing-jump-link']:hover { border-bottom-color: var(--public-colour-brand); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='standalone-text-link'] { align-items: center; display: inline-flex; min-height: 44px; touch-action: manipulation; transition: color var(--public-motion-fast) ease, text-decoration-color var(--public-motion-fast) ease; } [data-public-theme-scope='production'] [data-public-pattern='standalone-text-link']:hover { color: var(--public-colour-brand-hover); text-decoration-color: var(--public-colour-brand-hover); } [data-public-theme-scope='production'] [data-public-pattern='standalone-text-link']:active { color: var(--public-colour-brand-active); text-decoration-color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-public-pattern='trust-panel'] [data-public-pattern='standalone-text-link']:hover { color: var(--public-colour-brand-border); text-decoration-color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='trust-panel'] [data-public-pattern='standalone-text-link']:active { color: var(--public-colour-inverse-muted); text-decoration-color: var(--public-colour-brand-border); } [data-public-theme-scope='production'] [data-public-pattern='marketing-cta'] { background: var(--public-colour-brand); color: var(--public-colour-on-brand); padding-block: clamp(3.5rem, 7vw, 5.5rem); } [data-public-theme-scope='production'] [data-public-pattern='marketing-cta'] :is(h2, p) { color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='section-inner'][data-layout='marketing-cta'] { align-items: center; display: grid; gap: 2rem 4rem; grid-template-columns: minmax(0, 1.1fr) minmax(22rem, 0.9fr); } [data-public-theme-scope='production'] [data-public-pattern='contact-page'] { padding-block: clamp(3.5rem, 7vw, 6rem); } [data-public-theme-scope='production'] [data-public-pattern='contact-page'] > [data-public-pattern='section-heading'] { max-width: 52rem; } [data-public-theme-scope='production'] [data-public-pattern='contact-page'] > [data-public-pattern='section-heading'] h1 { font-size: clamp(3rem, 7vw, 5.75rem); letter-spacing: -0.05em; line-height: 0.92; } [data-public-theme-scope='production'] [data-public-pattern='contact-topics'] { background: var(--public-colour-inverse-surface); border-radius: var(--public-radius-panel); box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='contact-topics'] > [aria-hidden='true'] { display: none; } [data-public-theme-scope='production'] [data-public-pattern='contact-topic'] { border-radius: var(--public-radius-control); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-page'] { background: var(--public-colour-surface); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero'] { background: var(--public-colour-brand); color: var(--public-colour-on-brand); overflow: hidden; padding-block: clamp(4.5rem, 8vw, 7rem); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero-inner'] { align-items: center; margin-inline: auto; width: min(75rem, calc(100% - 2.5rem)); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero-copy'] h1 { color: var(--public-colour-on-brand); font-size: clamp(3.5rem, 7vw, 6.5rem); letter-spacing: -0.055em; line-height: 0.88; margin-top: 1rem; max-width: 14ch; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero-copy'] [data-public-part='hero-subhead'] { color: var(--public-colour-on-brand); font-size: clamp(1.125rem, 2vw, 1.375rem); font-weight: 700; line-height: 1.4; margin-top: 1.25rem; max-width: 36rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero-copy'] [data-public-part='hero-body'] { color: var(--public-colour-on-brand); font-size: 1.125rem; line-height: 1.7; margin-top: 1.75rem; max-width: 42rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero-actions'] { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero'] [data-slot='button'][data-variant='default'][data-public-part='hero-referral-action'] { background: var(--public-colour-ink); border-color: var(--public-colour-ink); box-shadow: 0 1px 2px color-mix(in srgb, var(--public-colour-ink) 22%, transparent), 0 6px 16px color-mix(in srgb, var(--public-colour-ink) 16%, transparent); color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero'] [data-slot='button'][data-variant='default'][data-public-part='hero-referral-action']:not(:disabled):hover { background: var(--public-colour-ink-soft); border-color: var(--public-colour-ink-soft); box-shadow: 0 2px 4px color-mix(in srgb, var(--public-colour-ink) 24%, transparent), 0 10px 22px color-mix(in srgb, var(--public-colour-ink) 20%, transparent); color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero'] [data-slot='button'][data-variant='default'][data-public-part='hero-referral-action']:not(:disabled):active { background: var(--public-colour-inverse-surface); border-color: var(--public-colour-inverse-surface); box-shadow: 0 1px 2px color-mix(in srgb, var(--public-colour-ink) 22%, transparent); color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-marquee'] { background: var(--public-colour-surface); border-bottom: 1px solid var(--public-colour-border); padding-block: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='section-inner'][data-layout='claim'], [data-public-theme-scope='production'] [data-public-pattern='section-inner'][data-layout='editorial-split'] { align-items: start; display: grid; gap: clamp(3rem, 7vw, 6rem); grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.2fr); } [data-public-theme-scope='production'] [data-public-pattern='section-inner'][data-layout='claim-compact'] { display: grid; gap: 2rem; max-width: 64rem; } [data-public-theme-scope='production'] [data-public-pattern='section-inner'][data-layout='claim-compact'] [data-public-pattern='section-heading'] { margin-inline: auto; max-width: 48rem; text-align: center; } [data-public-theme-scope='production'] [data-public-pattern='section-inner'][data-layout='claim-compact'] [data-public-pattern='school-claim-search'] { margin-inline: auto; max-width: 56rem; text-align: center; width: calc(100% - 2rem); } [data-public-theme-scope='production'] [data-public-pattern='section-inner'][data-layout='claim-compact'] [data-public-pattern='school-claim-search'] > button { margin-inline: auto; } [data-public-theme-scope='production'] [data-public-pattern='claim-flow-card'] { background: var(--public-colour-surface); border: 1px solid color-mix(in srgb, var(--public-colour-inverse-text) 28%, transparent); border-radius: var(--public-radius-panel); box-shadow: var(--public-shadow-floating); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='claim-flow-card'][data-state='search'] { background: transparent; border: 0; border-radius: 0; box-shadow: none; color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='school-claim-search'][data-variant='inverse'] input[role='combobox'] { background: var(--public-colour-surface); border: 0; border-radius: 999px; box-shadow: 0 1px 2px color-mix(in srgb, var(--public-colour-ink) 18%, transparent), 0 12px 30px color-mix(in srgb, var(--public-colour-ink) 20%, transparent); color: var(--public-colour-ink); font-size: clamp(1rem, 2vw, 1.2rem); min-height: 4.5rem; padding-inline: clamp(1.25rem, 3vw, 2rem); text-align: left; } [data-public-theme-scope='production'] [data-public-pattern='school-claim-search'][data-variant='inverse'] input[role='combobox']::-moz-placeholder { color: var(--public-colour-muted); opacity: 1; } [data-public-theme-scope='production'] [data-public-pattern='school-claim-search'][data-variant='inverse'] input[role='combobox']::placeholder { color: var(--public-colour-muted); opacity: 1; } [data-public-theme-scope='production'] [data-public-pattern='school-claim-search'][data-variant='inverse'] input[role='combobox']:focus-visible { outline: 3px solid var(--public-colour-brand); outline-offset: 3px; } [data-public-theme-scope='production'] [data-public-pattern='school-claim-search'][data-variant='inverse'] [role='group'] { background: var(--public-colour-surface); border-radius: 999px; color: var(--public-colour-ink); min-height: 4.5rem; padding: 0.75rem 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='school-claim-search'][data-variant='inverse'] [role='group'] .text-muted-foreground { color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-pattern='school-claim-search'][data-variant='inverse'] > button { color: var(--public-colour-inverse-text); text-decoration-color: color-mix(in srgb, var(--public-colour-inverse-text) 52%, transparent); } [data-public-theme-scope='production'] [data-public-pattern='school-claim-search'][data-variant='inverse'] > button:hover { text-decoration-color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='feature-demo-tabs'] { border-block: 1px solid var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='feature-demo-tab'] { background: transparent; border: 0; border-bottom: 1px solid var(--public-colour-border); color: var(--public-colour-ink); min-height: 5rem; padding: 1rem 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='feature-demo-tab']:last-child { border-bottom: 0; } [data-public-theme-scope='production'] [data-public-pattern='feature-demo-tab'][aria-selected='true'] { box-shadow: inset 3px 0 0 var(--public-colour-brand); padding-left: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='feature-demo-panel'] { background: var(--public-colour-surface); border: 0; border-radius: var(--public-radius-card); box-shadow: none; overflow: hidden; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-feature-grid'] { align-items: start; display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-feature-card'] { border-top: 1px solid var(--public-colour-border); padding: 1.75rem 0; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-feature-card'] h3 { font-size: 1.5rem; letter-spacing: -0.025em; margin-top: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-feature-card'] p { color: var(--public-colour-muted); line-height: 1.7; margin-top: 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-feature-card'] [data-public-part='pillar-icon'] { align-items: center; background: var(--public-colour-brand); border-radius: 999px; color: var(--public-colour-on-brand); display: inline-flex; height: 2.75rem; justify-content: center; width: 2.75rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-feature-card'] ul { color: var(--public-colour-muted); line-height: 1.7; margin-top: 1rem; padding-left: 1.15rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-workflows'] { display: grid; gap: 0; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-workflow'] { align-items: start; border-top: 1px solid var(--public-colour-border); display: grid; gap: 1rem; grid-template-columns: 44px minmax(0, 1fr); padding-block: 1.5rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-capabilities'] { border-block: 1px solid var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-capability-row'] { display: grid; gap: 1.5rem; grid-template-columns: minmax(10rem, 0.45fr) minmax(0, 0.55fr); padding-block: 1.5rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-capabilities'][data-layout='stack'] [data-public-pattern='for-schools-capability-row'] { grid-template-columns: minmax(0, 1fr); } [data-public-theme-scope='production'] [data-public-part='ignite-closer'] { color: var(--public-colour-muted); line-height: 1.7; margin-top: 2rem; max-width: 42rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-capability-row'] + [data-public-pattern='for-schools-capability-row'] { border-top: 1px solid var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-final-cta'] { background: var(--public-colour-brand); color: var(--public-colour-on-brand); padding-block: clamp(4rem, 7vw, 6rem); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-final-cta'] h2, [data-public-theme-scope='production'] [data-public-pattern='for-schools-final-cta'] p { color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero'] [data-slot='button'][data-variant='outline'], [data-public-theme-scope='production'] [data-public-pattern='for-schools-final-cta'] [data-slot='button'][data-variant='outline'] { background: transparent; border-color: color-mix(in srgb, var(--public-colour-on-brand) 58%, transparent); color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero'] [data-slot='button'][data-variant='outline']:hover, [data-public-theme-scope='production'] [data-public-pattern='for-schools-final-cta'] [data-slot='button'][data-variant='outline']:hover { background: color-mix(in srgb, var(--public-colour-on-brand) 12%, transparent); border-color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='public-section'] [data-public-part='pillar-icon'] { align-items: center; background: var(--public-colour-brand); border-radius: 999px; color: var(--public-colour-on-brand); display: inline-flex; height: 2.75rem; justify-content: center; width: 2.75rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-pillar-tabs'] { border-bottom: 1px solid var(--public-colour-border); display: flex; gap: 0.25rem; margin-bottom: 1.25rem; max-width: 100%; min-width: 0; overflow-x: auto; scrollbar-width: none; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-pillar-tabs']::-webkit-scrollbar { display: none; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-pillar-tab'] { background: transparent; border: 0; border-bottom: 2px solid transparent; color: var(--public-colour-muted); cursor: pointer; flex: 1 1 0; font-size: 0.875rem; font-weight: 700; min-height: 44px; min-width: 10.5rem; padding: 0.75rem 0.875rem; text-align: center; white-space: nowrap; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-pillar-tab']:hover, [data-public-theme-scope='production'] [data-public-pattern='for-schools-pillar-tab'][aria-selected='true'] { border-bottom-color: var(--public-colour-brand); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-pillar-panel'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); overflow: hidden; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-pillar-panel'] [data-public-part='pillar-media'] { aspect-ratio: 2 / 1; background: var(--public-colour-canvas); position: relative; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-pillar-panel'] :is(video, img) { display: block; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-pillar-panel'] [data-public-part='labelled-still-slot'] { height: 100%; width: 100%; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-pillar-pause'] { align-items: center; background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: 999px; bottom: 0.75rem; box-shadow: var(--public-shadow-floating); color: var(--public-colour-ink); cursor: pointer; display: inline-flex; height: 44px; justify-content: center; position: absolute; right: 0.75rem; width: 44px; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-pillar-panel'] [data-public-part='pillar-still-caption'] { color: var(--public-colour-muted); font-size: 0.9375rem; line-height: 1.6; padding: 1rem 1.25rem 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonials'] { color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-quote'] { align-items: center; background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-panel); display: flex; flex-direction: column; margin: 0; min-height: 470px; padding: 48px 10%; position: relative; text-align: center; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-quote'][data-static='true'] { border-radius: var(--public-radius-panel); min-height: 0; } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-below'] { align-items: center; display: flex; height: 72px; justify-content: center; margin-top: 28px; max-width: 220px; width: 100%; } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-below'] img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-below'][data-school='fintona'] { background: var(--public-colour-ink); border-radius: var(--public-radius-card); padding: 0.75rem 1rem; } [data-public-theme-scope='production'] [data-public-part='testimonial-carousel-controls'] { align-items: center; display: flex; gap: 0.75rem; justify-content: center; margin-top: 1.25rem; } [data-public-theme-scope='production'] [data-public-part='testimonial-carousel-controls'] button { align-items: center; background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: 50%; color: var(--public-colour-ink); display: inline-flex; height: 44px; justify-content: center; width: 44px; } [data-public-theme-scope='production'] [data-public-part='testimonial-carousel-controls'] button:focus-visible { outline: 2px solid var(--public-colour-brand-border); outline-offset: 2px; } @media (hover: hover) and (pointer: fine) { [data-public-theme-scope='production'] [data-public-part='testimonial-carousel-controls'] button:hover { background: var(--public-colour-canvas); border-color: var(--public-colour-border-strong); } } [data-public-theme-scope='production'] [data-public-part='testimonial-carousel-controls'] svg { height: 1rem; width: 1rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-pause'] { align-items: center; background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: 50%; color: var(--public-colour-muted); cursor: pointer; display: inline-flex; height: 44px; justify-content: center; position: absolute; right: 20px; top: 20px; transition: background-color var(--public-motion-fast) ease, border-color var(--public-motion-fast) ease, color var(--public-motion-fast) ease; width: 44px; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-pause']:hover { background: var(--public-colour-canvas); border-color: var(--public-colour-border-strong); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-pause']:disabled { cursor: default; opacity: 0.48; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-pause'] svg { height: 17px; width: 17px; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-quote'] [data-public-part='testimonial-content'] { align-items: center; display: flex; flex-direction: column; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-quote'] blockquote { color: var(--public-colour-ink); font-family: 'proxima-nova', var(--font-assistant, 'Assistant'), sans-serif; font-size: clamp(2rem, 4vw, 3.7rem); font-weight: 700; letter-spacing: -0.04em; line-height: 1.08; margin: 0 auto 34px; max-width: 980px; text-wrap: balance; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-quote'] blockquote[data-state='pending'] { border: 1px dashed var(--public-colour-border); border-radius: var(--public-radius-card); color: var(--public-colour-muted); padding: 1.25rem 1.5rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-quote'] figcaption { align-items: center; display: flex; gap: 12px; text-align: left; } [data-public-theme-scope='production'] [data-public-part='testimonial-avatar'] { align-items: center; background: var(--public-colour-ink); border-radius: 50%; color: var(--public-colour-surface); display: inline-flex; font-size: 0.8125rem; font-weight: 700; height: 46px; justify-content: center; overflow: hidden; position: relative; width: 46px; } [data-public-theme-scope='production'] [data-public-part='testimonial-avatar'][data-kind='hole'], [data-public-theme-scope='production'] [data-public-part='testimonial-avatar'][data-state='pending'] { background: var(--public-colour-canvas); border: 1px dashed var(--public-colour-border); color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-part='testimonial-avatar'][data-kind='photo'] img, [data-public-theme-scope='production'] [data-public-part='testimonial-avatar'][data-photo] img { -o-object-fit: cover; object-fit: cover; transform: scale(2.1); transform-origin: 50% 42%; } [data-public-theme-scope='production'] [data-public-part='testimonial-avatar'][data-slug='melbourne-girls-grammar'] img { -o-object-position: center; object-position: center; transform: none; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-quote'] figcaption > span:last-child { display: flex; flex-direction: column; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-quote'] figcaption small { color: var(--public-colour-muted); margin-top: 2px; } [data-public-theme-scope='production'] [data-public-part='testimonial-school'] { color: var(--public-colour-ink); font-weight: 700; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-quote'] figcaption[data-state='pending'] { border: 1px dashed var(--public-colour-border); border-radius: var(--public-radius-card); color: var(--public-colour-muted); padding: 0.5rem 0.85rem 0.5rem 0.5rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-quote'] figcaption[data-state='pending'] strong, [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-quote'] figcaption[data-state='pending'] [data-public-part='testimonial-school'] { color: var(--public-colour-muted); font-weight: 600; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-rail'] { border: 1px solid var(--public-colour-border); border-radius: 0 0 var(--public-radius-panel) var(--public-radius-panel); display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-logo'] { align-items: center; background: var(--public-colour-surface); border: 0; border-right: 1px solid var(--public-colour-border); cursor: pointer; display: flex; justify-content: center; min-height: 126px; padding: 24px 28px; position: relative; transition: background-color 180ms ease; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-logo']:last-child { border-right: 0; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-logo']:hover { background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-logo']:focus-visible { outline-offset: -4px; position: relative; z-index: var(--z-raised); } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-frame'] { align-items: center; display: flex; filter: grayscale(1); height: 64px; justify-content: center; max-width: 210px; opacity: 0.42; transition: filter 240ms ease, opacity 240ms ease, transform 240ms ease; width: 100%; } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-frame'] img { height: auto; max-height: 64px; max-width: 100%; -o-object-fit: contain; object-fit: contain; width: auto; } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-frame'][data-slug='fintona'] { background: var(--public-colour-ink); border-radius: 8px; box-sizing: border-box; opacity: 0.25; padding: 14px 18px; } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-frame'][data-slug='melbourne-girls-grammar'] { height: 72px; max-width: 220px; } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-frame'][data-slug='melbourne-girls-grammar'] img { max-height: 72px; } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-frame'][data-slug='carey'] { opacity: 0.36; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-logo'][aria-pressed='true'] [data-public-part='testimonial-logo-frame'] { filter: grayscale(0); opacity: 1; transform: translateY(-1px); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-logo']:not([aria-pressed='true']):hover [data-public-part='testimonial-logo-frame'] { opacity: 0.58; } [data-public-theme-scope='production'] [data-public-part='testimonial-progress'] { background: var(--public-colour-ink); height: 3px; left: 0; position: absolute; top: 0; transform: scaleX(var(--for-schools-testimonial-progress, 0)); transform-origin: left; width: 100%; } /* Long-tail route families: one replaceable composition contract for decision, * search, information, location, confirmation and focused event pages. */ [data-public-theme-scope='production'] [data-public-pattern='decision-hero'] { background: var(--public-colour-inverse-surface); border-radius: var(--public-radius-panel); color: var(--public-colour-inverse-text); overflow: hidden; padding: clamp(2rem, 5vw, 4.5rem); } [data-public-theme-scope='production'] [data-public-pattern='decision-hero-grid'] { align-items: center; display: grid; gap: clamp(2.5rem, 6vw, 6rem); grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr); } [data-public-theme-scope='production'] [data-public-pattern='decision-hero-copy'] h1, [data-public-theme-scope='production'] [data-public-pattern='search-hero-copy'] h1 { color: var(--public-colour-inverse-text); font-size: clamp(2.75rem, 6vw, 5rem); letter-spacing: -0.05em; line-height: 0.96; margin-top: 1rem; max-width: 13ch; } [data-public-theme-scope='production'] [data-public-pattern='decision-hero-copy'] > p, [data-public-theme-scope='production'] [data-public-pattern='search-hero-copy'] > div > p { color: var(--public-colour-inverse-muted); font-size: 1.125rem; line-height: 1.7; margin-top: 1.25rem; max-width: 40rem; } [data-public-theme-scope='production'] :is([data-public-pattern='decision-actions'], [data-public-pattern='search-form']) { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.75rem; } [data-public-theme-scope='production'] [data-public-pattern='decision-actions'] [data-public-action='secondary'] { background: transparent; border-color: color-mix(in srgb, var(--public-colour-inverse-text) 45%, transparent); color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='decision-steps'] { border-block: 1px solid color-mix(in srgb, var(--public-colour-inverse-text) 20%, transparent); padding-block: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='decision-steps'] > [data-public-pattern='card-eyebrow'] { align-items: center; color: var(--public-colour-inverse-muted); display: flex; gap: 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='decision-step'] { border-top: 1px solid color-mix(in srgb, var(--public-colour-inverse-text) 14%, transparent); margin-top: 1rem; padding-top: 1rem; } [data-public-theme-scope='production'] [data-public-pattern='decision-step'] [data-public-step-number] { align-items: center; background: var(--public-colour-brand); border-radius: 999px; color: var(--public-colour-on-brand); display: flex; flex: 0 0 2rem; font-weight: 800; height: 2rem; justify-content: center; } [data-public-theme-scope='production'] [data-public-pattern='decision-step'] h2 { color: var(--public-colour-inverse-text); font-size: 1rem; } [data-public-theme-scope='production'] [data-public-pattern='decision-step'] p { color: var(--public-colour-inverse-muted); font-size: 0.875rem; line-height: 1.55; margin-top: 0.25rem; } [data-public-theme-scope='production'] [data-public-pattern='decision-section'] { padding-block: clamp(4rem, 8vw, 7rem); } [data-public-theme-scope='production'] [data-public-pattern='decision-options'] { border-block: 1px solid var(--public-colour-border); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } [data-public-theme-scope='production'] [data-public-pattern='decision-option'] { color: var(--public-colour-ink); min-height: 100%; padding: clamp(1.5rem, 3vw, 2.5rem); text-decoration: none; } [data-public-theme-scope='production'] [data-public-pattern='decision-option'] + [data-public-pattern='decision-option'] { border-left: 1px solid var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='decision-option'][data-featured='true'] { background: var(--public-colour-brand-soft); } [data-public-theme-scope='production'] [data-public-pattern='decision-option-icon'] { align-items: center; background: var(--public-colour-canvas); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-control); color: var(--public-colour-brand-active); display: flex; height: 44px; justify-content: center; margin-bottom: 1.25rem; width: 44px; } [data-public-theme-scope='production'] [data-public-pattern='decision-checklist'] { background: var(--public-colour-surface); border-top: 1px solid var(--public-colour-border-strong); padding-block: clamp(2.5rem, 5vw, 4rem); } [data-public-theme-scope='production'] [data-public-pattern='decision-check'] { align-items: start; border-top: 1px solid var(--public-colour-border); display: flex; gap: 0.75rem; padding-block: 1rem; } [data-public-theme-scope='production'] [data-public-pattern='search-hero'] { background: var(--public-colour-inverse-surface); border-radius: var(--public-radius-panel); color: var(--public-colour-inverse-text); padding: clamp(2rem, 5vw, 4rem); } [data-public-theme-scope='production'] [data-public-pattern='search-hero-copy'] { max-width: 48rem; } [data-public-theme-scope='production'] [data-public-pattern='search-form'] [data-public-ui='input'] { background: var(--public-colour-surface); border-color: var(--public-colour-border-strong); color: var(--public-colour-ink); flex: 1 1 18rem; min-height: 48px; } [data-public-theme-scope='production'] [data-public-pattern='information-page'] { padding-block: clamp(2.5rem, 6vw, 5rem); } [data-public-theme-scope='production'] [data-public-pattern='information-page'][data-width='breadcrumb'] { max-width: none; padding-inline: 0; width: min(75rem, calc(100% - 2.5rem)); } [data-public-theme-scope='production'] [data-public-pattern='information-hero'] { border-bottom: 1px solid var(--public-colour-border-strong); margin-bottom: clamp(2rem, 5vw, 4rem); max-width: 54rem; padding-bottom: clamp(2rem, 5vw, 4rem); text-align: left; } [data-public-theme-scope='production'] [data-public-pattern='information-hero'][data-width='full'] { max-width: none; } [data-public-theme-scope='production'] [data-public-pattern='information-hero'] h1 { color: var(--public-colour-ink); font-size: clamp(2.75rem, 6vw, 5rem); letter-spacing: -0.05em; line-height: 0.96; margin-top: 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='information-hero'] > p:not([data-public-pattern]) { color: var(--public-colour-muted); font-size: 1.125rem; line-height: 1.7; margin-top: 1.25rem; max-width: 44rem; } [data-public-theme-scope='production'] [data-public-pattern='information-note'] { background: var(--public-colour-canvas); border: 0; border-left: 4px solid var(--public-colour-brand); border-radius: 0; color: var(--public-colour-ink-soft); margin-bottom: clamp(2rem, 5vw, 3.5rem); padding: 1.25rem 1.5rem; } [data-public-theme-scope='production'] [data-public-pattern='information-note'][data-tone='surface'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-left: 4px solid var(--public-colour-brand); } [data-public-theme-scope='production'] [data-public-pattern='information-navigation'] { background: var(--public-colour-canvas); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: none; margin-bottom: clamp(3rem, 7vw, 5rem); padding: clamp(1.25rem, 3vw, 2rem); } [data-public-theme-scope='production'] [data-public-pattern='information-navigation'] h2, [data-public-theme-scope='production'] [data-public-pattern='information-navigation'] #faq-topics-heading, [data-public-theme-scope='production'] [data-public-pattern='information-section'] > h2 { color: var(--public-colour-ink); font-size: clamp(1.5rem, 3vw, 2.25rem); letter-spacing: -0.025em; margin-bottom: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='information-navigation-card'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-control); box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='information-section'] { border-top: 1px solid var(--public-colour-border); padding-top: clamp(2rem, 5vw, 3.5rem); } [data-public-theme-scope='production'] [data-public-pattern='information-card'] { background: transparent; border: 0; border-top: 1px solid var(--public-colour-border); border-radius: 0; box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='information-card'][data-public-ui='card'] { border-radius: 0; box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='information-tabs'] { align-items: flex-end; background: transparent; border-bottom: 1px solid var(--public-colour-border-strong); border-radius: 0; height: auto; padding: 0; } [data-public-theme-scope='production'] [data-public-pattern='information-tab'] { border-bottom: 3px solid transparent; border-radius: 0; min-height: 48px; margin-bottom: -1px; } [data-public-theme-scope='production'] [data-public-pattern='information-tab'][data-state='active'] { background: transparent; border-bottom-color: var(--public-colour-brand); box-shadow: none; color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='information-content'] { margin-top: 2rem; } [data-public-theme-scope='production'] [data-public-pattern='information-article'] { color: var(--public-colour-ink-soft); } [data-public-theme-scope='production'] [data-public-pattern='information-article'] h3 { border-top: 1px solid var(--public-colour-border); color: var(--public-colour-ink); padding-top: 1.75rem; } [data-public-theme-scope='production'] [data-public-pattern='directory-link-group'] { border-top: 1px solid var(--public-colour-border); padding-top: 2rem; } [data-public-theme-scope='production'] [data-public-pattern='location-profile'] { padding-block: clamp(2rem, 5vw, 4.5rem); } [data-public-theme-scope='production'] [data-public-pattern='location-profile-hero'] { border-bottom: 1px solid var(--public-colour-border-strong); padding-bottom: clamp(2rem, 5vw, 4rem); } [data-public-theme-scope='production'] [data-public-pattern='location-profile-hero'] h1 { color: var(--public-colour-ink); font-size: clamp(2.75rem, 6vw, 5rem); letter-spacing: -0.05em; line-height: 0.96; margin-top: 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='location-profile-hero'] [data-public-pattern='state-feature-hero'] h1, [data-public-theme-scope='production'] [data-public-pattern='state-feature-hero'] :is(h1, h2, p) { color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='location-profile-hero'] > p:not([data-public-pattern]) { color: var(--public-colour-muted); font-size: 1.125rem; line-height: 1.7; margin-top: 1.25rem; max-width: 48rem; } [data-public-theme-scope='production'] [data-public-pattern='location-profile-cta'] { background: var(--public-colour-canvas); border: 0; border-left: 4px solid var(--public-colour-brand); border-radius: 0; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin-top: 2rem; padding: 1.25rem 1.5rem; } [data-public-theme-scope='production'] [data-public-pattern='location-facts'] { margin-top: clamp(2.5rem, 6vw, 4.5rem); } [data-public-theme-scope='production'] [data-public-pattern='location-index-section'] { border-top: 1px solid var(--public-colour-border-strong); padding-top: clamp(2.5rem, 6vw, 4.5rem); } [data-public-theme-scope='production'] [data-public-pattern='location-index-section'] > div:first-child { margin-bottom: 2rem; } [data-public-theme-scope='production'] [data-public-pattern='location-index-section'] h2 { color: var(--public-colour-ink); font-size: clamp(2rem, 4vw, 3.25rem); letter-spacing: -0.04em; line-height: 1; } [data-public-theme-scope='production'] [data-public-pattern='listing-card-link'] { color: var(--public-colour-ink); text-decoration: none; } [data-public-theme-scope='production'] [data-public-pattern='listing-card'][data-public-ui='card'] { background: var(--public-colour-surface); border: 0; border-top: 1px solid var(--public-colour-border-strong); border-radius: 0; box-shadow: none; transform: none; } [data-public-theme-scope='production'] [data-public-pattern='listing-card-overlay'] { background: linear-gradient( to top, color-mix(in srgb, var(--public-colour-inverse-surface) 72%, transparent), transparent 72% ); } [data-public-theme-scope='production'] [data-public-pattern='listing-card-icon'] { align-items: center; background: var(--public-colour-canvas); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-control); color: var(--public-colour-brand-active); display: flex; height: 44px; justify-content: center; padding: 0; width: 44px; } [data-public-theme-scope='production'] :is([data-public-pattern='location-fact'], [data-public-pattern='location-profile-card'], [data-public-pattern='location-facts-panel']) { background: var(--public-colour-surface); border: 0; border-top: 1px solid var(--public-colour-border-strong); border-radius: 0; box-shadow: none; } [data-public-theme-scope='production'] :is([data-public-pattern='location-fact'], [data-public-pattern='location-profile-card'], [data-public-pattern='location-facts-panel'])[data-public-ui='card'] { border-radius: 0; box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='directory-profile-cta'] { background: var(--public-colour-inverse-surface); border-radius: var(--public-radius-card); box-shadow: none; color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='result-card'] { background: var(--public-colour-surface); border: 0; border-top: 4px solid var(--public-colour-border-strong); border-radius: var(--public-radius-card); box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='result-card'][data-public-ui='card'] { box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='result-card'] [data-slot='card-header'] { display: grid; gap: 0.75rem; padding: clamp(1.5rem, 4vw, 2.5rem); text-align: center; } [data-public-theme-scope='production'] [data-public-pattern='result-card'] [data-slot='card-header'] > svg { height: 3rem; margin-inline: auto; width: 3rem; } [data-public-theme-scope='production'] [data-public-pattern='result-card'] h1 { color: var(--public-colour-ink); font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -0.04em; line-height: 1; } [data-public-theme-scope='production'] [data-public-pattern='result-card'] [data-slot='card-content'] { display: grid; gap: 1.5rem; padding: 0 clamp(1.5rem, 4vw, 2.5rem) clamp(1.5rem, 4vw, 2.5rem); } [data-public-theme-scope='production'] [data-public-pattern='result-card'][data-state='success'] { border-top-color: var(--public-colour-success); } [data-public-theme-scope='production'] [data-public-pattern='result-card'][data-state='recovery'] { border-top-color: var(--public-colour-warning); } [data-public-theme-scope='production'] [data-public-pattern='result-icon'] { border-radius: 999px; margin-inline: auto; } [data-public-theme-scope='production'] :is([data-public-pattern='result-icon'], [data-public-pattern='result-status'])[data-state='success'] { color: var(--public-colour-success); } [data-public-theme-scope='production'] [data-public-pattern='result-icon'][data-state='success'] { background: var(--public-colour-success-soft); } [data-public-theme-scope='production'] :is([data-public-pattern='result-icon'], [data-public-pattern='result-status'])[data-state='recovery'] { color: var(--public-colour-warning); } [data-public-theme-scope='production'] [data-public-pattern='result-icon'][data-state='recovery'] { background: var(--public-colour-warning-soft); } [data-public-theme-scope='production'] [data-public-pattern='result-note'] { background: var(--public-colour-canvas); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-control); padding: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='result-note'][data-state='success'] { background: var(--public-colour-success-soft); border-color: var(--public-colour-success-border); } [data-public-theme-scope='production'] [data-public-pattern='result-note'][data-state='success'] > div > svg { color: var(--public-colour-success); } [data-public-theme-scope='production'] [data-public-pattern='result-note'][data-state='recovery'] { background: var(--public-colour-warning-soft); border-color: var(--public-colour-warning-border); } [data-public-theme-scope='production'] [data-public-pattern='result-note'][data-state='recovery'] > div > svg { color: var(--public-colour-warning); } [data-public-theme-scope='production'] [data-public-pattern='result-skeleton-shape'] { border-radius: var(--public-radius-card); } [data-public-theme-scope='production'] [data-public-pattern='result-skeleton-line'] { border-radius: var(--public-radius-control); } [data-public-theme-scope='production'] [data-public-pattern='event-booking-page'] { background: var(--public-colour-canvas); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='event-booking-details'] { background: var(--public-colour-inverse-surface); color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='event-booking-details'] h1 { color: var(--public-colour-inverse-text); font-size: clamp(2.75rem, 6vw, 5rem); letter-spacing: -0.05em; line-height: 0.96; margin-block: 1.5rem 1rem; } [data-public-theme-scope='production'] [data-public-pattern='event-booking-details'] p { color: var(--public-colour-inverse-muted); line-height: 1.65; } [data-public-theme-scope='production'] [data-public-pattern='event-booking-form'] { background: var(--public-colour-canvas); border-left: 1px solid var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='embed-preview'] { background: var(--public-colour-canvas); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='embed-preview-header'] { background: var(--public-colour-surface); border: 0; border-top: 3px solid var(--public-colour-brand); border-radius: var(--public-radius-card); } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing'] { background: var(--public-colour-surface); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-hero'] { background: var(--public-colour-surface); border-bottom: 1px solid var(--public-colour-border); color: var(--public-colour-ink); padding-block: clamp(3rem, 7vw, 6rem); } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-hero-inner'], [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-content-inner'] { margin-inline: auto; width: min(75rem, calc(100% - 2.5rem)); } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-hero-grid'] { align-items: center; display: grid; gap: clamp(2.5rem, 6vw, 6rem); grid-template-columns: minmax(0, 0.9fr) minmax(20rem, 1.1fr); } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-copy'] { max-width: 42rem; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-eyebrow'] { color: var(--public-colour-brand-active); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.14em; margin-bottom: 1rem; text-transform: uppercase; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-meta'] { align-items: center; color: var(--public-colour-muted); display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; margin-bottom: 0; } [data-public-theme-scope='production'] [data-public-part='assessment-badge'] { background: var(--public-colour-brand); border-color: var(--public-colour-brand); color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-title'] { color: var(--public-colour-ink); font-size: clamp(2.75rem, 6vw, 5rem); letter-spacing: -0.05em; line-height: 0.96; margin-block: 1.75rem 1.25rem; max-width: 12ch; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-subtitle'] { color: var(--public-colour-ink-soft); font-size: 1.25rem; font-weight: 700; line-height: 1.45; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-description'] { color: var(--public-colour-muted); font-size: 1.0625rem; line-height: 1.75; margin-top: 1rem; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-media'] > div { border-radius: var(--public-radius-panel); box-shadow: none; overflow: hidden; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-media'] img { filter: saturate(0.9) contrast(1.02); } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-media-note'] { align-items: center; background: var(--public-colour-inverse-surface); bottom: 1rem; color: var(--public-colour-inverse-text); display: flex; flex-wrap: wrap; font-size: 0.75rem; font-weight: 700; gap: 0.5rem 1.25rem; justify-content: space-between; left: 1rem; padding: 0.875rem 1rem; position: absolute; right: 1rem; z-index: var(--z-raised); } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-media-note'] span + span::before { color: var(--public-colour-brand-border); content: '•'; margin-right: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-content'] { background: var(--public-colour-surface); padding-block: clamp(4rem, 8vw, 7rem); } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-layout'] { align-items: start; display: grid; gap: clamp(3rem, 7vw, 6rem); grid-template-columns: minmax(18rem, 0.65fr) minmax(0, 1fr); } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-article'] { color: var(--public-colour-ink-soft); max-width: 48rem; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-article'] :is(h2, h3, h4) { color: var(--public-colour-ink); letter-spacing: -0.025em; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-article'] h2 { border-top: 1px solid var(--public-colour-border); margin-top: 3rem; padding-top: 2rem; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-article'] > section:first-child h2 { border-top: 0; margin-top: 0; padding-top: 0; } [data-public-theme-scope='production'] [data-public-pattern='assessment-report-grid'] { background: transparent; border-block: 1px solid var(--public-colour-border); border-radius: 0; padding: 0; } [data-public-theme-scope='production'] [data-public-pattern='assessment-report-grid'] > div { gap: 0; } [data-public-theme-scope='production'] [data-public-pattern='assessment-report-item'] { border-bottom: 1px solid var(--public-colour-border); padding: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='assessment-report-item']:nth-last-child(-n + 2) { border-bottom: 0; } [data-public-theme-scope='production'] [data-public-pattern='assessment-report-item'] > div:first-child > div { background: var(--public-colour-brand-soft); border-radius: var(--public-radius-control); color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-public-pattern='assessment-domain-grid'] { gap: 1rem; } [data-public-theme-scope='production'] [data-public-pattern='assessment-domain-card'] { background: var(--public-colour-canvas); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-part='assessment-domain-icon'] { background: var(--public-colour-inverse-surface); color: var(--public-colour-inverse-text); } [data-public-theme-scope='production'] [data-public-pattern='assessment-domain-card'] li > div:first-child { color: var(--public-colour-brand); } [data-public-theme-scope='production'] [data-public-pattern='assessment-success-list'] { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); } [data-public-theme-scope='production'] [data-public-pattern='assessment-success-item'] { border-left: 0; border-top: 3px solid var(--public-colour-brand); padding: 1.25rem 0 0; } [data-public-theme-scope='production'] [data-public-pattern='assessment-success-item'] > span { color: var(--public-colour-brand-active); display: block; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.12em; margin-bottom: 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='assessment-timeline'] { background: var(--public-colour-canvas); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); } [data-public-theme-scope='production'] [data-public-pattern='assessment-faq-list'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: var(--public-shadow-raised); overflow: hidden; } [data-public-theme-scope='production'] [data-public-pattern='assessment-faq-item'] { border-color: var(--public-colour-border); border-bottom: 1px solid var(--public-colour-border); padding: 0; } [data-public-theme-scope='production'] [data-public-pattern='assessment-faq-item']:last-child { border-bottom: 0; } [data-public-theme-scope='production'] [data-public-pattern='assessment-faq-item'] summary { padding: 1rem 1.5rem; } [data-public-theme-scope='production'] [data-public-pattern='assessment-faq-item'] > p { margin: 0; padding: 0 1.5rem 1rem; } [data-public-theme-scope='production'] [data-public-pattern='assessment-faq-item'] summary:focus-visible { border-radius: var(--public-radius-control); outline: 3px solid var(--public-colour-focus); outline-offset: 4px; } [data-public-theme-scope='production'] [data-public-pattern='assessment-final-cta'] { background: var(--public-colour-inverse-surface); border: 0; border-radius: var(--public-radius-panel); color: var(--public-colour-inverse-text); padding: clamp(1.5rem, 4vw, 2.5rem); } [data-public-theme-scope='production'] [data-public-pattern='assessment-final-cta'] :is(h2, p, span) { color: inherit; } [data-public-theme-scope='production'] [data-public-pattern='assessment-final-cta'] > h2 { border-top: 0; padding-top: 0; } [data-public-theme-scope='production'] [data-public-pattern='assessment-final-cta'] > div:last-child { background: transparent; border: 0; border-radius: 0; border-top: 1px solid color-mix(in srgb, var(--public-colour-inverse-text) 20%, transparent); padding: 1.5rem 0 0; } [data-public-theme-scope='production'] [data-public-pattern='assessment-final-cta'] > div:last-child > p { color: var(--public-colour-inverse-muted); } [data-public-theme-scope='production'] :is([data-public-pattern='assessment-landing-cta'], [data-public-pattern='assessment-landing-note'])[data-public-ui='card'] { background: var(--public-colour-surface); border: 0; border-top: 1px solid var(--public-colour-border-strong); border-radius: 0; box-shadow: none; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-cta'] [data-slot='card-header'] { background: transparent; border-bottom: 1px solid var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-duration'] { background: var(--public-colour-canvas); border-radius: var(--public-radius-control); color: var(--public-colour-ink-soft); } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-features'] li { border-top: 1px solid var(--public-colour-border); padding-top: 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='assessment-mobile-cta'] [data-public-part='shell'] { border: 1px solid var(--public-colour-border-strong); border-radius: var(--public-radius-control); box-shadow: var(--public-shadow-floating); overflow: hidden; } [data-public-theme-scope='production'] [data-public-pattern='assessment-mobile-cta'] [data-public-part='primary'] { background: var(--public-colour-brand); border-radius: var(--public-radius-control); color: var(--public-colour-on-brand); min-height: 56px; } [data-public-theme-scope='production'] [data-public-pattern='assessment-mobile-cta'] [data-public-part='primary'] svg { color: currentColor; } [data-public-theme-scope='production'] [data-public-pattern='assessment-mobile-cta'] [data-public-part='glow'] { display: none; } @media (max-width: 64rem) { [data-public-theme-scope='production'] [data-public-pattern='decision-hero-grid'] { grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='decision-options'] { grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-layout'] { grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-sidebar'] { display: none; } [data-public-theme-scope='production'] [data-public-pattern='decision-option'] + [data-public-pattern='decision-option'] { border-left: 0; border-top: 1px solid var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='home-hero-inner'], [data-public-theme-scope='production'] [data-public-pattern='home-discovery-grid'] { grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='home-hero-media'] { display: none; } [data-public-theme-scope='production'] [data-public-pattern='home-hero-copy'] { max-width: 42rem; } [data-public-theme-scope='production'] [data-public-pattern='home-hero-copy'] h1, [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero-copy'] h1 { max-width: 13ch; } [data-public-theme-scope='production'] [data-public-pattern='home-hero-action'], [data-public-theme-scope='production'] [data-public-pattern='trust-panel'] { max-width: 42rem; } [data-public-theme-scope='production'] [data-public-pattern='journey-grid'] { grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-heading'] { align-items: start; grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='assessment-success-list'] { grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='section-inner'][data-layout='claim'], [data-public-theme-scope='production'] [data-public-pattern='section-inner'][data-layout='editorial-split'], [data-public-theme-scope='production'] [data-public-pattern='section-inner'][data-layout='marketing-cta'] { grid-template-columns: 1fr; } } @media (max-width: 48rem) { [data-public-theme-scope='production'] [data-public-pattern='information-page'][data-width='breadcrumb'] { width: calc(100% - 1.75rem); } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-hero-grid'] { grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-media-note'] { align-items: flex-start; flex-direction: column; } [data-public-theme-scope='production'] [data-public-pattern='assessment-landing-media-note'] span + span::before { content: none; } [data-public-theme-scope='production'] [data-public-pattern='assessment-report-item']:nth-last-child(2) { border-bottom: 1px solid var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='directory-state-card'] { min-height: 11rem; padding: 1rem; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-card'] h3 { font-size: 1.5rem; margin-top: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-link'] { padding-top: 0.75rem; } } @media (prefers-reduced-motion: reduce) { [data-public-theme-scope='production'] [data-public-pattern='directory-state-card'], [data-public-theme-scope='production'] [data-public-pattern='directory-state-link'] svg { transition: none; } [data-public-theme-scope='production'] [data-public-pattern='directory-state-card']:hover, [data-public-theme-scope='production'] [data-public-pattern='directory-state-card']:hover [data-public-pattern='directory-state-link'] svg { transform: none; } } @media (max-width: 48rem) { [data-public-theme-scope='production'] [data-public-pattern='section-inner'], [data-public-theme-scope='production'] [data-public-pattern='breadcrumbs'], [data-public-theme-scope='production'] [data-public-pattern='home-hero-inner'], [data-public-theme-scope='production'] [data-public-pattern='home-discovery-grid'], [data-public-theme-scope='production'] [data-public-pattern='faq-layout'], [data-public-theme-scope='production'] [data-public-pattern='account-cta-inner'], [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero-inner'] { width: calc(100% - 1.75rem); } [data-public-theme-scope='production'] [data-public-pattern='section-heading'][data-layout='split'], [data-public-theme-scope='production'] [data-public-pattern='faq-layout'], [data-public-theme-scope='production'] [data-public-pattern='account-cta-inner'], [data-public-theme-scope='production'] [data-public-pattern='tool-page-header'] { grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='marketing-jump-links'] { display: grid; gap: 0.25rem 0.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; } [data-public-theme-scope='production'] [data-public-pattern='marketing-jump-link'] { line-height: 1.25; padding: 0.5rem; white-space: normal; } [data-public-theme-scope='production'] [data-public-pattern='editorial-index-header'], [data-public-theme-scope='production'] [data-public-pattern='editorial-grid'] { grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='editorial-grid'] > [data-public-pattern='editorial-card']:first-child { grid-column: 1; } [data-public-theme-scope='production'] [data-public-pattern='editorial-grid'] > [data-public-pattern='editorial-card']:first-child > a { display: flex; } [data-public-theme-scope='production'] [data-public-pattern='home-hero'] { min-height: 0; } [data-public-theme-scope='production'] [data-public-pattern='home-hero-inner'] { gap: 2rem; padding-block: 4rem; } [data-public-theme-scope='production'] [data-public-pattern='home-hero-copy'] h1, [data-public-theme-scope='production'] [data-public-pattern='for-schools-hero-copy'] h1 { font-size: clamp(3rem, 15vw, 4.5rem); } [data-public-theme-scope='production'] [data-public-pattern='hero-notice-wrap'] { width: 100%; } [data-public-theme-scope='production'] [data-public-pattern='hero-notice'] { flex: 1; min-width: 0; } [data-public-theme-scope='production'] [data-public-pattern='assessment-grid'] { grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='assessment-card'], [data-public-theme-scope='production'] [data-public-pattern='assessment-card']:first-child { grid-column: 1; } [data-public-theme-scope='production'] [data-public-pattern='assessment-card']:first-child > div { grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='assessment-card']:first-child [data-public-pattern='assessment-media'] { aspect-ratio: 16 / 9; min-height: 0; } [data-public-theme-scope='production'] [data-public-pattern='discovery-stats'] { grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='discovery-stat'] + [data-public-pattern='discovery-stat'] { border-left: 0; border-top: 1px solid var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-feature-grid'], [data-public-theme-scope='production'] [data-public-pattern='for-schools-capability-row'] { grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-pillar-tabs'] { flex-wrap: wrap; overflow: visible; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-pillar-tab'] { flex: 1 1 calc(50% - 0.25rem); min-width: 9rem; white-space: normal; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-quote'] { min-height: 520px; padding: 68px 24px 38px; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-quote'] blockquote { font-size: 2.1rem; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-rail'] { grid-template-columns: repeat(3, minmax(0, 1fr)); } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-logo'] { min-height: 96px; padding: 18px 10px; } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-frame'] { height: 48px; } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-frame'] img { max-height: 48px; } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-frame'][data-slug='fintona'] { padding: 10px 8px; } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-frame'][data-slug='melbourne-girls-grammar'] { height: 56px; max-width: 180px; } [data-public-theme-scope='production'] [data-public-part='testimonial-logo-frame'][data-slug='melbourne-girls-grammar'] img { max-height: 56px; } [data-public-theme-scope='production'] [data-public-pattern='profile-intro'] { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { [data-public-theme-scope='production'] [data-public-pattern] { scroll-behavior: auto; } [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-pause'], [data-public-theme-scope='production'] [data-public-pattern='for-schools-testimonial-logo'], [data-public-theme-scope='production'] [data-public-part='testimonial-logo-frame'] { transition: none; } [data-public-theme-scope='production'] [data-public-part='testimonial-progress'] { transform: scaleX(0); transition: none; } } [data-public-theme-scope='production'] [data-public-pattern='school-offerings'] [data-public-part='highlight-marker'] { color: var(--public-colour-success); } /* Family notices reuse the brand-soft surface so there is one pale-brand tint in the system. */ [data-public-theme-scope='production'] [data-public-pattern='family-notice'] { background: var(--public-colour-brand-soft); border: 1px solid var(--public-colour-brand-border); border-radius: var(--public-radius-card); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='family-notice'] p { color: var(--public-colour-ink); } /* Campus navigation stays compact; only the card rail scrolls. */ [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] { color: var(--public-colour-ink); background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-heading'] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] h2 { margin: 0; color: var(--public-colour-ink); font-size: 24px; line-height: 1.2; font-weight: 700; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-count'] { color: var(--public-colour-muted); font-size: 14px; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-arrows'] { display: none; gap: 8px; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-rail'] { position: relative; display: flex; gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px; margin: -4px; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-rail']::-webkit-scrollbar { display: none; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-card'] { display: flex; flex: 0 0 86%; align-items: center; gap: 12px; min-width: 0; padding: 12px; scroll-snap-align: start; scroll-margin-inline: 4px; border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-control); background: var(--public-colour-surface); color: var(--public-colour-ink); text-decoration: none; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-card']:hover { border-color: var(--public-colour-brand); } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-card'][aria-current='page'] { border-color: var(--public-colour-brand); background: var(--public-colour-brand-soft); } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-thumbnail'] { position: relative; display: flex; align-items: center; justify-content: center; flex: 0 0 64px; height: 56px; overflow: hidden; border-radius: 6px; background: var(--public-colour-canvas); color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-thumbnail'] img { -o-object-fit: cover; object-fit: cover; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-copy'] { display: flex; flex-direction: column; flex: 1; min-width: 0; gap: 2px; overflow-wrap: anywhere; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-name'] { font-weight: 700; line-height: 1.25; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-location'] { font-size: 14px; line-height: 1.3; color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-viewing'] { flex-shrink: 0; padding: 4px 8px; border-radius: 999px; color: var(--public-colour-brand); background: var(--public-colour-brand-soft); font-size: 12px; font-weight: 700; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-pagination'] { min-height: 44px; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 8px; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-pagination'] button { display: grid; place-items: center; width: 32px; height: 44px; border-radius: 50%; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-pagination'] button span { width: 8px; height: 8px; border-radius: 50%; background: var(--public-colour-border-strong); } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-pagination'] button[aria-current='true'] span { background: var(--public-colour-brand); } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] :is(a, button):focus-visible { outline: 2px solid var(--public-colour-focus); outline-offset: 2px; } @media (min-width: 640px) { [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-thumbnail'] { flex-basis: 96px; height: 64px; } } @media (min-width: 1024px) { [data-public-theme-scope='production'] [data-public-pattern='campus-selector']:not([data-campus-count='4']) [data-public-part='campus-pagination'] { display: none; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-arrows'] { display: flex; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-card'] { flex-basis: calc((100% - 32px) / 3); } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'][data-campus-count='2'] [data-public-part='campus-card'] { flex-basis: calc((100% - 16px) / 2); } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'][data-campus-count='4'] [data-public-part='campus-card'] { flex-basis: calc((100% - 64px) / 3); } } @media (max-width: 374px) { [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-thumbnail'] { flex-basis: 48px; height: 48px; } [data-public-theme-scope='production'] [data-public-pattern='campus-selector'] [data-public-part='campus-card'] { gap: 8px; padding: 8px; } } /* Paid placement: a labelled warning-tone pill, never a bare star that reads as a rating. */ [data-public-theme-scope='production'] [data-public-pattern='placement-chip'] { background: var(--public-colour-warning-soft); border-color: var(--public-colour-warning-border); color: var(--public-colour-warning); transition: background-color var(--public-motion-fast) ease; } [data-public-theme-scope='production'] [data-public-pattern='placement-chip']:hover { background: color-mix(in srgb, var(--public-colour-warning-soft) 70%, var(--public-colour-warning-border)); } [data-public-theme-scope='production'] [data-public-pattern='placement-chip'] [data-public-part='placement-star'] { fill: var(--public-colour-boosted-fill); stroke: var(--public-colour-warning); } /* Map key, status and empty overlays share one card treatment so the map reads as one surface. */ [data-public-theme-scope='production'] :is([data-public-pattern='map-key'], [data-public-pattern='map-overlay']) { background: var(--public-colour-surface); border-color: var(--public-colour-border); border-radius: var(--public-radius-card); box-shadow: var(--public-shadow-raised); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='map-key'] > [id] { border-color: var(--public-colour-border); } /* Family search switch row: quiet control that sits flush with the directory heading. */ [data-public-theme-scope='production'] [data-public-pattern='family-search-control'] { color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='family-search-control'] [data-public-part='family-search-hint'] { color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-pattern='directory-family-bar'] { background: var(--public-colour-surface); border-color: var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='family-location-option'] { background: var(--public-colour-surface); border-color: var(--public-colour-border); border-radius: var(--public-radius-card); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='family-location-option']:hover { background: var(--public-colour-canvas); border-color: var(--public-colour-border-strong); } /* Choice chips: short option sets in setup flows. */ [data-public-theme-scope='production'] [data-public-pattern='choice-chips'] [data-public-part='choice-chip'] { background: var(--public-colour-surface); border-color: var(--public-colour-border-strong); color: var(--public-colour-ink); transition: background-color var(--public-motion-fast) ease, border-color var(--public-motion-fast) ease; } [data-public-theme-scope='production'] [data-public-pattern='choice-chips'] [data-public-part='choice-chip']:hover { border-color: var(--public-colour-ink-soft); } [data-public-theme-scope='production'] [data-public-pattern='choice-chips'] input:checked + [data-public-part='choice-chip'] { background: var(--public-colour-brand-soft); border-color: var(--public-colour-brand); color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-public-pattern='choice-chips'] input:focus-visible + [data-public-part='choice-chip'] { box-shadow: none; outline: 3px solid var(--public-colour-focus); outline-offset: 2px; } [data-public-theme-scope='production'] [data-public-pattern='choice-chips'] :is([data-public-part='choice-hint'], [data-public-part='choice-note']) { color: var(--public-colour-muted); } /* Family setup dialog and updates panel. */ [data-public-theme-scope='production'][data-public-pattern='family-setup'] [data-public-part='setup-footer'] { background: var(--public-colour-surface); border-color: var(--public-colour-border); } [data-public-theme-scope='production'][data-public-pattern='family-setup'] :is([data-public-part='setup-overview'], [data-public-part='setup-child'], [data-public-part='address-options']) { border-color: var(--public-colour-border); border-radius: var(--public-radius-card); } [data-public-theme-scope='production'][data-public-pattern='family-setup'] [data-public-part='setup-selection'], [data-public-theme-scope='production'][data-public-pattern='family-updates'] [data-public-part='setup-card'] { background: var(--public-colour-canvas); border-color: var(--public-colour-border); border-radius: var(--public-radius-card); } [data-public-theme-scope='production'][data-public-pattern='family-updates'] :is(h2, h3) { color: var(--public-colour-ink); } /* Signed-out family prompt: the list card shares the family notice tint; the map bar stays quiet. */ [data-public-theme-scope='production'] [data-public-pattern='family-prompt'] { color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-pattern='family-prompt']:not([data-variant='compact']) { background: var(--public-colour-brand-soft); border-color: var(--public-colour-brand-border); border-radius: var(--public-radius-card); } [data-public-theme-scope='production'] [data-public-pattern='family-prompt'] [data-public-part='family-prompt-detail'] { color: var(--public-colour-ink-soft); } [data-public-theme-scope='production'] [data-public-pattern='family-prompt'] [data-public-part='family-prompt-start'] > button { background: var(--public-colour-brand); box-shadow: var(--public-shadow-brand); color: var(--public-colour-on-brand); transition: background-color var(--public-motion-fast) ease; } [data-public-theme-scope='production'] [data-public-pattern='family-prompt'] [data-public-part='family-prompt-start'] > button:hover { background: var(--public-colour-brand-hover); } [data-public-theme-scope='production'] [data-public-pattern='family-prompt'] [data-public-part='family-prompt-icon'] { color: var(--public-colour-brand); } [data-public-theme-scope='production'] [data-public-pattern='family-prompt'] [data-public-part='family-prompt-close']:hover { background: var(--public-colour-canvas); } /* Compact profile facts retain clear label/value associations at every width. */ [data-public-theme-scope='production'] [data-public-pattern='profile-facts'] { border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-control); overflow: hidden; } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'] table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 16px; line-height: 1.35; } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'] tr:nth-child(even) { background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'] :is(th, td) { padding: 10px 16px; text-align: left; vertical-align: top; overflow-wrap: anywhere; } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'] th { color: var(--public-colour-muted); font-weight: 400; } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'] td { color: var(--public-colour-ink); font-weight: 600; } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'] [data-public-part='fact-detail'] { display: block; margin-top: 4px; color: var(--public-colour-muted); font-size: 12px; font-weight: 400; } [data-public-theme-scope='production'] [data-public-pattern='profile-fine-print'] { border-top: 1px solid var(--public-colour-border); padding-top: 16px; color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-pattern='profile-fine-print'] [data-public-pattern='profile-source-note'] { margin-top: 0; } @media (min-width: 768px) { [data-public-theme-scope='production'] [data-public-pattern='profile-facts'] th:nth-child(3) { border-left: 1px solid var(--public-colour-border); } } @media (max-width: 767px) { [data-public-theme-scope='production'] [data-public-pattern='profile-facts'] :is(table, tbody) { display: block; } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'] tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'] :is(th, td) { padding: 10px 12px; } } [data-public-theme-scope='production'] [data-public-pattern='profile-acara-statistics'] section { padding-block: 0; } [data-public-theme-scope='production'] [data-public-pattern='profile-acara-statistics'] :is(h3, h4) { margin: 0; } [data-public-theme-scope='production'] [data-public-pattern='profile-acara-statistics'] h3 { font-size: 18px; line-height: 1.4; } [data-public-theme-scope='production'] [data-public-pattern='profile-acara-statistics'] h4 { font-size: 16px; line-height: 1.4; } /* Grouped overview and service-specific ACECQA detail use the public theme only. */ [data-public-theme-scope='production'] [data-public-pattern='profile-facts'][data-grouped='true'] { display: block; } [data-public-theme-scope='production'] [data-public-part='facts-stacked'] { display: none; } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'][data-grouped='true'] tr:nth-child(even) { background: transparent; } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'][data-grouped='true'] tbody tr:nth-child(odd) { background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'][data-grouped='true'] :is(th, td) { vertical-align: middle; } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'][data-grouped='true'] th > span { min-height: 32px; } [data-public-theme-scope='production'] [data-public-pattern='profile-early-learning'] { margin-top: 32px; border-top: 1px solid var(--public-colour-border); padding-top: 28px; color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-part='early-learning-heading'] { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; } [data-public-theme-scope='production'] [data-public-part='early-learning-heading'] h3 { margin: 0; font-size: 28px; line-height: 1.2; font-weight: 700; } [data-public-theme-scope='production'] [data-public-part='early-learning-heading'] > span { color: var(--public-colour-muted); font-size: 12px; } [data-public-theme-scope='production'] [data-public-part='early-learning-intro'] { margin: 8px 0 20px; color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-part='early-learning-tabs'] { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 4px 16px; height: auto; padding: 0; border-radius: 0; background: transparent; } [data-public-theme-scope='production'] [data-public-part='early-learning-tabs'] [data-slot='tabs-trigger'] { white-space: normal; overflow-wrap: anywhere; text-align: left; max-width: 100%; min-height: 44px; padding: 10px 8px; border: 0; border-bottom: 2px solid var(--public-colour-border); border-radius: 0; background: transparent; box-shadow: none; color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-part='early-learning-tabs'] [data-slot='tabs-trigger'][data-state='active'] { color: var(--public-colour-ink); border-bottom-color: var(--public-colour-brand); background: transparent; box-shadow: none; } [data-public-theme-scope='production'] [data-public-part='early-learning-location'] { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; padding: 16px 0; } [data-public-theme-scope='production'] [data-public-part='early-learning-location'] h4 { margin: 0; font-size: 18px; font-weight: 600; } [data-public-theme-scope='production'] [data-public-part='early-learning-location'] p { margin: 4px 0 0; color: var(--public-colour-muted); font-size: 14px; } [data-public-theme-scope='production'] [data-public-part='early-learning-services'] { display: grid; gap: 16px; } [data-public-theme-scope='production'] [data-public-part='early-learning-service'] { min-width: 0; border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-control); padding: 20px; } [data-public-theme-scope='production'] [data-public-part='early-learning-service-header'] { display: flex; align-items: center; justify-content: space-between; gap: 16px; } [data-public-theme-scope='production'] [data-public-part='early-learning-service-header'] h5 { margin: 0; font-size: 20px; line-height: 1.3; font-weight: 700; } [data-public-theme-scope='production'] [data-public-part='early-learning-service-header'] p { margin: 6px 0 0; color: var(--public-colour-muted); font-size: 14px; } [data-public-theme-scope='production'] [data-public-part='early-learning-overall'] { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; font-size: 14px; } [data-public-theme-scope='production'] [data-public-part='nqs-rating'] { border: 0; border-radius: 4px; padding: 7px 10px; font-size: 14px; line-height: 1.3; font-weight: 600; color: var(--public-colour-ink-soft); background: var(--public-colour-canvas); box-shadow: none; text-align: center; } [data-public-theme-scope='production'] [data-public-part='nqs-rating'][data-tone='positive'] { color: var(--public-colour-success); background: var(--public-colour-success-soft); } [data-public-theme-scope='production'] [data-public-part='nqs-rating'][data-tone='warning'] { color: var(--public-colour-warning); background: var(--public-colour-warning-soft); } [data-public-theme-scope='production'] [data-public-part='nqs-rating'][data-tone='danger'] { color: var(--public-colour-danger); background: var(--public-colour-danger-soft); } [data-public-theme-scope='production'] [data-public-part='early-learning-rating-scope'] { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid var(--public-colour-border); color: var(--public-colour-muted); font-size: 14px; } [data-public-theme-scope='production'] [data-public-part='early-learning-quality'] > summary { display: flex; align-items: center; gap: 10px; min-height: 48px; cursor: pointer; font-weight: 600; list-style: none; } [data-public-theme-scope='production'] [data-public-part='early-learning-quality'] > summary::-webkit-details-marker { display: none; } [data-public-theme-scope='production'] [data-public-part='early-learning-quality'][open] > summary > svg { transform: rotate(180deg); } [data-public-theme-scope='production'] [data-public-part='early-learning-area-count'] { font-size: 12px; font-weight: 400; color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-part='early-learning-quality'] dl { margin: 0; } [data-public-theme-scope='production'] [data-public-part='early-learning-quality'] dl > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(130px, auto); align-items: center; gap: 12px; padding: 10px 12px; } [data-public-theme-scope='production'] [data-public-part='early-learning-quality'] dl > div:nth-child(odd) { background: var(--public-colour-canvas); border-radius: 4px; } [data-public-theme-scope='production'] [data-public-part='early-learning-quality'] dt { display: flex; gap: 16px; font-size: 15px; } [data-public-theme-scope='production'] [data-public-part='early-learning-area-number'] { min-width: 28px; color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-part='early-learning-quality'] dd { margin: 0; justify-self: end; } [data-public-theme-scope='production'] [data-public-part='early-learning-service-footer'] { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--public-colour-border); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 24px; color: var(--public-colour-muted); font-size: 12px; } [data-public-theme-scope='production'] [data-public-part='early-learning-report-date'] { display: flex; align-items: center; } [data-public-theme-scope='production'] [data-public-part='early-learning-link'] { display: inline-flex; align-items: center; gap: 6px; color: var(--public-colour-brand); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } [data-public-theme-scope='production'] :is([data-public-part='early-learning-source'], [data-public-part='early-learning-unavailable']) { color: var(--public-colour-muted); font-size: 13px; margin-top: 16px; } @media (max-width: 767px) { [data-public-theme-scope='production'] [data-public-part='facts-paired'] { display: none; } [data-public-theme-scope='production'] [data-public-part='facts-stacked'] { display: block; } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'][data-grouped='true'] table { display: table; } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'][data-grouped='true'] tbody { display: table-row-group; } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'][data-grouped='true'] tr { display: table-row; } [data-public-theme-scope='production'] [data-public-pattern='profile-facts'][data-grouped='true'] table + table { border-left: 0; border-top: 1px solid var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-part='early-learning-heading'] h3 { font-size: 24px; } [data-public-theme-scope='production'] [data-public-part='early-learning-service'] { padding: 16px; } [data-public-theme-scope='production'] [data-public-part='early-learning-service-header'] { align-items: flex-start; flex-direction: column; } [data-public-theme-scope='production'] [data-public-part='early-learning-overall'] { justify-content: flex-start; } [data-public-theme-scope='production'] [data-public-part='early-learning-quality'] dl > div { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 12px; } [data-public-theme-scope='production'] [data-public-part='early-learning-quality'] dd { justify-self: start; margin-left: 44px; } } /* Keep the map and journey controls together without clipping address suggestions. */ [data-public-theme-scope='production'] [data-public-pattern='campus-location-card'] { display: grid; border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-control); background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-pattern='campus-location-card'] [data-public-part='location-map'] { min-width: 0; overflow: hidden; border-radius: var(--public-radius-control) var(--public-radius-control) 0 0; } [data-public-theme-scope='production'] [data-public-pattern='campus-location-card'] [data-public-part='campus-map'] { border: 0; border-radius: 0; height: 320px; } [data-public-theme-scope='production'] [data-public-pattern='campus-location-card'] [data-public-part='location-panel'] { min-width: 0; padding: 24px; overflow-wrap: anywhere; } [data-public-theme-scope='production'] [data-public-pattern='campus-location-card'] [data-public-part='location-trip'] { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='campus-location-card'] h3 { margin: 0 0 16px; font-size: 20px; line-height: 1.3; } @media (min-width: 1024px) { [data-public-theme-scope='production'] [data-public-pattern='campus-location-card'] { grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr); } [data-public-theme-scope='production'] [data-public-pattern='campus-location-card'] [data-public-part='location-map'] { position: relative; border-radius: var(--public-radius-control) 0 0 var(--public-radius-control); } [data-public-theme-scope='production'] [data-public-pattern='campus-location-card'] [data-public-part='campus-map'] { position: absolute; inset: 0; height: 100%; } } /* The shortlist reuses the mobile filter sheet with a compact desktop shell. */ [data-public-theme-scope='production'][data-slot='dialog-content'][data-public-dialog-layout='filter'][data-public-pattern='school-shortlist'] [data-shortlist-importance] label { display: flex; align-items: center; gap: 0.75rem; min-height: 2.75rem; } @media (min-width: 640px) { [data-public-theme-scope='production'][data-slot='dialog-content'][data-public-dialog-layout='filter'][data-public-pattern='school-shortlist'] { height: auto; max-height: calc(100dvh - 3rem); max-width: 36rem; } } /* Adaptive shortlist: scoped controls preserve the public theme and filter portal contract. */ [data-public-theme-scope='production'] [data-shortlist-summary] h2 { font-size: 1.25rem; line-height: 1.3; } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-body] { overscroll-behavior: contain; scrollbar-gutter: stable; } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-disclosure] summary { min-height: 44px; padding-block: 12px; color: var(--public-colour-ink-soft); font-size: 14px; font-weight: 600; cursor: pointer; } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-disclosure] summary:focus-visible { outline: 2px solid var(--public-colour-focus); outline-offset: 3px; border-radius: var(--public-radius-control); } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-count] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; color: var(--public-colour-muted); font-size: 14px; } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-count] strong { color: var(--public-colour-ink); } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-option] { display: flex; align-items: center; gap: 12px; min-height: 52px; border: 1px solid var(--public-colour-border); background: var(--public-colour-surface); transition: border-color var(--public-motion-fast), background-color var(--public-motion-fast); } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-option][data-selected='true'] { border-color: var(--public-colour-brand); background: var(--public-colour-brand-soft); } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-option]:focus-within { outline: 2px solid var(--public-colour-focus); outline-offset: 2px; } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-option-count] { min-width: 28px; padding: 2px 8px; border-radius: var(--public-radius-control); background: var(--public-colour-canvas); text-align: center; font-variant-numeric: tabular-nums; } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-importance] label { padding: 10px 12px; border-radius: var(--public-radius-control); font-size: 14px; line-height: 1.4; } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-importance] label[data-selected='true'] { background: var(--public-colour-canvas); } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-match] h3 { margin: 0; font-size: 18px; line-height: 1.3; } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-match] li { color: var(--public-colour-ink-soft); line-height: 1.5; } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-tradeoffs] li { color: var(--public-colour-muted); } @media (max-width: 639px) { [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-footer] { gap: 8px; padding-inline: 16px; } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-footer] [data-slot='button'] { padding-inline: 12px; } } @media (prefers-reduced-motion: reduce) { [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-option] { transition: none; } } [data-public-theme-scope='production'] [data-shortlist-summary] { padding-block: 0; } @media (min-width: 640px) { [data-public-theme-scope='production'] [data-shortlist-summary] > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; -moz-column-gap: 24px; column-gap: 24px; } [data-public-theme-scope='production'] [data-shortlist-summary] > div > h2, [data-public-theme-scope='production'] [data-shortlist-summary] > div > p { grid-column: 1; } [data-public-theme-scope='production'] [data-shortlist-explainer] { grid-column: 2; grid-row: 1 / 3; } [data-public-theme-scope='production'] [data-shortlist-explainer][open] { grid-column: 1 / -1; grid-row: auto; } } @media (max-width: 359px) { [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-footer] { padding-inline: 12px; } [data-public-theme-scope='production'][data-public-pattern='school-shortlist'] [data-shortlist-footer] [data-slot='button'] { padding-inline: 8px; font-size: 14px; } } /* Match the campus selector surface and contain compact map dropdown icons. */ [data-public-theme-scope='production'] [data-shortlist-summary] { background: var(--public-colour-canvas); } @media (max-width: 639px) { [data-public-theme-scope='production'] [data-directory-location-trigger][data-directory-view='map'] { flex: 0 0 64px; width: 64px; padding-inline: 12px; gap: 8px; justify-content: center; } [data-public-theme-scope='production'] [data-directory-location-trigger][data-directory-view='map'] > span { display: none; } [data-public-theme-scope='production'] [data-directory-location-trigger][data-directory-view='map'] > svg { margin: 0; width: 16px; height: 16px; flex-shrink: 0; } } @media (max-width: 359px) { [data-public-theme-scope='production'] [data-public-pattern='directory-subnav'][data-directory-view='map'] button { padding-inline: 8px; font-size: 14px; } [data-public-theme-scope='production'] [data-directory-location-trigger][data-directory-view='map'] { flex-basis: 56px; width: 56px; padding-inline: 8px; } } /* Family details share the filter sheet's fixed header/footer and compact desktop shell. */ @media (min-width: 640px) { [data-public-theme-scope='production'][data-slot='dialog-content'][data-public-dialog-layout='filter'][data-public-pattern='family-profile'] { height: auto; max-height: calc(100dvh - 3rem); max-width: 42rem; } } /* Shared white chip surface stays distinct from the tinted family banner. */ [data-public-theme-scope='production'] [data-public-part='family-chip'] { background: var(--public-colour-surface); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-part='family-chip'][data-selected='true'] { border-color: var(--public-colour-brand); } /* Child selection is independent from editing or deleting family details. */ [data-public-theme-scope='production'] [data-public-part='family-child-selection'][aria-pressed='true'] { background: var(--public-colour-surface); color: var(--public-colour-ink); } [data-public-theme-scope='production'] [data-public-part='family-child-selection'][aria-pressed='true'] [data-public-part='family-child-check'] { background: var(--public-colour-brand); border-color: var(--public-colour-brand); color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-part='family-child-editor'] { background: var(--public-colour-surface); } @media (min-width: 640px) { [data-public-theme-scope='production'][data-slot='dialog-content'][data-public-pattern='directory-filters'] { max-width: 45rem; } } [data-public-theme-scope='production'] [data-public-part='keyword-chip'] { background: var(--public-colour-surface); border-radius: 999px; } [data-public-theme-scope='production'] [data-public-part='filter-option'] { border-radius: var(--public-radius-control); } /* Simplified directory cards reserve emphasis for family suitability. */ [data-public-theme-scope='production'] [data-public-part='school-card-family-panel'] { background: var(--public-colour-brand-soft); color: var(--public-colour-brand-active); border-radius: var(--public-radius-control); } [data-public-theme-scope='production'] [data-public-part='school-card-family-check'] { background: var(--public-colour-brand); color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] { background: var(--public-colour-canvas); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); color: var(--public-colour-ink); margin-top: 1.5rem; padding: 1rem 1rem 0.25rem; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] h2, [data-public-theme-scope='production'] [data-public-pattern='term-dates-sections'] h2 { margin: 0; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] h3, [data-public-theme-scope='production'] [data-public-pattern='term-dates-year'] h3 { margin: 1.25rem 0 0.35rem; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] p, [data-public-theme-scope='production'] [data-public-pattern='term-dates-year'] p, [data-public-theme-scope='production'] [data-public-pattern='term-dates-sections'] p { margin: 0.35rem 0 0; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] ul, [data-public-theme-scope='production'] [data-public-pattern='term-dates-year'] ul { margin: 0.35rem 0 0; padding-left: 1.15rem; } [data-public-theme-scope='production'] [data-public-part='term-rows'] dl { -moz-column-gap: 1rem; column-gap: 1rem; display: grid; grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr); margin: 0.75rem 0 0.25rem; } [data-public-theme-scope='production'] [data-public-part='term-rows'] dt, [data-public-theme-scope='production'] [data-public-part='term-rows'] dd { border-bottom: 1px solid var(--public-colour-border); overflow-wrap: break-word; padding: 0.7rem 0; } [data-public-theme-scope='production'] [data-public-part='term-rows'] dt { font-weight: 700; } [data-public-theme-scope='production'] [data-public-part='term-rows'] dd { margin: 0; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] [data-public-part='switchers'], [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] [data-public-part='year-switcher'] { display: flex; flex-wrap: wrap; gap: 0.15rem 0.85rem; margin-top: 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] [data-public-part='year-switcher'] { margin-top: 1.5rem; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] [data-public-part='downloads'] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] [data-public-part='download-link'] { gap: 0.5rem; height: auto; justify-content: flex-start; min-height: 44px; text-align: left; white-space: normal; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] [data-public-part='next-holiday'] { margin-top: 1rem; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] [data-public-part='guide-link'] { color: var(--public-colour-brand); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.18em; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] [data-public-part='switch-link'] { align-items: center; color: var(--public-colour-brand); display: inline-flex; font-weight: 700; min-height: 44px; min-width: 44px; padding: 0 0.65rem; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.18em; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] [data-public-part='switch-link'][aria-current='page'] { background: var(--public-colour-brand-soft); border-radius: var(--public-radius-control); color: var(--public-colour-brand-active); text-decoration: none; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] [data-public-part='source-line'] a { color: var(--public-colour-brand); display: inline; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.18em; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] ul[data-public-part='pupil-free-list'], [data-public-theme-scope='production'] [data-public-pattern='term-dates-year'] ul[data-public-part='pupil-free-list'] { display: flex; flex-direction: column; gap: 0.5rem; list-style: none; margin: 0.5rem 0 0; padding: 0; } [data-public-theme-scope='production'] [data-public-part='pupil-free-when'] { font-weight: 500; } [data-public-theme-scope='production'] [data-public-part='pupil-free-detail'] { font-weight: 400; } [data-public-theme-scope='production'] [data-public-part='shared-term-note'] { margin-top: 0.35rem; } [data-public-theme-scope='production'] [data-public-pattern='term-dates-sections'] { display: flex; flex-direction: column; gap: 2.5rem; margin-top: 2rem; } @media (min-width: 1440px) { [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] { padding: 1.5rem 1.75rem 0.5rem; } } @media (max-width: 639px) { [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] [data-public-part='switchers'], [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] [data-public-part='year-switcher'], [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] [data-public-part='downloads'] { gap: 0.5rem; } [data-public-theme-scope='production'] [data-public-part='pupil-free-sep'] { display: none; } [data-public-theme-scope='production'] [data-public-part='pupil-free-when'], [data-public-theme-scope='production'] [data-public-part='pupil-free-detail'] { display: block; } } @media (min-width: 40rem) { [data-public-theme-scope='production'] ul[data-public-part='pupil-free-list'] > li { -moz-column-gap: 0.35rem; column-gap: 0.35rem; display: grid; grid-template-columns: max-content minmax(0, 1fr); } } @media (max-width: 375px) { [data-public-theme-scope='production'] [data-public-pattern='term-dates-glance'] { margin-top: 1rem; padding: 0.9rem 0.85rem 0.2rem; } [data-public-theme-scope='production'] [data-public-part='term-rows'] dl { grid-template-columns: minmax(0, 1fr); } [data-public-theme-scope='production'] [data-public-part='term-rows'] dt { border-bottom: 0; padding-bottom: 0.15rem; } [data-public-theme-scope='production'] [data-public-part='term-rows'] dd { padding-top: 0; } } /* Phone compare (under 768px): stacked metric rows with a sticky school-name row. Colour, radius and elevation live here so the feature markup stays token-free. */ [data-public-theme-scope='production'] [data-public-pattern='comparison-stacked'] { background: var(--public-colour-surface); border-color: var(--public-colour-border); border-radius: var(--public-radius-control); box-shadow: 0 1px 2px color-mix(in srgb, var(--public-colour-ink) 6%, transparent); } [data-public-theme-scope='production'] [data-public-pattern='comparison-stacked'] [data-public-part='comparison-stacked-header'] { background: var(--public-colour-surface); border-color: var(--public-colour-border); border-radius: var(--public-radius-control) var(--public-radius-control) 0 0; box-shadow: 0 2px 6px color-mix(in srgb, var(--public-colour-ink) 6%, transparent); } [data-public-theme-scope='production'] [data-public-pattern='comparison-stacked'] [data-public-part='comparison-stacked-scroller'] { border-radius: 0 0 var(--public-radius-control) var(--public-radius-control); } [data-public-theme-scope='production'] [data-public-pattern='comparison-stacked'] [data-public-part='comparison-stacked-scroller']:focus-visible { outline-offset: -3px; } [data-public-theme-scope='production'] [data-public-pattern='comparison-stacked'] [data-public-part='comparison-stacked-row'] { border-color: var(--public-colour-border); } [data-public-theme-scope='production'] [data-public-pattern='comparison-stacked'] [data-public-part='comparison-stacked-row'][data-tinted='true'] { background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-pattern='comparison-stacked'] [data-public-part='comparison-stacked-fade'] { background: linear-gradient(to left, var(--public-colour-surface), transparent); border-bottom-right-radius: var(--public-radius-control); } /* My School link in the compare Academic Results cell (table and stacked layouts). */ [data-public-theme-scope='production'] [data-public-part='comparison-brand-link'] { color: var(--public-colour-brand-active); } [data-public-theme-scope='production'] [data-public-part='comparison-brand-link']:hover { color: var(--public-colour-brand-hover); } /* School profile mobile action bar (under 768px) and its ⋯ bottom sheet. */ [data-public-theme-scope='production'] [data-profile-action-bar] { background: var(--public-colour-surface); border-color: var(--public-colour-border); box-shadow: 0 -4px 12px color-mix(in srgb, var(--public-colour-ink) 6%, transparent); } [data-public-theme-scope='production'] [data-profile-action-bar] :is(a, button) { border-radius: var(--public-radius-control); } [data-public-theme-scope='production'] [data-profile-action-bar] :is(a, button)[class~='bg-primary'] { background: var(--public-colour-brand); color: var(--public-colour-on-brand); } [data-public-theme-scope='production'] [data-profile-action-bar] :is(a, button)[class~='bg-primary']:hover { background: var(--public-colour-brand-hover); } [data-public-theme-scope='production'] [data-profile-action-bar] :is(a, button)[class~='bg-card'] { background: var(--public-colour-surface); border-color: var(--public-colour-border-strong); } [data-public-theme-scope='production'] [data-profile-action-bar] :is(a, button)[class~='bg-card']:hover { background: var(--public-colour-canvas); } [data-public-theme-scope='production'][data-slot='sheet-content'][data-public-part='profile-action-sheet'] { border-bottom-width: 0; border-radius: var(--public-radius-panel) var(--public-radius-panel) 0 0; } [data-public-theme-scope='production'][data-public-part='profile-action-sheet'] li > :is(a, button) { border-radius: var(--public-radius-control); } [data-public-theme-scope='production'][data-public-part='profile-action-sheet'] li > :is(a, button):hover { background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-part='profile-action-sheet-grabber'] { background: var(--public-colour-border-strong); border-radius: 999px; } /* Tap-to-open info toggletips (profile and compare). The popover surface itself comes from the shared popover-content contract. */ [data-public-theme-scope='production'] [data-public-part='info-toggletip-trigger'], [data-public-theme-scope='production'] [data-public-part='info-toggletip-close'] { border-radius: var(--public-radius-control); } [data-public-theme-scope='production'] [data-public-part='info-toggletip-trigger'][data-state='open'], [data-public-theme-scope='production'] [data-public-part='info-toggletip-close']:hover { background: var(--public-colour-canvas-strong); } [data-public-theme-scope='production'][data-public-part='info-toggletip'] [data-public-part='info-toggletip-arrow'] { fill: var(--public-colour-surface); filter: drop-shadow(0 1px 0 var(--public-colour-border)); } /* School-chosen testimonials on the profile (flagged off; spec 21 Oct 2026 §2). */ [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonials-panel'] { background: var(--public-colour-canvas); border-radius: var(--public-radius-panel); padding: 32px; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonials-header'] { align-items: flex-start; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; margin: 0; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonials-manage'] { align-items: center; border: 1px solid var(--public-colour-border-strong); border-radius: var(--public-radius-control); background: var(--public-colour-surface); color: var(--public-colour-ink); display: inline-flex; font-weight: 600; gap: 8px; min-height: 44px; padding: 0 14px; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonials-disclosure'] { color: var(--public-colour-muted); font-size: 15px; margin: 8px 0 24px; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] a:not([data-public-part]) { color: var(--public-colour-ink); text-decoration: underline; text-underline-offset: 2px; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonials-placeholder'] { border: 2px dashed var(--public-colour-border-strong); border-radius: var(--public-radius-card); color: var(--public-colour-muted); margin: 0; padding: 24px; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonials-list'] { display: grid; gap: 20px; grid-template-columns: 1fr; list-style: none; margin: 0; padding: 0; } @media (min-width: 768px) { [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonials-list']:not([data-count='1']) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) { [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonials-list'][data-count='3'] { grid-template-columns: repeat(3, minmax(0, 1fr)); } } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonials-list'] > li { display: flex; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonial-card'] { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-card); display: flex; flex: 1; flex-direction: column; gap: 20px; margin: 0; padding: 24px; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] blockquote { margin: 0; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] blockquote p { -webkit-box-orient: vertical; -webkit-line-clamp: 6; display: -webkit-box; font-family: 'proxima-nova', var(--font-assistant, 'Assistant'), Arial, sans-serif; font-size: 19px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.35; margin: 0; overflow: hidden; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] blockquote[data-expanded='true'] p { -webkit-line-clamp: unset; display: block; overflow: visible; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonial-more'] { font-weight: 700; min-height: 44px; text-decoration: underline; text-underline-offset: 2px; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] figcaption { align-items: center; display: flex; gap: 12px; margin-top: auto; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] figcaption strong, [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] figcaption small { display: block; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] figcaption small { color: var(--public-colour-muted); font-size: 14px; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonial-avatar'] { align-items: center; background: var(--public-colour-ink); border-radius: 999px; color: var(--public-colour-inverse-text); display: inline-flex; flex: none; font-size: 14px; font-weight: 700; height: 46px; justify-content: center; width: 46px; } [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonial-badge'] { white-space: nowrap; max-width: 100%; background: var(--public-colour-success-soft); border-radius: 999px; color: var(--public-colour-success); display: inline-block; font-size: 13px; font-weight: 600; margin-top: 4px; padding: 2px 10px; } @media (max-width: 767px) { [data-public-theme-scope='production'] [data-public-pattern='profile-testimonials'] [data-public-part='profile-testimonials-panel'] { padding: 24px 16px; } } @media (max-width: 48rem) { [data-public-theme-scope='production'] [data-public-pattern='home-hero-copy'] h1 { font-size: clamp(2.5rem, 10.5vw, 3.75rem); line-height: 1.05; max-width: 16ch; } [data-public-theme-scope='production'] [data-public-pattern='home-search-form'] { flex-direction: column; } [data-public-theme-scope='production'] [data-public-pattern='home-search-form'] button { width: 100%; } [data-public-theme-scope='production'] [data-public-pattern='location-browse-grid'] { gap: 2rem; grid-template-columns: 1fr; } [data-public-theme-scope='production'] [data-public-pattern='location-cities'] ul { -moz-column-gap: 1.25rem; column-gap: 1.25rem; } [data-public-theme-scope='production'] [data-public-pattern='location-states'] { border-left: 0; border-top: 1px solid var(--public-colour-border); padding: 1.5rem 0 0; } [data-public-theme-scope='production'] [data-public-pattern='journey-step-body'] { grid-template-rows: auto 1fr auto auto; } } /* Compact provenance and school participation strip. */ [data-public-theme-scope='production'] [data-public-pattern='home-trust-strip'] { background: var(--public-colour-canvas); padding-bottom: 2.5rem; } [data-public-theme-scope='production'] [data-public-pattern='home-trust-copy'] { margin-inline: auto; max-width: 48rem; text-align: center; } [data-public-theme-scope='production'] [data-public-pattern='home-trust-copy'] h2 { font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 700; line-height: 1.2; } [data-public-theme-scope='production'] [data-public-pattern='home-trust-copy'] p { color: var(--public-colour-muted); margin-top: 0.75rem; } [data-public-theme-scope='production'] [data-public-pattern='claimed-schools-marquee'][data-compact='true'] { margin-top: 1.25rem; min-width: 0; text-align: center; } [data-public-theme-scope='production'] [data-public-pattern='home-trust-links'] { align-items: center; display: flex; flex-wrap: wrap; gap: 0.25rem 2rem; justify-content: center; margin-top: 0.5rem; } [data-public-theme-scope='production'] [data-public-pattern='home-trust-links'] p { align-items: center; display: flex; flex-wrap: wrap; gap: 0.35rem; color: var(--public-colour-muted); } [data-public-theme-scope='production'] [data-public-pattern='home-trust-links'] a { align-items: center; color: var(--public-colour-ink); display: inline-flex; font-weight: 400; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; } [data-public-theme-scope='production'] [data-public-pattern='home-trust-links'] a:hover { color: var(--public-colour-brand-active); } @media (prefers-reduced-motion: reduce) { [data-public-theme-scope='production'] [data-public-pattern='claimed-schools-marquee'][data-compact='true'] [data-public-part='marquee-duplicate'] { display: none; } } /* Hero suggestions share the navigation search service without expanding the page layout. */ [data-public-theme-scope='production'] [data-public-pattern='home-search-suggestions'], [data-public-theme-scope='production'] [data-public-pattern='home-search-status']:not([hidden]) { background: var(--public-colour-surface); border: 1px solid var(--public-colour-border); border-radius: var(--public-radius-control); box-shadow: var(--public-shadow-floating); left: 0; position: absolute; top: calc(100% + 0.5rem); width: 100%; z-index: var(--z-floating); } [data-public-theme-scope='production'] [data-public-pattern='home-search-suggestions'] { max-height: min(22rem, 50svh); overflow-y: auto; overscroll-behavior: contain; padding: 0.375rem; } [data-public-theme-scope='production'] [data-public-pattern='home-search-option'] { background: transparent; border: 0; border-radius: var(--public-radius-control); color: var(--public-colour-ink); display: flex; flex-direction: column; font: inherit; font-weight: 600; gap: 0.25rem; min-height: 64px; padding: 0.75rem; text-align: left; width: 100%; } [data-public-theme-scope='production'] [data-public-pattern='home-search-option']:is(:hover, [aria-selected='true']) { background: var(--public-colour-info-soft); } [data-public-theme-scope='production'] [data-public-pattern='home-search-option-meta'] { color: var(--public-colour-muted); font-size: 0.875rem; font-weight: 400; } [data-public-theme-scope='production'] [data-public-pattern='home-search-status']:not([hidden]) { color: var(--public-colour-muted); font-size: 0.875rem; padding: 0.75rem 1rem; } @media (max-width: 48rem) { /* Keep the stacked submit button accessible while suggestions are open. */ [data-public-theme-scope='production'] [data-public-pattern='home-search-suggestions'], [data-public-theme-scope='production'] [data-public-pattern='home-search-status']:not([hidden]) { top: calc(100% + 4.75rem); } } [data-public-theme-scope='production'] [data-public-pattern='home-introduction'] { background: var(--public-colour-canvas); } [data-public-theme-scope='production'] [data-public-pattern='home-trust-strip'] > [data-public-pattern='section-inner'] { border-top: 1px solid var(--public-colour-border-strong); padding-top: 2rem; } [data-public-theme-scope='production'] [data-public-pattern='school-search-journey'] [data-public-pattern='section-heading'] p { color: var(--public-colour-inverse-muted); } [data-public-theme-scope='production'] [data-public-pattern='public-section'][data-tone='surface'] { background: var(--public-colour-surface); } [data-public-theme='v2'] { --public-colour-brand: #d71758; --public-colour-brand-hover: #b81149; --public-colour-brand-active: #970c3a; --public-colour-brand-soft: #fff0f5; --public-colour-brand-border: #ffc8db; --public-colour-on-brand: #ffffff; --public-colour-ink: #15213b; --public-colour-ink-soft: #34405b; --public-colour-muted: #626b7e; --public-colour-subtle: #687286; --public-colour-canvas: #f6f7f9; --public-colour-canvas-strong: #eceff3; --public-colour-surface: #ffffff; --public-colour-border: #dfe3ea; --public-colour-border-strong: #b9c0cc; --public-colour-focus: #3f76e8; --public-colour-focus-halo: rgba(63, 118, 232, 0.15); --public-colour-info: #0b6e99; --public-colour-info-soft: #eaf6fb; --public-colour-info-border: #b7dce9; --public-colour-success: #17734b; --public-colour-success-soft: #e9f7ef; --public-colour-success-border: #b5e0c8; --public-colour-boosted-fill: #ffdb57; --public-colour-warning: #946200; --public-colour-warning-soft: #fff7dd; --public-colour-warning-border: #f1d783; --public-colour-danger: #b42336; --public-colour-danger-soft: #fff0f2; --public-colour-danger-border: #f2b7c0; --public-colour-inverse-surface: #0b1427; --public-colour-inverse-text: #ffffff; --public-colour-inverse-muted: rgba(255, 255, 255, 0.68); --public-colour-tap-highlight: rgba(215, 23, 88, 0.12); --public-radius-control: 10px; --public-radius-card: 16px; --public-radius-panel: 22px; --public-shadow-raised: 0 1px 2px rgba(21, 33, 59, 0.06), 0 8px 24px rgba(21, 33, 59, 0.08); --public-shadow-floating: 0 2px 6px rgba(21, 33, 59, 0.08), 0 20px 48px rgba(21, 33, 59, 0.14); --public-shadow-brand: 0 1px 2px rgba(151, 12, 58, 0.24), 0 6px 16px rgba(215, 23, 88, 0.16); --public-shadow-brand-hover: 0 2px 4px rgba(151, 12, 58, 0.22), 0 10px 22px rgba(215, 23, 88, 0.2); --public-shadow-brand-active: 0 1px 2px rgba(151, 12, 58, 0.22); --public-control-height: 46px; --public-motion-fast: 160ms; --background: 220 16% 97%; --foreground: 221 48% 16%; --primary: 340 82% 47%; --primary-foreground: 0 0% 100%; --card: 0 0% 100%; --card-foreground: 221 48% 16%; --popover: 0 0% 100%; --popover-foreground: 221 48% 16%; --secondary: 220 18% 94%; --secondary-foreground: 221 48% 16%; --muted: 220 18% 94%; --muted-foreground: 221 13% 44%; --accent: 340 100% 97%; --accent-foreground: 340 85% 32%; --destructive: 352 68% 42%; --destructive-foreground: 0 0% 100%; --border: 220 18% 90%; --input: 220 16% 76%; --ring: 220 79% 58%; --radius: 0.75rem; color-scheme: light; } :root{--font-assistant:'Assistant',sans-serif}body{margin:0;font-family:var(--font-assistant)} .prose-headings\:font-heading :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-family: 'proxima-nova', sans-serif; font-weight: 700; font-style: normal; } .prose-a\:font-bold :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-weight: 700; } .\[\&_strong_a\]\:font-bold strong a { font-weight: 700; }.dark\:prose-invert:is(.dark *){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}@media (min-width: 1024px){.lg\:prose-lg{font-size:1.125rem;line-height:1.7777778;}.lg\:prose-lg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.lg\:prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.lg\:prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-inline-start:1em}.lg\:prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:2.6666667em;margin-top:0;margin-bottom:0.8333333em;line-height:1}.lg\:prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.lg\:prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:0.6666667em;line-height:1.5}.lg\:prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.7777778em;margin-bottom:0.4444444em;line-height:1.5555556}.lg\:prose-lg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\:prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\:prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0}.lg\:prose-lg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\:prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8888889em;border-radius:0.3125rem;padding-top:0.2222222em;padding-inline-end:0.4444444em;padding-bottom:0.2222222em;padding-inline-start:0.4444444em}.lg\:prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8888889em}.lg\:prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8666667em}.lg\:prose-lg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.875em}.lg\:prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:0.375rem;padding-top:1em;padding-inline-end:1.5em;padding-bottom:1em;padding-inline-start:1.5em}.lg\:prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.lg\:prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.lg\:prose-lg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.6666667em;margin-bottom:0.6666667em}.lg\:prose-lg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.4444444em}.lg\:prose-lg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.4444444em}.lg\:prose-lg :where(.lg\:prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.8888889em;margin-bottom:0.8888889em}.lg\:prose-lg :where(.lg\:prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.3333333em}.lg\:prose-lg :where(.lg\:prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.3333333em}.lg\:prose-lg :where(.lg\:prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.3333333em}.lg\:prose-lg :where(.lg\:prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.3333333em}.lg\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.8888889em;margin-bottom:0.8888889em}.lg\:prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.lg\:prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.3333333em}.lg\:prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.6666667em;padding-inline-start:1.5555556em}.lg\:prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.lg\:prose-lg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0}.lg\:prose-lg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0}.lg\:prose-lg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0}.lg\:prose-lg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0}.lg\:prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8888889em;line-height:1.5}.lg\:prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0.75em;padding-bottom:0.75em;padding-inline-start:0.75em}.lg\:prose-lg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0}.lg\:prose-lg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0}.lg\:prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-top:0.75em;padding-inline-end:0.75em;padding-bottom:0.75em;padding-inline-start:0.75em}.lg\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0}.lg\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0}.lg\:prose-lg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\:prose-lg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0}.lg\:prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8888889em;line-height:1.5;margin-top:1em}.lg\:prose-lg :where(.lg\:prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0}.lg\:prose-lg :where(.lg\:prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:0}}.marker\:content-none *::marker{--tw-content:none;content:var(--tw-content)}.marker\:content-none::marker{--tw-content:none;content:var(--tw-content)}.file\:mr-3::file-selector-button{margin-right:0.75rem}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-8::file-selector-button{height:2rem}.file\:items-center::file-selector-button{align-items:center}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:align-middle::file-selector-button{vertical-align:middle}.file\:text-sm::file-selector-button{font-size:0.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{--tw-text-opacity:1;color:rgb(1 25 62 / var(--tw-text-opacity, 1))}.placeholder\:truncate::-moz-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder\:truncate::placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-400::placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-pink-link::-moz-placeholder{--tw-text-opacity:1;color:rgb(194 24 101 / var(--tw-text-opacity, 1))}.placeholder\:text-pink-link::placeholder{--tw-text-opacity:1;color:rgb(194 24 101 / var(--tw-text-opacity, 1))}.after\:absolute::after{content:var(--tw-content);position:absolute}.after\:inset-x-0::after{content:var(--tw-content);left:0px;right:0px}.after\:bottom-\[-1px\]::after{content:var(--tw-content);bottom:-1px}.after\:h-0\.5::after{content:var(--tw-content);height:0.125rem}.after\:bg-pink::after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(247 37 133 / var(--tw-bg-opacity, 1))}.first\:mt-0:first-child{margin-top:0px}.first\:border-0:first-child{border-width:0px}.first\:pl-6:first-child{padding-left:1.5rem}.first\:pt-0:first-child{padding-top:0px}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:border-r-0:last-child{border-right-width:0px}.last\:pb-0:last-child{padding-bottom:0px}.last\:pr-6:last-child{padding-right:1.5rem}.even\:bg-slate-100:nth-child(even){--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.visited\:\!text-white:visited{color:rgb(255 255 255 ) !important}.empty\:hidden:empty{display:none}.focus-within\:border-ring:focus-within{border-color:hsl(var(--ring))}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-primary:focus-within{--tw-ring-color:hsl(var(--primary))}.focus-within\:ring-ring:focus-within{--tw-ring-color:hsl(var(--ring))}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px}.hover\:w-\[180px\]:hover{width:180px}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-100:hover{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.01\]:hover{--tw-scale-x:1.01;--tw-scale-y:1.01;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue\/50:hover{border-color:rgb(67 142 255 / 0.5)}.hover\:border-border:hover{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.hover\:border-border\/80:hover{border-color:rgb(226 232 240 / 0.8)}.hover\:border-dark-blue\/30:hover{border-color:rgb(0 25 62 / 0.3)}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.hover\:border-gray-900:hover{--tw-border-opacity:1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.hover\:border-muted:hover{border-color:hsl(var(--muted))}.hover\:border-pink:hover{--tw-border-opacity:1;border-color:rgb(247 37 133 / var(--tw-border-opacity, 1))}.hover\:border-pink\/20:hover{border-color:rgb(247 37 133 / 0.2)}.hover\:border-pink\/30:hover{border-color:rgb(247 37 133 / 0.3)}.hover\:border-pink\/40:hover{border-color:rgb(247 37 133 / 0.4)}.hover\:border-pink\/50:hover{border-color:rgb(247 37 133 / 0.5)}.hover\:border-primary:hover{border-color:hsl(var(--primary))}.hover\:border-primary\/20:hover{border-color:hsl(var(--primary) / 0.2)}.hover\:border-primary\/40:hover{border-color:hsl(var(--primary) / 0.4)}.hover\:border-primary\/50:hover{border-color:hsl(var(--primary) / 0.5)}.hover\:border-primary\/60:hover{border-color:hsl(var(--primary) / 0.6)}.hover\:border-slate-200:hover{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.hover\:border-slate-400:hover{--tw-border-opacity:1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.hover\:border-white\/60:hover{border-color:rgb(255 255 255 / 0.6)}.hover\:border-white\/70:hover{border-color:rgb(255 255 255 / 0.7)}.hover\:bg-\[\#1e3a8a\]\/90:hover{background-color:rgb(30 58 138 / 0.9)}.hover\:bg-\[\#255fb8\]:hover{--tw-bg-opacity:1;background-color:rgb(37 95 184 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#DB2777\]:hover{--tw-bg-opacity:1;background-color:rgb(219 39 119 / var(--tw-bg-opacity, 1))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.hover\:bg-background:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.hover\:bg-black\/60:hover{background-color:rgb(0 0 0 / 0.6)}.hover\:bg-blue\/5:hover{background-color:rgb(67 142 255 / 0.05)}.hover\:bg-blue\/90:hover{background-color:rgb(67 142 255 / 0.9)}.hover\:bg-card:hover{background-color:hsl(var(--card))}.hover\:bg-dark-blue\/90:hover{background-color:rgb(0 25 62 / 0.9)}.hover\:bg-destructive\/10:hover{background-color:hsl(var(--destructive) / 0.1)}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / 0.8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / 0.9)}.hover\:bg-emerald-50:hover{--tw-bg-opacity:1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-800:hover{--tw-bg-opacity:1;background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100\/60:hover{background-color:rgb(243 244 246 / 0.6)}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-900:hover{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-800:hover{--tw-bg-opacity:1;background-color:rgb(55 48 163 / var(--tw-bg-opacity, 1))}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/30:hover{background-color:hsl(var(--muted) / 0.3)}.hover\:bg-muted\/40:hover{background-color:hsl(var(--muted) / 0.4)}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / 0.5)}.hover\:bg-muted\/60:hover{background-color:hsl(var(--muted) / 0.6)}.hover\:bg-neutral-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-pink:hover{--tw-bg-opacity:1;background-color:rgb(247 37 133 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-link-hover:hover{--tw-bg-opacity:1;background-color:rgb(167 13 85 / var(--tw-bg-opacity, 1))}.hover\:bg-pink\/10:hover{background-color:rgb(247 37 133 / 0.1)}.hover\:bg-pink\/15:hover{background-color:rgb(247 37 133 / 0.15)}.hover\:bg-pink\/20:hover{background-color:rgb(247 37 133 / 0.2)}.hover\:bg-pink\/5:hover{background-color:rgb(247 37 133 / 0.05)}.hover\:bg-pink\/90:hover{background-color:rgb(247 37 133 / 0.9)}.hover\:bg-primary\/10:hover{background-color:hsl(var(--primary) / 0.1)}.hover\:bg-primary\/20:hover{background-color:hsl(var(--primary) / 0.2)}.hover\:bg-primary\/5:hover{background-color:hsl(var(--primary) / 0.05)}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / 0.8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / 0.9)}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / 0.8)}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100\/80:hover{background-color:rgb(241 245 249 / 0.8)}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50\/50:hover{background-color:rgb(248 250 252 / 0.5)}.hover\:bg-slate-800\/30:hover{background-color:rgb(30 41 59 / 0.3)}.hover\:bg-slate-900:hover{--tw-bg-opacity:1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-violet-700:hover{--tw-bg-opacity:1;background-color:rgb(109 40 217 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:rgb(255 255 255 / 0.1)}.hover\:bg-white\/20:hover{background-color:rgb(255 255 255 / 0.2)}.hover\:bg-white\/70:hover{background-color:rgb(255 255 255 / 0.7)}.hover\:bg-white\/90:hover{background-color:rgb(255 255 255 / 0.9)}.hover\:\!text-white:hover{--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important}.hover\:text-\[var\(--public-colour-brand-active\)\]:hover{color:var(--public-colour-brand-active)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-amber-900:hover{--tw-text-opacity:1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.hover\:text-blue:hover{--tw-text-opacity:1;color:rgb(67 142 255 / var(--tw-text-opacity, 1))}.hover\:text-dark-blue:hover{--tw-text-opacity:1;color:rgb(0 25 62 / var(--tw-text-opacity, 1))}.hover\:text-destructive:hover{color:hsl(var(--destructive))}.hover\:text-destructive\/80:hover{color:hsl(var(--destructive) / 0.8)}.hover\:text-emerald-800:hover{--tw-text-opacity:1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.hover\:text-emerald-950:hover{--tw-text-opacity:1;color:rgb(2 44 34 / var(--tw-text-opacity, 1))}.hover\:text-foreground:hover{--tw-text-opacity:1;color:rgb(1 25 62 / var(--tw-text-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-pink:hover{--tw-text-opacity:1;color:rgb(247 37 133 / var(--tw-text-opacity, 1))}.hover\:text-pink\/90:hover{color:rgb(247 37 133 / 0.9)}.hover\:text-primary:hover{color:hsl(var(--primary))}.hover\:text-primary\/80:hover{color:hsl(var(--primary) / 0.8)}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.hover\:text-slate-950:hover{--tw-text-opacity:1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:\!no-underline:hover{text-decoration-line:none !important}.hover\:no-underline:hover{text-decoration-line:none}.hover\:decoration-dark-blue:hover{text-decoration-color:#00193E}.hover\:decoration-white:hover{text-decoration-color:#fff}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:0.8}.hover\:opacity-90:hover{opacity:0.9}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.hover\:ring-white\/30:hover{--tw-ring-color:rgb(255 255 255 / 0.3)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:right-3:focus{right:0.75rem}.focus\:top-3:focus{top:0.75rem}.focus\:z-raised:focus{z-index:var(--z-raised)}.focus\:flex:focus{display:flex}.focus\:h-11:focus{height:2.75rem}.focus\:w-11:focus{width:2.75rem}.focus\:rounded-full:focus{border-radius:9999px}.focus\:border-gray-900:focus{--tw-border-opacity:1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.focus\:border-pink:focus{--tw-border-opacity:1;border-color:rgb(247 37 133 / var(--tw-border-opacity, 1))}.focus\:border-white\/70:focus{border-color:rgb(255 255 255 / 0.7)}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.focus\:bg-white\/10:focus{background-color:rgb(255 255 255 / 0.1)}.focus\:bg-white\/15:focus{background-color:rgb(255 255 255 / 0.15)}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-destructive:focus{color:hsl(var(--destructive))}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:opacity-100:focus{opacity:1}.focus\:shadow-lg:focus{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-transparent:focus{--tw-ring-offset-color:transparent}.focus-visible\:rounded-lg:focus-visible{border-radius:var(--radius)}.focus-visible\:rounded-sm:focus-visible{border-radius:calc(var(--radius) - 4px)}.focus-visible\:border-pink:focus-visible{--tw-border-opacity:1;border-color:rgb(247 37 133 / var(--tw-border-opacity, 1))}.focus-visible\:bg-slate-100:focus-visible{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.focus-visible\:bg-slate-100\/80:focus-visible{background-color:rgb(241 245 249 / 0.8)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.focus-visible\:ring-\[var\(--public-colour-focus\)\]:focus-visible{--tw-ring-color:var(--public-colour-focus)}.focus-visible\:ring-blue:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(67 142 255 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-dark-blue:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(0 25 62 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-destructive:focus-visible{--tw-ring-color:hsl(var(--destructive))}.focus-visible\:ring-emerald-600:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(5 150 105 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-emerald-700:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(4 120 87 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-gray-400\/60:focus-visible{--tw-ring-color:rgb(156 163 175 / 0.6)}.focus-visible\:ring-pink:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(247 37 133 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-pink\/40:focus-visible{--tw-ring-color:rgb(247 37 133 / 0.4)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color:hsl(var(--primary))}.focus-visible\:ring-red-700:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(185 28 28 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-white:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-white\/70:focus-visible{--tw-ring-color:rgb(255 255 255 / 0.7)}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-4:focus-visible{--tw-ring-offset-width:4px}.focus-visible\:ring-offset-\[\#2f72d6\]:focus-visible{--tw-ring-offset-color:#2f72d6}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:#FAFAFA}.focus-visible\:ring-offset-black:focus-visible{--tw-ring-offset-color:#000}.focus-visible\:ring-offset-dark-blue:focus-visible{--tw-ring-offset-color:#00193E}.focus-visible\:ring-offset-navy-900:focus-visible{--tw-ring-offset-color:#1a365d}.focus-visible\:ring-offset-white:focus-visible{--tw-ring-offset-color:#fff}.focus-visible\:ring-offset-zinc-950:focus-visible{--tw-ring-offset-color:#09090b}.active\:scale-100:active{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x:0.99;--tw-scale-y:0.99;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-pink\/80:active{background-color:rgb(247 37 133 / 0.8)}.active\:bg-white\/20:active{background-color:rgb(255 255 255 / 0.2)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-300:disabled{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.disabled\:bg-pink\/60:disabled{background-color:rgb(247 37 133 / 0.6)}.disabled\:text-slate-500:disabled{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.disabled\:text-white:disabled{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.disabled\:opacity-40:disabled{opacity:0.4}.disabled\:opacity-50:disabled{opacity:0.5}.disabled\:opacity-60:disabled{opacity:0.6}.group[open] .group-open\:inline{display:inline}.group[open] .group-open\:hidden{display:none}.group[open] .group-open\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[open] .group-open\:rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:ml-0{margin-left:0px}.group:hover .group-hover\:mr-0\.5{margin-right:0.125rem}.group:hover .group-hover\:w-4{width:1rem}.group:hover .group-hover\:w-\[40px\]{width:40px}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-1{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-\[100\%\]{--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.015\]{--tw-scale-x:1.015;--tw-scale-y:1.015;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.03\]{--tw-scale-x:1.03;--tw-scale-y:1.03;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-pink{--tw-bg-opacity:1;background-color:rgb(247 37 133 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-pink\/90{background-color:rgb(247 37 133 / 0.9)}.group:hover .group-hover\:bg-primary\/15{background-color:hsl(var(--primary) / 0.15)}.group:hover .group-hover\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.group\/compare:hover .group-hover\/compare\:text-pink{--tw-text-opacity:1;color:rgb(247 37 133 / var(--tw-text-opacity, 1))}.group\/heart:hover .group-hover\/heart\:text-pink{--tw-text-opacity:1;color:rgb(247 37 133 / var(--tw-text-opacity, 1))}.group\/share:hover .group-hover\/share\:text-pink{--tw-text-opacity:1;color:rgb(247 37 133 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-dark-blue{--tw-text-opacity:1;color:rgb(0 25 62 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-muted-foreground\/70{color:hsl(var(--muted-foreground) / 0.7)}.group:hover .group-hover\:text-pink{--tw-text-opacity:1;color:rgb(247 37 133 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-pink-link-hover{--tw-text-opacity:1;color:rgb(167 13 85 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-pink\/90{color:rgb(247 37 133 / 0.9)}.group:hover .group-hover\:text-primary{color:hsl(var(--primary))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:underline{text-decoration-line:underline}.group\/button:hover .group-hover\/button\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-70{opacity:0.7}.group:hover .group-hover\:blur-\[15px\]{--tw-blur:blur(15px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:active .group-active\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted) / 0.4)}.group.toaster .group-\[\.toaster\]\:border-border{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{--tw-text-opacity:1;color:rgb(1 25 62 / var(--tw-text-opacity, 1))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive) / 0.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:rgb(254 242 242 / var(--tw-text-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113 / var(--tw-ring-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:checked ~ .peer-checked\:border-pink{--tw-border-opacity:1;border-color:rgb(247 37 133 / var(--tw-border-opacity, 1))}.peer:checked ~ .peer-checked\:bg-pink\/5{background-color:rgb(247 37 133 / 0.05)}.peer:checked ~ .peer-checked\:bg-primary{background-color:hsl(var(--primary))}.peer:checked ~ .peer-checked\:text-primary-foreground{color:hsl(var(--primary-foreground))}.peer:focus-visible ~ .peer-focus-visible\:outline-none{outline:2px solid transparent;outline-offset:2px}.peer:focus-visible ~ .peer-focus-visible\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.peer:focus-visible ~ .peer-focus-visible\:ring-pink{--tw-ring-opacity:1;--tw-ring-color:rgb(247 37 133 / var(--tw-ring-opacity, 1))}.peer:focus-visible ~ .peer-focus-visible\:ring-ring{--tw-ring-color:hsl(var(--ring))}.peer:focus-visible ~ .peer-focus-visible\:ring-offset-2{--tw-ring-offset-width:2px}.peer:disabled ~ .peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled ~ .peer-disabled\:opacity-50{opacity:0.5}.peer:disabled ~ .peer-disabled\:opacity-60{opacity:0.6}.peer:disabled ~ .peer-disabled\:opacity-70{opacity:0.7}.has-\[\:focus-visible\]\:z-raised:has(:focus-visible){z-index:var(--z-raised)}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:0.5rem}.has-\[button\]\:p-0:has(button){padding:0px}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:0.5}.has-\[\:focus-visible\]\:ring-2:has(:focus-visible){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.has-\[\:focus-visible\]\:ring-ring:has(:focus-visible){--tw-ring-color:hsl(var(--ring))}.has-\[\:focus-visible\]\:ring-offset-2:has(:focus-visible){--tw-ring-offset-width:2px}.group\/message:has([data-slot=message-footer]) .group-has-\[\[data-slot\=message-footer\]\]\/message\:-translate-y-8{--tw-translate-y:-2rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/message:has([data-variant=ghost]) .group-has-\[\[data-variant\=ghost\]\]\/message\:px-0{padding-left:0px;padding-right:0px}.aria-disabled\:opacity-40[aria-disabled="true"]{opacity:0.4}.aria-\[current\=page\]\:border-primary[aria-current="page"]{border-color:hsl(var(--primary))}.aria-\[current\=page\]\:bg-primary\/10[aria-current="page"]{background-color:hsl(var(--primary) / 0.1)}.data-\[active\=false\]\:pointer-events-none[data-active="false"]{pointer-events:none}.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{pointer-events:none}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[pending-scroll\]\:invisible[data-pending-scroll]{visibility:hidden}.data-\[direction\=end\]\:bottom-4[data-direction="end"]{bottom:1rem}.data-\[direction\=start\]\:top-4[data-direction="start"]{top:1rem}.data-\[state\=inactive\]\:hidden[data-state="inactive"]{display:none}.data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"]{height:auto}.data-\[variant\=ghost\]\:max-w-full[data-variant="ghost"]{max-width:100%}.data-\[active\=true\]\:translate-y-0[data-active="true"]{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-active="false"][data-direction="end"]{--tw-translate-y:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-active="false"][data-direction="start"]{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{--tw-translate-y:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side="left"]{--tw-translate-x:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side="right"]{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side="top"]{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-4[data-state="checked"]{--tw-translate-x:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"]{--tw-translate-x:var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"]{--tw-translate-x:var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[active\=false\]\:scale-95[data-active="false"]{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[active\=true\]\:scale-100[data-active="true"]{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes accordion-up{from{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"]{animation:accordion-up 0.2s ease-out}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}.data-\[state\=closed\]\:animate-dialog-fade-out[data-state="closed"]{animation:dialog-fade-out 0.2s ease-in}@keyframes accordion-down{from{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state="open"]{animation:accordion-down 0.2s ease-out}@keyframes dialog-fade-in{from{opacity:0}to{opacity:1}}.data-\[state\=open\]\:animate-dialog-fade-in[data-state="open"]{animation:dialog-fade-in 0.2s ease-out}.data-\[align\=end\]\:flex-row-reverse[data-align="end"]{flex-direction:row-reverse}.data-\[align\=end\]\:self-end[data-align="end"]{align-self:flex-end}.data-\[state\=active\]\:border-pink[data-state="active"]{--tw-border-opacity:1;border-color:rgb(247 37 133 / var(--tw-border-opacity, 1))}.data-\[state\=checked\]\:border-\[\#1e3a8a\][data-state="checked"]{--tw-border-opacity:1;border-color:rgb(30 58 138 / var(--tw-border-opacity, 1))}.data-\[state\=checked\]\:border-gray-900[data-state="checked"]{--tw-border-opacity:1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.data-\[state\=checked\]\:border-pink[data-state="checked"]{--tw-border-opacity:1;border-color:rgb(247 37 133 / var(--tw-border-opacity, 1))}.data-\[active\]\:bg-accent\/50[data-active]{background-color:hsl(var(--accent) / 0.5)}.data-\[selected\=true\]\:bg-accent[data-selected="true"]{background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state="active"]{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.data-\[state\=active\]\:bg-transparent[data-state="active"]{background-color:transparent}.data-\[state\=active\]\:bg-white[data-state="active"]{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:bg-\[\#1e3a8a\][data-state="checked"]{--tw-bg-opacity:1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:bg-gray-900[data-state="checked"]{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:bg-pink[data-state="checked"]{--tw-bg-opacity:1;background-color:rgb(247 37 133 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:bg-primary[data-state="checked"]{background-color:hsl(var(--primary))}.data-\[state\=checked\]\:bg-white\/20[data-state="checked"]{background-color:rgb(255 255 255 / 0.2)}.data-\[state\=on\]\:bg-accent[data-state="on"]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent[data-state="open"]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state="open"]{background-color:hsl(var(--accent) / 0.5)}.data-\[state\=open\]\:bg-muted[data-state="open"]{background-color:hsl(var(--muted))}.data-\[state\=open\]\:bg-secondary[data-state="open"]{background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state="selected"]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"]{background-color:hsl(var(--input))}.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"]{color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state="active"]{--tw-text-opacity:1;color:rgb(1 25 62 / var(--tw-text-opacity, 1))}.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{color:hsl(var(--primary-foreground))}.data-\[state\=checked\]\:text-white[data-state="checked"]{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.data-\[state\=on\]\:text-accent-foreground[data-state="on"]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-dark-blue[data-state="open"]{--tw-text-opacity:1;color:rgb(0 25 62 / var(--tw-text-opacity, 1))}.data-\[state\=open\]\:text-muted-foreground[data-state="open"]{color:hsl(var(--muted-foreground))}.data-\[active\=false\]\:opacity-0[data-active="false"]{opacity:0}.data-\[active\=true\]\:opacity-100[data-active="true"]{opacity:1}.data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{opacity:0.5}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:0.5}.data-\[state\=active\]\:shadow[data-state="active"]{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.data-\[state\=active\]\:shadow-none[data-state="active"]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.data-\[state\=active\]\:shadow-sm[data-state="active"]{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe="move"]{transition-property:none}.data-\[active\=false\]\:duration-300[data-active="false"]{transition-duration:300ms}.data-\[state\=closed\]\:duration-300[data-state="closed"]{transition-duration:300ms}.data-\[state\=open\]\:duration-500[data-state="open"]{transition-duration:500ms}.data-\[active\=false\]\:ease-in[data-active="false"]{transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}.data-\[active\=true\]\:ease-out[data-active="true"]{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"]{animation-name:enter;animation-duration:150ms;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=open\]\:animate-in[data-state="open"]{animation-name:enter;animation-duration:150ms;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=visible\]\:animate-in[data-state="visible"]{animation-name:enter;animation-duration:150ms;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"]{animation-name:exit;animation-duration:150ms;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state="closed"]{animation-name:exit;animation-duration:150ms;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=hidden\]\:animate-out[data-state="hidden"]{animation-name:exit;animation-duration:150ms;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[swipe\=end\]\:animate-out[data-swipe="end"]{animation-name:exit;animation-duration:150ms;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-0[data-state="closed"]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state="closed"]{--tw-exit-opacity:0.8}.data-\[state\=hidden\]\:fade-out[data-state="hidden"]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state="open"]{--tw-enter-opacity:0}.data-\[state\=visible\]\:fade-in[data-state="visible"]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state="open"]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state="open"]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state="open"]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state="open"]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state="open"]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state="open"]{--tw-enter-translate-y:-100%}.data-\[active\=false\]\:duration-300[data-active="false"]{animation-duration:300ms}.data-\[state\=closed\]\:duration-300[data-state="closed"]{animation-duration:300ms}.data-\[state\=open\]\:duration-500[data-state="open"]{animation-duration:500ms}.data-\[active\=false\]\:ease-in[data-active="false"]{animation-timing-function:cubic-bezier(0.4, 0, 1, 1)}.data-\[active\=true\]\:ease-out[data-active="true"]{animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/message[data-align="end"] .group-data-\[align\=end\]\/message\:justify-end{justify-content:flex-end}.group\/bubble[data-align="end"] .group-data-\[align\=end\]\/bubble\:self-end{align-self:flex-end}.group\/message[data-align="end"] .group-data-\[align\=end\]\/message\:self-end{align-self:flex-end}.prose-headings\:mb-3 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-bottom:0.75rem}.prose-headings\:mb-4 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-bottom:1rem}.prose-headings\:mt-5 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-top:1.25rem}.prose-headings\:font-heading :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-family:"proxima-nova", sans-serif}.prose-headings\:font-semibold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-weight:600}.prose-headings\:text-slate-900 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.prose-h1\:text-4xl :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-size:2.25rem;line-height:2.5rem}.prose-h1\:text-h1 :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-size:2.5rem;line-height:1.2;letter-spacing:-0.02em;font-weight:700}.prose-h2\:mb-8 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-bottom:2rem}.prose-h2\:scroll-mt-28 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){scroll-margin-top:7rem}.prose-h2\:text-3xl :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-size:1.875rem;line-height:2.25rem}.prose-h2\:text-h2 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-size:2rem;line-height:1.3;letter-spacing:-0.02em;font-weight:600}.prose-h3\:mb-6 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-bottom:1.5rem}.prose-h3\:text-2xl :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-size:1.5rem;line-height:2rem}.prose-h3\:text-h3 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-size:1.5rem;line-height:1.4;letter-spacing:-0.01em;font-weight:600}.prose-h4\:text-h4 :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-size:1.25rem;line-height:1.5;letter-spacing:-0.01em;font-weight:600}.prose-h4\:text-xl :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-size:1.25rem;line-height:1.75rem}.prose-p\:my-3 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-top:0.75rem;margin-bottom:0.75rem}.prose-p\:mb-3 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-bottom:0.75rem}.prose-p\:mb-4 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-bottom:1rem}.prose-p\:leading-relaxed :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){line-height:1.625}.prose-p\:text-gray-700 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.prose-p\:text-slate-700 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.prose-a\:font-bold :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-weight:700}.prose-a\:font-medium :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-weight:500}.prose-a\:text-pink :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){--tw-text-opacity:1;color:rgb(247 37 133 / var(--tw-text-opacity, 1))}.prose-a\:text-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){color:hsl(var(--primary))}.prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){text-decoration-line:none}.prose-a\:visited\:text-pink:visited :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){color:rgb(247 37 133 )}.hover\:prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover{text-decoration-line:underline}.prose-blockquote\:border-l-pink :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){--tw-border-opacity:1;border-left-color:rgb(247 37 133 / var(--tw-border-opacity, 1))}.prose-blockquote\:text-slate-600 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.prose-strong\:text-gray-900 :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.prose-strong\:text-slate-900 :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.prose-em\:text-slate-700 :is(:where(em):not(:where([class~="not-prose"],[class~="not-prose"] *))){--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.prose-pre\:whitespace-pre-wrap :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))){white-space:pre-wrap}.prose-ol\:my-3 :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-top:0.75rem;margin-bottom:0.75rem}.prose-ol\:list-decimal :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))){list-style-type:decimal}.prose-ol\:pl-5 :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))){padding-left:1.25rem}.prose-ul\:my-2 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-top:0.5rem;margin-bottom:0.5rem}.prose-ul\:my-3 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-top:0.75rem;margin-bottom:0.75rem}.prose-ul\:list-disc :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))){list-style-type:disc}.prose-ul\:pl-5 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))){padding-left:1.25rem}.prose-li\:my-1 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-top:0.25rem;margin-bottom:0.25rem}.prose-li\:my-2 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-top:0.5rem;margin-bottom:0.5rem}.prose-li\:text-gray-700 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.prose-li\:text-slate-700 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.prose-table\:w-full :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))){width:100%}.prose-table\:border-collapse :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))){border-collapse:collapse}.prose-th\:border :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))){border-width:1px}.prose-th\:bg-gray-100 :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))){--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.prose-th\:p-2 :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))){padding:0.5rem}.prose-td\:border :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))){border-width:1px}.prose-td\:p-2 :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))){padding:0.5rem}.prose-img\:rounded-lg :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))){border-radius:var(--radius)}.prose-img\:shadow-md :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))){--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}@supports (backdrop-filter: var(--tw)){.supports-\[backdrop-filter\]\:bg-background\/85{background-color:rgb(250 250 250 / 0.85)}.supports-\[backdrop-filter\]\:bg-white\/85{background-color:rgb(255 255 255 / 0.85)}}@media (prefers-reduced-motion: no-preference){.motion-safe\:translate-y-2{--tw-translate-y:0.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.motion-safe\:transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.motion-safe\:transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.motion-safe\:\[animation-delay\:150ms\]{animation-delay:150ms}.motion-safe\:\[animation-delay\:200ms\]{animation-delay:200ms}.motion-safe\:hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .motion-safe\:group-hover\:translate-x-1{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (prefers-reduced-motion: reduce){.motion-reduce\:hidden{display:none}.motion-reduce\:transform-none{transform:none}.motion-reduce\:animate-none{animation:none}.motion-reduce\:overflow-x-auto{overflow-x:auto}.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.motion-reduce\:duration-0{transition-duration:0s;animation-duration:0s}.motion-reduce\:data-\[state\=closed\]\:animate-none[data-state="closed"]{animation:none}.motion-reduce\:data-\[state\=delayed-open\]\:animate-none[data-state="delayed-open"]{animation:none}.motion-reduce\:data-\[state\=instant-open\]\:animate-none[data-state="instant-open"]{animation:none}.motion-reduce\:data-\[state\=open\]\:animate-none[data-state="open"]{animation:none}}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}.dark\:\!text-slate-300:is(.dark *){--tw-text-opacity:1 !important;color:rgb(203 213 225 / var(--tw-text-opacity, 1)) !important}@media not all and (min-width: 640px){.max-sm\:flex{display:flex}.max-sm\:w-full{width:100%}}@media (min-width: 375px){.xs\:mb-4{margin-bottom:1rem}.xs\:mb-6{margin-bottom:1.5rem}.xs\:block{display:block}.xs\:inline{display:inline}.xs\:w-\[120px\]{width:120px}.xs\:gap-3{gap:0.75rem}.xs\:p-4{padding:1rem}.xs\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.xs\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width: 640px){.sm\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.sm\:inset-6{inset:1.5rem}.sm\:inset-auto{inset:auto}.sm\:bottom-0{bottom:0px}.sm\:bottom-6{bottom:1.5rem}.sm\:left-1\/2{left:50%}.sm\:left-5{left:1.25rem}.sm\:left-\[max\(1\.5rem\2c env\(safe-area-inset-left\)\)\]{left:max(1.5rem,env(safe-area-inset-left))}.sm\:right-0{right:0px}.sm\:right-4{right:1rem}.sm\:right-\[max\(1\.5rem\2c env\(safe-area-inset-right\)\)\]{right:max(1.5rem,env(safe-area-inset-right))}.sm\:top-1\/2{top:50%}.sm\:top-5{top:1.25rem}.sm\:top-auto{top:auto}.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:order-none{order:0}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.sm\:mx-8{margin-left:2rem;margin-right:2rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mb-16{margin-bottom:4rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-8{margin-bottom:2rem}.sm\:ml-0{margin-left:0px}.sm\:ml-2{margin-left:0.5rem}.sm\:mr-1{margin-right:0.25rem}.sm\:mr-3{margin-right:0.75rem}.sm\:mt-0{margin-top:0px}.sm\:mt-2{margin-top:0.5rem}.sm\:mt-3{margin-top:0.75rem}.sm\:mt-4{margin-top:1rem}.sm\:mt-6{margin-top:1.5rem}.sm\:mt-8{margin-top:2rem}.sm\:line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:hidden{display:none}.sm\:aspect-\[21\/9\]{aspect-ratio:21/9}.sm\:aspect-square{aspect-ratio:1 / 1}.sm\:size-14{width:3.5rem;height:3.5rem}.sm\:h-10{height:2.5rem}.sm\:h-12{height:3rem}.sm\:h-14{height:3.5rem}.sm\:h-16{height:4rem}.sm\:h-24{height:6rem}.sm\:h-5{height:1.25rem}.sm\:h-6{height:1.5rem}.sm\:h-72{height:18rem}.sm\:h-80{height:20rem}.sm\:h-9{height:2.25rem}.sm\:h-\[60px\]{height:60px}.sm\:h-\[min\(92dvh\2c 880px\)\]{height:min(92dvh,880px)}.sm\:h-auto{height:auto}.sm\:max-h-\[65dvh\]{max-height:65dvh}.sm\:max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.sm\:min-h-0{min-height:0px}.sm\:min-h-10{min-height:2.5rem}.sm\:min-h-20{min-height:5rem}.sm\:min-h-52{min-height:13rem}.sm\:min-h-9{min-height:2.25rem}.sm\:min-h-96{min-height:24rem}.sm\:min-h-\[80px\]{min-height:80px}.sm\:w-12{width:3rem}.sm\:w-14{width:3.5rem}.sm\:w-16{width:4rem}.sm\:w-3\/4{width:75%}.sm\:w-36{width:9rem}.sm\:w-4\/5{width:80%}.sm\:w-44{width:11rem}.sm\:w-5{width:1.25rem}.sm\:w-6{width:1.5rem}.sm\:w-72{width:18rem}.sm\:w-8{width:2rem}.sm\:w-96{width:24rem}.sm\:w-\[150px\]{width:150px}.sm\:w-\[180px\]{width:180px}.sm\:w-\[190px\]{width:190px}.sm\:w-\[220px\]{width:220px}.sm\:w-\[280px\]{width:280px}.sm\:w-\[540px\]{width:540px}.sm\:w-\[90vw\]{width:90vw}.sm\:w-auto{width:auto}.sm\:w-fit{width:-moz-fit-content;width:fit-content}.sm\:w-full{width:100%}.sm\:min-w-64{min-width:16rem}.sm\:min-w-\[1060px\]{min-width:1060px}.sm\:min-w-\[500px\]{min-width:500px}.sm\:min-w-\[780px\]{min-width:780px}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-3xl{max-width:48rem}.sm\:max-w-\[220px\]{max-width:220px}.sm\:max-w-\[425px\]{max-width:425px}.sm\:max-w-\[45\%\]{max-width:45%}.sm\:max-w-\[500px\]{max-width:500px}.sm\:max-w-\[620px\]{max-width:620px}.sm\:max-w-\[640px\]{max-width:640px}.sm\:max-w-\[720px\]{max-width:720px}.sm\:max-w-\[90vw\]{max-width:90vw}.sm\:max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.sm\:max-w-full{max-width:100%}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-xl{max-width:36rem}.sm\:max-w-xs{max-width:20rem}.sm\:flex-1{flex:1 1 0%}.sm\:flex-none{flex:none}.sm\:shrink-0{flex-shrink:0}.sm\:-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.sm\:grid-cols-\[2\.25rem_minmax\(12rem\2c 1fr\)_minmax\(8rem\2c 0\.7fr\)_auto\]{grid-template-columns:2.25rem minmax(12rem,1fr) minmax(8rem,0.7fr) auto}.sm\:grid-cols-\[4\.5rem_minmax\(0\2c 1fr\)\]{grid-template-columns:4.5rem minmax(0,1fr)}.sm\:grid-cols-\[7rem_minmax\(0\2c 1fr\)_auto\]{grid-template-columns:7rem minmax(0,1fr) auto}.sm\:grid-cols-\[minmax\(0\2c 1fr\)_180px\]{grid-template-columns:minmax(0,1fr) 180px}.sm\:grid-cols-\[minmax\(0\2c 1fr\)_180px_180px\]{grid-template-columns:minmax(0,1fr) 180px 180px}.sm\:grid-cols-\[minmax\(0\2c 1fr\)_auto_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.sm\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.sm\:grid-cols-\[repeat\(14\2c minmax\(0\2c 1fr\)\)\]{grid-template-columns:repeat(14,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:items-stretch{align-items:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-1\.5{gap:0.375rem}.sm\:gap-10{gap:2.5rem}.sm\:gap-2{gap:0.5rem}.sm\:gap-2\.5{gap:0.625rem}.sm\:gap-3{gap:0.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.sm\:space-x-0 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.sm\:space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.sm\:space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.sm\:space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.sm\:self-auto{align-self:auto}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-\[32px\]{border-radius:32px}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:rounded-none{border-radius:0px}.sm\:border{border-width:1px}.sm\:border-b-0{border-bottom-width:0px}.sm\:border-l{border-left-width:1px}.sm\:border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.sm\:bg-card{background-color:hsl(var(--card))}.sm\:p-10{padding:2.5rem}.sm\:p-12{padding:3rem}.sm\:p-2{padding:0.5rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:\!px-3{padding-left:0.75rem !important;padding-right:0.75rem !important}.sm\:px-1\.5{padding-left:0.375rem;padding-right:0.375rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-2{padding-left:0.5rem;padding-right:0.5rem}.sm\:px-3{padding-left:0.75rem;padding-right:0.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-0{padding-top:0px;padding-bottom:0px}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-2{padding-top:0.5rem;padding-bottom:0.5rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:py-28{padding-top:7rem;padding-bottom:7rem}.sm\:py-3{padding-top:0.75rem;padding-bottom:0.75rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-10{padding-bottom:2.5rem}.sm\:pb-2{padding-bottom:0.5rem}.sm\:pb-5{padding-bottom:1.25rem}.sm\:pb-6{padding-bottom:1.5rem}.sm\:pb-8{padding-bottom:2rem}.sm\:pl-0{padding-left:0px}.sm\:pl-11{padding-left:2.75rem}.sm\:pl-2{padding-left:0.5rem}.sm\:pl-3{padding-left:0.75rem}.sm\:pl-4{padding-left:1rem}.sm\:pl-6{padding-left:1.5rem}.sm\:pr-2{padding-right:0.5rem}.sm\:pr-20{padding-right:5rem}.sm\:pr-5{padding-right:1.25rem}.sm\:pr-\[4\.5rem\]{padding-right:4.5rem}.sm\:pt-10{padding-top:2.5rem}.sm\:pt-2{padding-top:0.5rem}.sm\:pt-6{padding-top:1.5rem}.sm\:pt-8{padding-top:2rem}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-\[20px\]{font-size:20px}.sm\:text-\[40px\]{font-size:40px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:0.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:0.75rem;line-height:1.5}.sm\:opacity-0{opacity:0}.sm\:shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.sm\:shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.sm\:\[--face-review-height\:44vh\]{--face-review-height:44vh}.sm\:\[padding-bottom\:max\(1\.25rem\2c env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.sm\:\[padding-bottom\:max\(2rem\2c env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(2rem,env(safe-area-inset-bottom))}.sm\:\[padding-left\:max\(1\.5rem\2c env\(safe-area-inset-left\)\)\]{padding-left:max(1.5rem,env(safe-area-inset-left))}.sm\:\[padding-right\:max\(1\.5rem\2c env\(safe-area-inset-right\)\)\]{padding-right:max(1.5rem,env(safe-area-inset-right))}.group:hover .sm\:group-hover\:opacity-100{opacity:1}.group:focus-visible .sm\:group-focus-visible\:opacity-100{opacity:1}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"]{--tw-enter-translate-y:100%}}@media (min-width: 728px){.min-\[728px\]\:h-\[90px\]{height:90px}.min-\[728px\]\:w-\[728px\]{width:728px}.min-\[728px\]\:max-w-\[728px\]{max-width:728px}}@media (min-width: 768px){.md\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.md\:absolute{position:absolute}.md\:inset-x-0{left:0px;right:0px}.md\:bottom-0{bottom:0px}.md\:bottom-8{bottom:2rem}.md\:top-auto{top:auto}.md\:col-span-2{grid-column:span 2 / span 2}.md\:row-span-3{grid-row:span 3 / span 3}.md\:row-span-4{grid-row:span 4 / span 4}.md\:my-8{margin-top:2rem;margin-bottom:2rem}.md\:mb-0{margin-bottom:0px}.md\:mb-12{margin-bottom:3rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:table{display:table}.md\:table-cell{display:table-cell}.md\:table-header-group{display:table-header-group}.md\:table-row-group{display:table-row-group}.md\:table-row{display:table-row}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-10{height:2.5rem}.md\:h-20{height:5rem}.md\:h-24{height:6rem}.md\:h-9{height:2.25rem}.md\:h-\[56\%\]{height:56%}.md\:h-\[70px\]{height:70px}.md\:h-\[75px\]{height:75px}.md\:max-h-\[calc\(100svh-11rem\)\]{max-height:calc(100svh - 11rem)}.md\:min-h-10{min-height:2.5rem}.md\:min-h-80{min-height:20rem}.md\:min-h-9{min-height:2.25rem}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:w-20{width:5rem}.md\:w-24{width:6rem}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:min-w-\[5\.25rem\]{min-width:5.25rem}.md\:max-w-\[420px\]{max-width:420px}.md\:max-w-sm{max-width:24rem}.md\:flex-none{flex:none}.md\:basis-1\/2{flex-basis:50%}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\:grid-cols-\[180px_1fr_auto\]{grid-template-columns:180px 1fr auto}.md\:grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.md\:grid-cols-\[1fr_240px\]{grid-template-columns:1fr 240px}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[1fr_auto_270px\]{grid-template-columns:1fr auto 270px}.md\:grid-cols-\[minmax\(160px\2c 220px\)_auto_1fr\]{grid-template-columns:minmax(160px,220px) auto 1fr}.md\:grid-rows-subgrid{grid-template-rows:subgrid}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:gap-12{gap:3rem}.md\:gap-3{gap:0.75rem}.md\:gap-4{gap:1rem}.md\:gap-8{gap:2rem}.md\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\:gap-y-0{row-gap:0px}.md\:space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.md\:space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.md\:divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.md\:divide-gray-200\/60 > :not([hidden]) ~ :not([hidden]){border-color:rgb(229 231 235 / 0.6)}.md\:overflow-x-auto{overflow-x:auto}.md\:rounded-none{border-radius:0px}.md\:border{border-width:1px}.md\:border-0{border-width:0px}.md\:border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.md\:bg-gray-50\/50{background-color:rgb(249 250 251 / 0.5)}.md\:bg-transparent{background-color:transparent}.md\:from-gray-950\/90{--tw-gradient-from:rgb(3 7 18 / 0.9) var(--tw-gradient-from-position);--tw-gradient-to:rgb(3 7 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.md\:via-gray-900\/55{--tw-gradient-to:rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(17 24 39 / 0.55) var(--tw-gradient-via-position), var(--tw-gradient-to)}.md\:to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.md\:p-12{padding:3rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-0{padding-left:0px;padding-right:0px}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-2\.5{padding-left:0.625rem;padding-right:0.625rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}.md\:py-3{padding-top:0.75rem;padding-bottom:0.75rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-16{padding-bottom:4rem}.md\:pl-24{padding-left:6rem}.md\:pr-\[4\.75rem\]{padding-right:4.75rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:0.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.md\:shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.md\:first\:pl-6:first-child{padding-left:1.5rem}.md\:last\:pr-6:last-child{padding-right:1.5rem}.md\:odd\:bg-white:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.md\:even\:bg-gray-50\/30:nth-child(even){background-color:rgb(249 250 251 / 0.3)}.min-\[768px\]\:block{display:block}.min-\[768px\]\:flex{display:flex}.min-\[768px\]\:hidden{display:none}}@media (min-width: 900px){.min-\[900px\]\:flex{display:flex}.min-\[900px\]\:w-\[220px\]{width:220px}}@media (min-width: 1010px){.min-\[1010px\]\:inline-flex{display:inline-flex}}@media (min-width: 1024px){.lg\:absolute{position:absolute}.lg\:sticky{position:sticky}.lg\:inset-x-3{left:0.75rem;right:0.75rem}.lg\:bottom-10{bottom:2.5rem}.lg\:bottom-12{bottom:3rem}.lg\:bottom-3{bottom:0.75rem}.lg\:left-1\/2{left:50%}.lg\:top-24{top:6rem}.lg\:top-28{top:7rem}.lg\:top-4{top:1rem}.lg\:z-floating{z-index:var(--z-floating)}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-none{order:0}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-2{grid-column-start:2}.lg\:col-start-3{grid-column-start:3}.lg\:row-span-1{grid-row:span 1 / span 1}.lg\:row-start-1{grid-row-start:1}.lg\:row-start-2{grid-row-start:2}.lg\:-mx-8{margin-left:-2rem;margin-right:-2rem}.lg\:-mx-\[80px\]{margin-left:-80px;margin-right:-80px}.lg\:mx-10{margin-left:2.5rem;margin-right:2.5rem}.lg\:mb-0{margin-bottom:0px}.lg\:mt-3{margin-top:0.75rem}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:grid{display:grid}.lg\:contents{display:contents}.lg\:hidden{display:none}.lg\:aspect-\[364\/45\]{aspect-ratio:364/45}.lg\:aspect-auto{aspect-ratio:auto}.lg\:h-14{height:3.5rem}.lg\:h-\[38px\]{height:38px}.lg\:h-\[50\%\]{height:50%}.lg\:h-\[90px\]{height:90px}.lg\:max-h-none{max-height:none}.lg\:min-h-0{min-height:0px}.lg\:min-h-72{min-height:18rem}.lg\:min-h-\[90px\]{min-height:90px}.lg\:min-h-full{min-height:100%}.lg\:min-h-screen{min-height:100vh}.lg\:w-1\/4{width:25%}.lg\:w-14{width:3.5rem}.lg\:w-\[190px\]{width:190px}.lg\:w-\[30rem\]{width:30rem}.lg\:w-\[400px\]{width:400px}.lg\:w-\[728px\]{width:728px}.lg\:w-auto{width:auto}.lg\:w-full{width:100%}.lg\:min-w-0{min-width:0px}.lg\:max-w-md{max-width:28rem}.lg\:max-w-none{max-width:none}.lg\:max-w-sm{max-width:24rem}.lg\:max-w-xl{max-width:36rem}.lg\:max-w-xs{max-width:20rem}.lg\:flex-1{flex:1 1 0%}.lg\:basis-1\/3{flex-basis:33.333333%}.lg\:-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-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-\[15rem_minmax\(0\2c 1fr\)\]{grid-template-columns:15rem minmax(0,1fr)}.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:grid-cols-\[220px_minmax\(0\2c 1fr\)\]{grid-template-columns:220px minmax(0,1fr)}.lg\:grid-cols-\[4\.5rem_minmax\(0\2c 1fr\)_auto\]{grid-template-columns:4.5rem minmax(0,1fr) auto}.lg\:grid-cols-\[6rem_minmax\(0\2c 1fr\)_18rem\]{grid-template-columns:6rem minmax(0,1fr) 18rem}.lg\:grid-cols-\[minmax\(0\2c 0\.72fr\)_minmax\(0\2c 1\.7fr\)\]{grid-template-columns:minmax(0,0.72fr) minmax(0,1.7fr)}.lg\:grid-cols-\[minmax\(0\2c 1\.3fr\)_minmax\(18rem\2c 0\.7fr\)\]{grid-template-columns:minmax(0,1.3fr) minmax(18rem,0.7fr)}.lg\:grid-cols-\[minmax\(0\2c 1\.5fr\)_repeat\(3\2c minmax\(0\2c 1fr\)\)\]{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\2c 180px\)_minmax\(0\2c 1fr\)_auto_auto\]{grid-template-columns:minmax(0,180px) minmax(0,1fr) auto auto}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_360px\]{grid-template-columns:minmax(0,1fr) 360px}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 380px\)\]{grid-template-columns:minmax(0,1fr) minmax(0,380px)}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(250px\2c 0\.55fr\)\]{grid-template-columns:minmax(0,1fr) minmax(250px,0.55fr)}.lg\:grid-cols-\[minmax\(0\2c 340px\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,340px) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\2c 3fr\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(280px\2c 1fr\)_180px_200px_auto\]{grid-template-columns:minmax(280px,1fr) 180px 200px auto}.lg\:grid-cols-\[minmax\(350px\2c 1fr\)\2c minmax\(350px\2c 1\.5fr\)\]{grid-template-columns:minmax(350px,1fr) minmax(350px,1.5fr)}.lg\:grid-rows-\[minmax\(0\2c 1fr\)\]{grid-template-rows:minmax(0,1fr)}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-wrap{flex-wrap:wrap}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-16{gap:4rem}.lg\:gap-3{gap:0.75rem}.lg\:gap-4{gap:1rem}.lg\:gap-8{gap:2rem}.lg\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.lg\:justify-self-end{justify-self:end}.lg\:overflow-hidden{overflow:hidden}.lg\:overflow-visible{overflow:visible}.lg\:overflow-y-auto{overflow-y:auto}.lg\:rounded-2xl{border-radius:1rem}.lg\:rounded-full{border-radius:9999px}.lg\:border-0{border-width:0px}.lg\:border-l{border-left-width:1px}.lg\:border-t-0{border-top-width:0px}.lg\:bg-transparent{background-color:transparent}.lg\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.lg\:bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.lg\:from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.lg\:to-dark-blue\/10{--tw-gradient-to:rgb(0 25 62 / 0.1) var(--tw-gradient-to-position)}.lg\:p-0{padding:0px}.lg\:p-12{padding:3rem}.lg\:p-7{padding:1.75rem}.lg\:p-8{padding:2rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-20{padding-left:5rem;padding-right:5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:pb-0{padding-bottom:0px}.lg\:pb-3{padding-bottom:0.75rem}.lg\:pl-8{padding-left:2rem}.lg\:pt-0{padding-top:0px}.lg\:pt-6{padding-top:1.5rem}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-8xl{font-size:6rem;line-height:1}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-dark-blue{--tw-text-opacity:1;color:rgb(0 25 62 / var(--tw-text-opacity, 1))}.lg\:shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.lg\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.lg\:backdrop-blur-none{--tw-backdrop-blur: ;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.lg\:hover\:bg-white\/95:hover{background-color:rgb(255 255 255 / 0.95)}}@media (min-width: 1110px){.min-\[1110px\]\:inline-flex{display:inline-flex}}@media (min-width: 1150px){.min-\[1150px\]\:block{display:block}}@media (min-width: 1190px){.min-\[1190px\]\:inline-flex{display:inline-flex}}@media (min-width: 1200px){.min-\[1200px\]\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.min-\[1200px\]\:inline{display:inline}.min-\[1200px\]\:w-auto{width:auto}.min-\[1200px\]\:justify-start{justify-content:flex-start}.min-\[1200px\]\:px-3{padding-left:0.75rem;padding-right:0.75rem}.min-\[1200px\]\:px-4{padding-left:1rem;padding-right:1rem}}@media (min-width: 1250px){.min-\[1250px\]\:w-\[260px\]{width:260px}}@media (min-width: 1280px){.xl\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.xl\:static{position:static}.xl\:sticky{position:sticky}.xl\:top-0{top:0px}.xl\:z-sticky{z-index:var(--z-sticky)}.xl\:col-span-1{grid-column:span 1 / span 1}.xl\:col-span-3{grid-column:span 3 / span 3}.xl\:mb-1{margin-bottom:0.25rem}.xl\:mr-1{margin-right:0.25rem}.xl\:mt-0{margin-top:0px}.xl\:block{display:block}.xl\:inline-flex{display:inline-flex}.xl\:table{display:table}.xl\:table-cell{display:table-cell}.xl\:table-header-group{display:table-header-group}.xl\:table-row-group{display:table-row-group}.xl\:table-row{display:table-row}.xl\:hidden{display:none}.xl\:h-10{height:2.5rem}.xl\:h-4{height:1rem}.xl\:h-8{height:2rem}.xl\:h-\[45\%\]{height:45%}.xl\:min-h-0{min-height:0px}.xl\:min-h-10{min-height:2.5rem}.xl\:min-h-\[4rem\]{min-height:4rem}.xl\:w-4{width:1rem}.xl\:w-8{width:2rem}.xl\:w-\[160px\]{width:160px}.xl\:w-auto{width:auto}.xl\:min-w-0{min-width:0px}.xl\:min-w-\[720px\]{min-width:720px}.xl\:max-w-40{max-width:10rem}.xl\:max-w-\[220px\]{max-width:220px}.xl\:max-w-\[260px\]{max-width:260px}.xl\:max-w-sm{max-width:24rem}.xl\:max-w-xs{max-width:20rem}.xl\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-start{align-items:flex-start}.xl\:items-center{align-items:center}.xl\:justify-start{justify-content:flex-start}.xl\:justify-end{justify-content:flex-end}.xl\:justify-between{justify-content:space-between}.xl\:gap-16{gap:4rem}.xl\:gap-24{gap:6rem}.xl\:space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.xl\:truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xl\:whitespace-nowrap{white-space:nowrap}.xl\:rounded-none{border-radius:0px}.xl\:border-0{border-width:0px}.xl\:border-x-0{border-left-width:0px;border-right-width:0px}.xl\:border-b{border-bottom-width:1px}.xl\:border-t-0{border-top-width:0px}.xl\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.xl\:p-0{padding:0px}.xl\:p-4{padding:1rem}.xl\:px-12{padding-left:3rem;padding-right:3rem}.xl\:px-16{padding-left:4rem;padding-right:4rem}.xl\:py-12{padding-top:3rem;padding-bottom:3rem}.xl\:pr-4{padding-right:1rem}.xl\:text-left{text-align:left}.xl\:text-right{text-align:right}.xl\:text-3xl{font-size:1.875rem;line-height:2.25rem}.xl\:text-5xl{font-size:3rem;line-height:1}.xl\:text-\[clamp\(2\.5rem\2c 5vw\2c 4\.5rem\)\]{font-size:clamp(2.5rem,5vw,4.5rem)}.xl\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.xl\:hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / 0.5)}}@media (min-width: 1400px){.min-\[1400px\]\:w-\[190px\]{width:190px}.min-\[1400px\]\:w-\[320px\]{width:320px}}@media (min-width: 1450px){.min-\[1450px\]\:w-\[345px\]{width:345px}}@media (min-width: 1536px){.\32xl\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}}.rtl\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *){--tw-translate-x:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{border-radius:9999px}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-pink::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(247 37 133 / var(--tw-bg-opacity, 1))}.hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-pink\/90::-webkit-scrollbar-thumb:hover{background-color:rgb(247 37 133 / 0.9)}.\[\&\:\:-webkit-scrollbar-track\]\:bg-neutral-100::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:\:-webkit-scrollbar\]\:h-2::-webkit-scrollbar{height:0.5rem}.\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar{width:0.5rem}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0px}.\[\&\:is\(button\)\]\:text-left:is(button){text-align:left}.\[\&\:is\(button\2c a\)\]\:outline-none:is(button,a){outline:2px solid transparent;outline-offset:2px}.\[\&\:is\(button\2c a\)\]\:transition-colors:is(button,a){transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.\[\&\:is\(button\2c a\)\]\:focus-visible\:border-ring:focus-visible:is(button,a){border-color:hsl(var(--ring))}.\[\&\:is\(button\2c a\)\]\:focus-visible\:ring-2:focus-visible:is(button,a){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.\[\&\:is\(button\2c a\)\]\:focus-visible\:ring-ring\/50:focus-visible:is(button,a){--tw-ring-color:hsl(var(--ring) / 0.5)}.\[\&\:not\(\:first-child\)\]\:mt-6:not(:first-child){margin-top:1.5rem}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>*:not(:first-child){border-top-left-radius:0px;border-bottom-left-radius:0px}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>*:not(:first-child){border-top-left-radius:0px;border-top-right-radius:0px}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>*:not(:first-child){border-left-width:0px}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>*:not(:first-child){border-top-width:0px}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>*:not(:last-child){border-bottom-right-radius:0px;border-bottom-left-radius:0px}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>*:not(:last-child){border-top-right-radius:0px;border-bottom-right-radius:0px}.\[\&\>\*\]\:text-slate-600>*{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.\[\&\>\*\]\:focus-visible\:relative:focus-visible>*{position:relative}.\[\&\>\*\]\:focus-visible\:z-raised:focus-visible>*{z-index:var(--z-raised)}.\[\&\>\:first-child\]\:mt-0>:first-child{margin-top:0px}.\[\&\>\:last-child\]\:mb-0>:last-child{margin-bottom:0px}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\2c a\)\:hover\]\:bg-destructive\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:hsl(var(--destructive) / 0.2)}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\2c a\)\:hover\]\:bg-muted>[data-slot=bubble-content]:is(button,a):hover{background-color:hsl(var(--muted))}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\2c a\)\:hover\]\:bg-muted\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:hsl(var(--muted) / 0.8)}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\2c a\)\:hover\]\:bg-primary\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:hsl(var(--primary) / 0.2)}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\2c a\)\:hover\]\:bg-primary\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:hsl(var(--primary) / 0.8)}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\2c a\)\:hover\]\:bg-secondary\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:hsl(var(--secondary) / 0.8)}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\2c a\)\:hover\]\:text-foreground>[data-slot=bubble-content]:is(button,a):hover{--tw-text-opacity:1;color:rgb(1 25 62 / var(--tw-text-opacity, 1))}.\[\&\>\[data-slot\=bubble-content\]\]\:rounded-none>[data-slot=bubble-content]{border-radius:0px}.\[\&\>\[data-slot\=bubble-content\]\]\:border-border>[data-slot=bubble-content]{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.\[\&\>\[data-slot\=bubble-content\]\]\:bg-background>[data-slot=bubble-content]{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.\[\&\>\[data-slot\=bubble-content\]\]\:bg-destructive\/10>[data-slot=bubble-content]{background-color:hsl(var(--destructive) / 0.1)}.\[\&\>\[data-slot\=bubble-content\]\]\:bg-muted>[data-slot=bubble-content]{background-color:hsl(var(--muted))}.\[\&\>\[data-slot\=bubble-content\]\]\:bg-primary>[data-slot=bubble-content]{background-color:hsl(var(--primary))}.\[\&\>\[data-slot\=bubble-content\]\]\:bg-primary\/10>[data-slot=bubble-content]{background-color:hsl(var(--primary) / 0.1)}.\[\&\>\[data-slot\=bubble-content\]\]\:bg-secondary>[data-slot=bubble-content]{background-color:hsl(var(--secondary))}.\[\&\>\[data-slot\=bubble-content\]\]\:bg-transparent>[data-slot=bubble-content]{background-color:transparent}.\[\&\>\[data-slot\=bubble-content\]\]\:p-0>[data-slot=bubble-content]{padding:0px}.\[\&\>\[data-slot\=bubble-content\]\]\:text-destructive>[data-slot=bubble-content]{color:hsl(var(--destructive))}.\[\&\>\[data-slot\=bubble-content\]\]\:text-foreground>[data-slot=bubble-content]{--tw-text-opacity:1;color:rgb(1 25 62 / var(--tw-text-opacity, 1))}.\[\&\>\[data-slot\=bubble-content\]\]\:text-primary-foreground>[data-slot=bubble-content]{color:hsl(var(--primary-foreground))}.\[\&\>\[data-slot\=bubble-content\]\]\:text-secondary-foreground>[data-slot=bubble-content]{color:hsl(var(--secondary-foreground))}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md>[data-slot=select-trigger]:last-of-type:has(select[aria-hidden=true]:last-child){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*='w-']){width:-moz-fit-content;width:fit-content}.group\/message[data-align="end"] .group-data-\[align\=end\]\/message\:\[\&\>\[data-slot\]\]\:self-end>[data-slot]{align-self:flex-end}.\[\&\>button\:first-child\]\:flex-1>button:first-child{flex:1 1 0%}.\[\&\>button\:last-child\]\:right-\[calc\(1rem\+env\(safe-area-inset-right\)\)\]>button:last-child{right:calc(1rem + env(safe-area-inset-right))}.\[\&\>button\:last-child\]\:right-\[max\(1rem\2c env\(safe-area-inset-right\)\)\]>button:last-child{right:max(1rem,env(safe-area-inset-right))}.\[\&\>button\:last-child\]\:top-\[calc\(1rem\+env\(safe-area-inset-top\)\)\]>button:last-child{top:calc(1rem + env(safe-area-inset-top))}.\[\&\>button\:last-child\]\:top-\[max\(1rem\2c env\(safe-area-inset-top\)\)\]>button:last-child{top:max(1rem,env(safe-area-inset-top))}.\[\&\>button\:last-child\]\:z-raised>button:last-child{z-index:var(--z-raised)}.\[\&\>button\:last-child\]\:flex>button:last-child{display:flex}.\[\&\>button\:last-child\]\:h-11>button:last-child{height:2.75rem}.\[\&\>button\:last-child\]\:w-11>button:last-child{width:2.75rem}.\[\&\>button\:last-child\]\:items-center>button:last-child{align-items:center}.\[\&\>button\:last-child\]\:justify-center>button:last-child{justify-content:center}.\[\&\>button\:last-child\]\:bg-black\/65>button:last-child{background-color:rgb(0 0 0 / 0.65)}.\[\&\>button\:last-child\]\:bg-white\/10>button:last-child{background-color:rgb(255 255 255 / 0.1)}.\[\&\>button\:last-child\]\:text-white>button:last-child{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.\[\&\>button\:last-child\]\:opacity-100>button:last-child{opacity:1}.\[\&\>button\:last-child\]\:hover\:bg-black\/80:hover>button:last-child{background-color:rgb(0 0 0 / 0.8)}.\[\&\>button\:last-child\]\:hover\:bg-white\/20:hover>button:last-child{background-color:rgb(255 255 255 / 0.2)}@media (min-width: 640px){.sm\:\[\&\>button\:last-child\]\:right-4>button:last-child{right:1rem}.sm\:\[\&\>button\:last-child\]\:top-4>button:last-child{top:1rem}}.\[\&\>button\]\:min-h-11>button{min-height:2.75rem}@media (min-width: 1280px){.xl\:\[\&\>button\]\:min-h-0>button{min-height:0px}}.\[\&\>h2\:not\(\:first-of-type\)\]\:mt-\[100px\]>h2:not(:first-of-type){margin-top:100px}.\[\&\>h3\]\:\!mt-\[65px\]>h3{margin-top:65px !important}.\[\&\>h3\]\:flex-1>h3{flex:1 1 0%}.\[\&\>input\]\:flex-1>input{flex:1 1 0%}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:0.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:0.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{--tw-text-opacity:1;color:rgb(1 25 62 / var(--tw-text-opacity, 1))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px}.\[\&\[align\=center\]\]\:text-center[align=center]{text-align:center}.\[\&\[align\=right\]\]\:text-right[align=right]{text-align:right}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (prefers-reduced-motion: reduce){.motion-reduce\:\[\&_\*\]\:animate-none *{animation:none}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:0.5rem;padding-right:0.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:0.375rem;padding-bottom:0.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:0.75rem;line-height:1.5}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]{padding-top:0px}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:0.5rem;padding-right:0.5rem}.\[\&_\[cmdk-input-wrapper\]\]\:border-b-0 [cmdk-input-wrapper]{border-bottom-width:0px}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:0.5rem;padding-right:0.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:0.75rem;padding-bottom:0.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_\[data-description\]\]\:\!text-slate-700 [data-description]{--tw-text-opacity:1 !important;color:rgb(51 65 85 / var(--tw-text-opacity, 1)) !important}.dark\:\[\&_\[data-description\]\]\:\!text-slate-300 [data-description]:is(.dark *){--tw-text-opacity:1 !important;color:rgb(203 213 225 / var(--tw-text-opacity, 1)) !important}.\[\&_a\]\:rounded-sm a{border-radius:calc(var(--radius) - 4px)}.\[\&_a\]\:focus-visible\:outline-none:focus-visible a{outline:2px solid transparent;outline-offset:2px}.\[\&_a\]\:focus-visible\:ring-2:focus-visible a{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.\[\&_a\]\:focus-visible\:ring-blue:focus-visible a{--tw-ring-opacity:1;--tw-ring-color:rgb(67 142 255 / var(--tw-ring-opacity, 1))}.\[\&_a\]\:focus-visible\:ring-offset-2:focus-visible a{--tw-ring-offset-width:2px}.\[\&_button\:hover\]\:text-dark-blue button:hover{--tw-text-opacity:1;color:rgb(0 25 62 / var(--tw-text-opacity, 1))}.\[\&_button\]\:min-h-11 button{min-height:2.75rem}.\[\&_button\]\:touch-manipulation button{touch-action:manipulation}.\[\&_button\]\:text-white\/75 button{color:rgb(255 255 255 / 0.75)}@media (min-width: 640px){.sm\:\[\&_button\]\:min-h-10 button{min-height:2.5rem}}.\[\&_h2\:focus\]\:outline-none h2:focus{outline:2px solid transparent;outline-offset:2px}.\[\&_h3\]\:\!mb-0 h3{margin-bottom:0px !important}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_strong_a\]\:font-bold strong a{font-weight:700}.\[\&_strong_a\]\:text-pink strong a{--tw-text-opacity:1;color:rgb(247 37 133 / var(--tw-text-opacity, 1))}.\[\&_strong_a\]\:no-underline strong a{text-decoration-line:none}.hover\:\[\&_strong_a\]\:underline strong a:hover{text-decoration-line:underline}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']){width:1rem;height:1rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.data-\[direction\=start\]\:\[\&_svg\]\:rotate-180 svg[data-direction="start"]{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}