/* -------------------------------------------------- Global Themed Styles (White + dark) Usage: ... ... This file intentionally preserves the original theme CSS with minimal refactoring. Only selector scoping & shared reset consolidation were done. No design tokens. --------------------------------------------------- */ /* ------------------------------------- Base: Reset (shared once) ------------------------------------- */ html { font-size:62.5%; box-sizing:border-box; -webkit-text-size-adjust:none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } *, *:before, *:after { margin:0; padding:0; box-sizing:inherit; -webkit-tap-highlight-color:transparent; } button > * { pointer-events:none; } :focus { outline:0; } body { line-height:initial; } /* ------------------------------------- THEME: WHITE (scoped original white.css) ------------------------------------- */ body.theme-white { font-family:"Calibre", arial, sans-serif; font-size:1.6rem; color:#435254; background-color:#ffffff !important; } body.theme-white[data-js-overlay-open] { overflow:hidden; } @media only screen and (max-width:1023px){ body.theme-white[data-js-nav-open]{ overflow:hidden; } } body.theme-white #download a { text-decoration:none !important; } body.theme-white a { text-decoration:underline; color:RGB(116,177,85); } body.theme-white button { cursor:pointer; } body.theme-white img { max-width:100%; height:auto; } body.theme-white ul { list-style:none; } body.theme-white :focus { outline-offset:1px; } body.theme-white a:active, body.theme-white a:focus:hover { outline:0; } body.theme-white .main { padding:8px; padding-bottom:24px; } body.theme-white .basicInfo { display:flex; flex-wrap:wrap; padding-top:15px; } body.theme-white .basicInfo :-ms-input-placeholder { position:relative; color:#666666; } body.theme-white .basicInfo ::-moz-placeholder { position:relative; color:#666666; } body.theme-white .basicInfo ::placeholder { position:relative; color:#666666; } body.theme-white .basicInfo > div { position:relative; width:100%; } body.theme-white .basicInfo label { font-family:"Calibre", arial, sans-serif; font-size:1.6rem; line-height:22px; margin-bottom:0px; display:flex; flex-direction:column; color:#003F2D; } body.theme-white select option { color:#435254; } body.theme-white .basicInfo select { -moz-appearance:none; -webkit-appearance:none; appearance:none; } /* -----Connect with a sustainability css-----*/ body.theme-white .left-only-frame {display:flex;flex-direction:column;flex-wrap:wrap;align-content:stretch;justify-content:center;align-items:baseline;} body.theme-white .frame-heading {font-family:financier;font-size:64px;color:#003F2D;font-weight:normal;} body.theme-white .frame-heading-description {font-family:calibre;font-size:22px;color:#435254;font-weight:normal;} @media (min-width:1440px){ body.theme-white .basicInfo select { margin-bottom:0px; } } body.theme-white .basicInfo select, body.theme-white .basicInfo input { font-family:"Calibre", arial, sans-serif; font-size:1.6rem; line-height:2.6rem; padding-bottom:8px; height:48px; width:100%; background:rgba(26,26,26,.04); border:none; border-radius:0; border-bottom:1px solid #435254; color:#3d3c3c; } body.theme-white .basicInfo textarea { color:#3d3c3c; font-family:"Calibre", arial, sans-serif; font-size:1.6rem; line-height:2.6rem; border:1px solid #435254; height:100px; width:100%; padding:5px; background-color:rgba(26,26,26,.04); resize: none; border-top: none; border-left: none; border-right: none; } @media screen and (min-width:600px){ body.theme-white .basicInfo select, body.theme-white .basicInfo input { line-height:3.2rem; } } body.theme-white .basicInfo input:-internal-autofill-selected, body.theme-white .basicInfo input:-webkit-autofill { box-shadow:0 0 0 50px #E6EAEA inset; -webkit-text-fill-color:#435254; color:#666666 !important; border-bottom-color:#435254; } body.theme-white .basicInfo .left, body.theme-white .basicInfo .right, body.theme-white .basicInfo .center { margin-top:0px; margin-bottom:20px; width:100%; } @media (min-width:1440px){ body.theme-white .basicInfo .left, body.theme-white .basicInfo .right { margin-top:15px; margin-bottom:30px; } } @media screen and (min-width:600px){ body.theme-white .basicInfo .left { width:calc(50% - 8px); } } @media screen and (min-width:600px){ body.theme-white .basicInfo .right { margin-left:16px; width:calc(50% - 8px); } } body.theme-white .basicInfo #message:not(:empty), body.theme-white .basicInfo #message3:not(:empty), body.theme-white .basicInfo #message4:not(:empty), body.theme-white .basicInfo #message5:not(:empty), body.theme-white .basicInfo #message6:not(:empty), body.theme-white .basicInfo #message7:not(:empty), body.theme-white .basicInfo .error:not(:empty), body.theme-white .basicInfo #message8:not(:empty) { font-size:1.2rem; line-height:1.6rem; padding-top:8px; color:var(--color-wt-error-indicator); border-top:2px solid #E81717; margin-top:-1px; } body.theme-white .basicInfo #message9:not(:empty) { font-size:1.2rem; line-height:1.6rem; padding-top:8px; color:var(--color-wt-error-indicator); border-top:2px solid #E81717; margin-top:-1px; } body.theme-white .role .left, body.theme-white .role .right { display:inline-block; } body.theme-white .role .left { margin-right:32px; } body.theme-white .role p { font-family:"Calibre", arial, sans-serif; font-size:1.2rem; line-height:1.6rem; padding-bottom:16px; color:#435254; width:100%; display:block; } body.theme-white .role label { font-family:"Calibre", arial, sans-serif; font-size:1.6rem; line-height:2.2rem; margin-left:8px; color:#003f2d; height:22px; display:inline-block; vertical-align:middle; } body.theme-white .role input[type="radio"] { transition:all 0.25s cubic-bezier(0.75,0.02,0.5,1); height:16px; width:16px; border:1px solid #435254; background-color:transparent; border-radius:10px; cursor:pointer; display:inline-block; position:relative; -webkit-appearance:none; appearance:none; vertical-align:middle; } body.theme-white .role input[type="radio"]:after { background-color:transparent; border-radius:25px; content:''; display:block; position:relative; height:10px; width:10px; left:2px; top:2px; } body.theme-white .role input[type="radio"]:checked:after { background-color:#003F2D; left:0.12em; } body.theme-white .terms { display:flex; flex-wrap:wrap; } body.theme-white .terms label { font-family:"Calibre", arial, sans-serif; font-size:1.6rem; line-height:2.2rem; margin-left:16px; flex:1; color:#435254; display:inline-block; vertical-align:middle; } @media screen and (min-width:600px){ body.theme-white .terms label { max-width:400px; } } body.theme-white .terms label a { transition:-webkit-text-decoration-color 0.25s cubic-bezier(0.75,0.02,0.5,1); transition:text-decoration-color 0.25s cubic-bezier(0.75,0.02,0.5,1); transition:text-decoration-color 0.25s cubic-bezier(0.75,0.02,0.5,1), -webkit-text-decoration-color 0.25s cubic-bezier(0.75,0.02,0.5,1); color:#435254; -webkit-text-decoration:underline solid transparent; text-decoration:underline solid transparent; text-underline-offset:3px; text-decoration-thickness:2px; -webkit-text-decoration-color:r#1ae88f; text-decoration-color:#1ae88f; } body.theme-white .terms label a:hover, body.theme-white .terms label a:active { -webkit-text-decoration-color:#669966; text-decoration-color:#669966; } body.theme-white .terms label a:hover { -webkit-text-decoration-color:#669966; text-decoration-color:#669966; } body.theme-white .terms input[type="checkbox"] { transition:all 0.25s cubic-bezier(0.75,0.02,0.5,1); position:relative; top:2px; height:16px; width:16px; cursor:pointer; display:inline-block; position:relative; vertical-align:middle; } body.theme-white .terms input[type="checkbox"]:before { height:16px; width:16px; background-color:#e6eaea; content:""; display:block; position:absolute; top:0; left:0; } body.theme-white .terms input[type="checkbox"]:checked:after { border:solid #003F2D; content:""; display:block; width:6px; height:12px; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute; top:1px; left:5px; } body.theme-white .terms #message2 { font-size:1.8rem; line-height:2rem; padding-top:8px; width:100%; color:#435254; } body.theme-white .right-flex { margin-top:24px; display:flex; justify-content:flex-end; } @media screen and (min-width:600px){ body.theme-white .right { margin-top:-38px; } } body.theme-white button { font-family:"Calibre", arial, sans-serif; font-size:1.8rem; line-height:2.4rem; letter-spacing:-0.02em; font-weight:500; transition:all 0.25s cubic-bezier(0.75,0.02,0.5,1); width:96px; height:48px; background-color:#003f2d; color:#ffffff; border:none; } body.theme-white button:hover { background-color:#17e88f; } body.theme-white .left-flex { margin-top:24px; display:flex; justify-content:flex-start; } @media screen and (min-width:600px){ body.theme-white .left { margin-top:-38px; } } body.theme-white .confirmation { font-family:"Financier Display", georgia, serif; font-size:3.2rem; line-height:1em; color:#435254; width:100%; display:flex; align-items:center; height:385px; padding-top:40%; position:relative; } @media screen and (min-width:600px){ body.theme-white .confirmation { font-size:4.8rem; padding-left:56px; padding-top:0px; height:300px; border-left:4px solid; } } body.theme-white .confirmation::before { content:""; position:absolute; left:0; top:0; width:4px; background:#fff; height:200px; } @media screen and (min-width:600px){ body.theme-white .confirmation::before { display:none; } } body.theme-white label a span { color:#003f2d !important; } body.theme-white button { display:flex; justify-content:center; align-items:center; } body.theme-white button img { margin-left:8px; } /* White theme arrow helpers (mirrors dark theme arrow styles) */ body.theme-white div.no-arrow:after { content:none !important; } body.theme-white div.arrow { position:relative; } body.theme-white div.arrow:after { content:''; border-left:10px solid transparent; border-right:10px solid transparent; border-top:12px solid #003F2D; position:absolute; top:2.5em; right:0; pointer-events:none; margin-right:5px; margin-bottom:2px; } /* ------------------------------------- THEME: dark (scoped original dark.css) ------------------------------------- */ body.theme-dark { font-family:"Calibre", arial, sans-serif; font-size:1.6rem; color:#435254; } body.theme-dark[data-js-overlay-open] { overflow:hidden; } @media only screen and (max-width:1023px){ body.theme-dark[data-js-nav-open]{ overflow:hidden; } } body.theme-dark a { text-decoration:none; } body.theme-dark button { cursor:pointer; } body.theme-dark img { max-width:100%; height:auto; } body.theme-dark ul { list-style:none; } body.theme-dark :focus { outline:4px solid rgba(23, 232, 143, 0.6); outline-offset:1px; } body.theme-dark a:active, body.theme-dark a:focus:hover { outline:0; } /* body.theme-dark { background-color:#003F2D; } (commented in original) */ body.theme-dark .main { padding:8px; padding-bottom:24px; } body.theme-dark .basicInfo { display:flex; flex-wrap:wrap; } body.theme-dark .basicInfo :-ms-input-placeholder { color:rgba(255,255,255,0.8); } body.theme-dark .basicInfo ::-moz-placeholder { color:rgba(255,255,255,0.8); } body.theme-dark .basicInfo ::placeholder { color:rgba(255,255,255,0.8); } body.theme-dark .basicInfo > div { position:relative; width:100%; } body.theme-dark .basicInfo label { font-family:"Calibre", arial, sans-serif; font-size:1.2rem; line-height:1.6rem; margin-bottom:16px; display:flex; flex-direction:column; color:#fff; margin-bottom: 0px} body.theme-dark select option { color:#435254; } body.theme-dark .basicInfo select { margin-bottom:40px; -moz-appearance:none; -webkit-appearance:none; appearance:none; } /* -----Connect with a sustainability css-----*/ body.theme-dark .frame-heading{font-family:financier;font-size:64px;color:#FFF;font-weight:normal;} body.theme-dark .frame-heading-description{font-family:calibre;font-size:22px;color:#FFF;font-weight:normal;} body.theme-dark .left-only-frame {display:flex;flex-direction:column;flex-wrap:wrap;align-content:stretch;justify-content:center;align-items:baseline;} @media (min-width:1440px){ body.theme-dark .basicInfo select { margin-bottom:0px; } } body.theme-dark .basicInfo select, body.theme-dark .basicInfo input { font-family:"Calibre", arial, sans-serif; font-size:2rem; line-height:2.6rem; padding-bottom:8px; height:40px; width:100%; background:transparent; border:none; border-radius:0; border-bottom:1px solid rgba(255,255,255,0.5); color:rgba(255,255,255,0.8); } body.theme-dark .basicInfo textarea { color:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.5); height:100px; width:400px; margin:0; font-size:2rem; background-color:transparent; } @media screen and (min-width:600px){ body.theme-dark .basicInfo select, body.theme-dark .basicInfo input { line-height:3.2rem; } } body.theme-dark .basicInfo input:-internal-autofill-selected, body.theme-dark .basicInfo input:-webkit-autofill { box-shadow:0 0 0 50px #003F2D inset; -webkit-text-fill-color:rgba(255,255,255,0.8); color:rgba(255,255,255,0.8) !important; border-bottom-color:#809f96; } body.theme-dark .basicInfo .left, body.theme-dark .basicInfo .right { margin-top:40px; margin-bottom:40px; width:100%; } @media (min-width:1440px){ body.theme-dark .basicInfo .left, body.theme-dark .basicInfo .right { margin-top:40px; margin-bottom:40px; } } @media screen and (min-width:600px){ body.theme-dark .basicInfo .left { width:calc(50% - 8px); } } @media screen and (min-width:600px){ body.theme-dark .basicInfo .right { margin-left:16px; width:calc(50% - 8px); } } body.theme-dark .basicInfo #message:not(:empty), body.theme-dark .basicInfo #message3:not(:empty), body.theme-dark .basicInfo #message4:not(:empty), body.theme-dark .basicInfo #message5:not(:empty), body.theme-dark .basicInfo #message6:not(:empty), body.theme-dark .basicInfo #message7:not(:empty), body.theme-dark .basicInfo .error:not(:empty), body.theme-dark .basicInfo #message8:not(:empty) { font-size:1.2rem; line-height:1.6rem; padding-top:8px; color:#CAD1D3; border-top:2px solid #E81717; margin-top:-1px; } body.theme-dark .basicInfo #message9:not(:empty) { font-size:1.2rem; line-height:1.6rem; padding-top:8px; color:#CAD1D3; border-top:2px solid #E81717; margin-top:-1px; } body.theme-dark .role .left, body.theme-dark .role .right { display:inline-block; } body.theme-dark .role .left { margin-right:32px; } body.theme-dark .role p { font-family:"Calibre", arial, sans-serif; font-size:1.2rem; line-height:1.6rem; padding-bottom:16px; color:#fff; width:100%; display:block; } body.theme-dark .role label { font-family:"Calibre", arial, sans-serif; font-size:1.6rem; line-height:2.2rem; margin-left:8px; color:rgba(255,255,255,0.8); height:22px; display:inline-block; vertical-align:middle; } body.theme-dark .role input[type="radio"] { transition:all 0.25s cubic-bezier(0.75,0.02,0.5,1); height:16px; width:16px; border:1px solid rgba(255,255,255,0.8); background-color:transparent; border-radius:10px; cursor:pointer; display:inline-block; position:relative; -webkit-appearance:none; appearance:none; vertical-align:middle; } body.theme-dark .role input[type="radio"]:after { background-color:transparent; border-radius:25px; content:''; display:block; position:relative; height:10px; width:10px; left:2px; top:2px; } body.theme-dark .role input[type="radio"]:checked:after { background-color:rgba(255,255,255,0.8); left:0.12em; } body.theme-dark .terms { display:flex; flex-wrap:wrap; } body.theme-dark .terms label { font-family:"Calibre", arial, sans-serif; font-size:1.6rem; line-height:2.2rem; margin-left:16px; flex:1; color:rgba(255,255,255,0.8); display:inline-block; vertical-align:middle; } @media screen and (min-width:600px){ body.theme-dark .terms label { max-width:400px; } } body.theme-dark .terms label a { transition:-webkit-text-decoration-color 0.25s cubic-bezier(0.75,0.02,0.5,1); transition:text-decoration-color 0.25s cubic-bezier(0.75,0.02,0.5,1); transition:text-decoration-color 0.25s cubic-bezier(0.75,0.02,0.5,1), -webkit-text-decoration-color 0.25s cubic-bezier(0.75,0.02,0.5,1); color:#003F2D; -webkit-text-decoration:underline solid transparent; text-decoration:underline solid transparent; text-underline-offset:3px; text-decoration-thickness:2px; color:rgba(255,255,255,0.8); -webkit-text-decoration-color:rgba(255,255,255,0.5); text-decoration-color:rgba(255,255,255,0.5); } body.theme-dark .terms label a:hover, body.theme-dark .terms label a:active { -webkit-text-decoration-color:#003F2D; text-decoration-color:#003F2D; } body.theme-dark .terms label a:hover { -webkit-text-decoration-color:#fff; text-decoration-color:#fff; } body.theme-dark .terms input[type="checkbox"] { transition:all 0.25s cubic-bezier(0.75,0.02,0.5,1); position:relative; top:2px; height:16px; width:16px; cursor:pointer; display:inline-block; position:relative; vertical-align:middle; } body.theme-dark .terms input[type="checkbox"]:before { height:16px; width:16px; background-color:#CCCCCC; content:""; display:block; position:absolute; top:0; left:0; } body.theme-dark .terms input[type="checkbox"]:checked:after { border:solid #003F2D; content:""; display:block; width:6px; height:12px; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute; top:1px; left:5px; } body.theme-dark .terms #message2 { font-size:1.8rem; line-height:2rem; padding-top:8px; width:100%; color:#17E88F; } body.theme-dark .right-flex { margin-top:24px; display:flex; justify-content:flex-end; } @media screen and (min-width:600px){ body.theme-dark .right { margin-top:-48px; } } body.theme-dark button { font-family:"Calibre", arial, sans-serif; font-size:1.8rem; line-height:2.4rem; letter-spacing:-0.02em; font-weight:500; transition:all 0.25s cubic-bezier(0.75,0.02,0.5,1); width:96px; height:48px; background-color:#CAD1D3; color:#003F2D; border:none; } body.theme-dark button:hover { background-color:#fff; } body.theme-dark .confirmation { font-family:"Financier Display", georgia, serif; font-size:3.2rem; line-height:1em; color:#fff; width:100%; display:flex; align-items:center; height:385px; padding-top:40%; position:relative; } @media screen and (min-width:600px){ body.theme-dark .confirmation { font-size:4.8rem; padding-left:56px; padding-top:0px; height:300px; border-left:4px solid; } } body.theme-dark .confirmation::before { content:""; position:absolute; left:0; top:0; width:4px; background:#fff; height:200px; } @media screen and (min-width:600px){ body.theme-dark .confirmation::before { display:none; } } /* New dark overrides (bottom block of original dark.css) */ body.theme-dark { background-color:rgb(1, 42, 45) !important; color:#FFFFFF !important; } body.theme-dark .basicInfo .left, body.theme-dark .basicInfo .right, body.theme-dark .basicInfo .center { margin-top:0px; margin-bottom:36px; } body.theme-dark .basicInfo select { margin-bottom:0px; } body.theme-dark .basicInfo textarea { width:100% !important; resize:none; border-top:none; border-left:none; border-right:none; } body.theme-dark div.no-arrow:after { content:none !important; } body.theme-dark div.arrow { position:relative; } body.theme-dark div.arrow:after { content:''; border-left:10px solid transparent; border-right:10px solid transparent; border-top:12px solid #fff; position:absolute; top:1.5em; right:0; pointer-events:none; margin-right:5px; margin-bottom:2px; } @media screen and (min-width:600px){ body.theme-dark .terms label { max-width:unset !important; } } body.theme-dark .eds-form-field-label { font-family:"Calibre", arial, sans-serif; font-size:1.2rem; line-height:1.6rem; margin-bottom:16px; display:flex; flex-direction:column; color:#fff; } body.theme-dark .eds-form-field-input { font-family:"Calibre", arial, sans-serif; font-size:2rem; line-height:2.6rem; padding-bottom:8px; height:40px; width:100%; background:transparent; border:none; border-radius:0; border-bottom:1px solid rgba(255,255,255,0.5); color:rgba(255,255,255,0.8); } body.theme-dark .eds-form-field-input:-internal-autofill-selected, body.theme-dark .eds-form-field-input:-webkit-autofill { box-shadow:0 0 0 50px #003F2D inset; -webkit-text-fill-color:rgba(255,255,255,0.8); color:rgba(255,255,255,0.8) !important; border-bottom-color:#809f96; } body.theme-dark select option { background:#FFF; color:#435254; } body.theme-dark input[type="checkbox"] { transition:all 0.25s cubic-bezier(0.75,0.02,0.5,1); position:relative; top:2px; height:16px; width:16px; cursor:pointer; display:inline-block; position:relative; vertical-align:middle; } body.theme-dark input[type="checkbox"]:before { height:16px; width:16px; background-color:#CCCCCC; content:""; display:block; position:absolute; top:0; left:0; } body.theme-dark input[type="checkbox"]:checked:after { border:solid #003F2D; content:""; display:block; width:6px; height:12px; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute; top:1px; left:5px; } body.theme-dark .terms label { font-family:"Calibre", arial, sans-serif; font-size:1.6rem; line-height:2.2rem; margin-left:16px; flex:1; color:rgba(255,255,255,0.8); display:inline-block; vertical-align:middle; } body.theme-dark .eds-form-field-label[for="privacy"] { font-family:"Calibre", arial, sans-serif; font-size:1.6rem; line-height:2.2rem; margin-left:16px; flex:1; color:rgba(255,255,255,0.8); display:inline-block; vertical-align:middle; max-width:unset !important; } body.theme-dark .eds-button { font-family:"Calibre", arial, sans-serif; font-size:1.8rem; line-height:2.4rem; letter-spacing:-0.02em; font-weight:500; transition:all 0.25s cubic-bezier(0.75,0.02,0.5,1); width:96px; height:48px; background-color:#CAD1D3; color:#003F2D; border:none; } body.theme-dark label a { transition:-webkit-text-decoration-color 0.25s cubic-bezier(0.75,0.02,0.5,1); transition:text-decoration-color 0.25s cubic-bezier(0.75,0.02,0.5,1); transition:text-decoration-color 0.25s cubic-bezier(0.75,0.02,0.5,1), -webkit-text-decoration-color 0.25s cubic-bezier(0.75,0.02,0.5,1); color:#003F2D; -webkit-text-decoration:underline solid transparent; text-decoration:underline solid transparent; text-underline-offset:3px; text-decoration-thickness:2px; color:rgba(255,255,255,0.8); -webkit-text-decoration-color:rgba(255,255,255,0.5); text-decoration-color:rgba(255,255,255,0.5); } body.theme-dark label a:hover, body.theme-dark label a:active { -webkit-text-decoration-color:#003F2D; text-decoration-color:#003F2D; } body.theme-dark label a:hover { -webkit-text-decoration-color:#fff; text-decoration-color:#fff; } body.theme-dark .eds-form-field-checkbox:checked:before { background-color:#fff; } body.theme-dark .eds-form-field-error:not(:empty) { font-size:1.2rem; line-height:1.6rem; padding-top:8px; color:#CAD1D3; border-top:2px solid #E81717; margin-top:-1px; padding-inline-start:unset; margin-block-start:unset; } body.theme-dark .privacy .eds-form-field-error:not(:empty) { font-size:1.8rem; line-height:2rem; padding-top:8px; width:100%; color:#17E88F; border-top:none; } body.theme-dark .eds-heading { font-family:"Calibre", arial, sans-serif; font-size:var(--eds-font-size-64); color:#FFF; line-height:var(--eds-line-height-2); } /* Optional: remove theme debug badge present previously (not reinstated) */ /* End global themed styles */ :root { --color-white-bg: #ffffff; --color-dark-bg: #012a2d; --color-text: #435254; --color-text-invert: #ffffff; --color-accent: #17e88f; --color-border: #435254; --color-wt-error-indicator: #FF543E; --radius-none: 0; --font-base: "Calibre", arial, sans-serif; --font-display: "Financier Display", georgia, serif; --transition-fast: 0.25s cubic-bezier(0.75,0.02,0.5,1); } body { font-family: var(--font-base); font-size: 1.6rem; } .theme-white { --color-bg: var(--color-white-bg); --color-link: #74B155; --color-link-hover: #669966; color: var(--color-text); background: var(--color-bg); } .theme-dark { --color-bg: var(--color-dark-bg); --color-link: rgba(255,255,255,0.8); --color-link-hover: #fff; color: var(--color-text-invert); background: var(--color-bg); } .themed-link { text-decoration: underline; text-underline-offset: 3px; transition: text-decoration-color var(--transition-fast); text-decoration-color: transparent; } .themed-link:hover { text-decoration-color: var(--color-link-hover); } .custom { margin-top: 8px; } .no-border-top { border-top: none !important; }