/* */ @charset "UTF-8"; /* /strx_web_design_system/static/src/scss/strx_tokens.scss */ :root{--ini-ink: #16181a; --ini-ink-2: #5b6166; --ini-ink-3: #6b7275; --ini-hairline: #e2e4e3; --ini-paper: #ffffff; --ini-paper-2: #f7f7f5; --ini-control-border: #878d90; --ini-amber: #a65f18; --ini-steel: #45688c; --ini-brand-blue: #1b4f8c; --ini-brand-blue-2: #153e6e; --ini-night: #0f0f29; --ini-paper-cielo: #dce6f2; --ini-paper-ledger: #dfe9d8; --ini-paper-manila: #f3e3bd; --ini-paper-bond: #f2f1ec; --ini-paper-carbon: #e3e5e4; --ini-paper-sello: #f0dcdd; --ini-severity-ok: #1f7a52; --ini-severity-aviso: #96610d; --ini-severity-error: #a3352c; --ini-text-primary: var(--ini-ink); --ini-text-secondary: var(--ini-ink-2); --ini-text-tertiary: var(--ini-ink-3); --ini-border-default: var(--ini-hairline); --ini-surface-page: var(--ini-paper); --ini-surface-card: var(--ini-paper-2); --ini-surface-night: var(--ini-night); --ini-action-primary: var(--ini-brand-blue); --ini-action-primary-hover: var(--ini-brand-blue-2); --ini-focus-color: var(--ini-amber); --ini-depth-1-surface: var(--ini-paper-2); --ini-depth-2-surface: var(--ini-paper-cielo); --ini-depth-3-surface: var(--ini-night); --ini-action-primary-backend: var(--ini-brand-blue); --ini-status-ready: var(--ini-severity-ok); --ini-status-pending: var(--ini-severity-aviso); --ini-status-blocker: var(--ini-severity-error); --ini-width-row: 1240px; --ini-space-8: 8px; --ini-space-16: 16px; --ini-space-24: 24px; --ini-space-32: 32px; --ini-space-48: 48px; --ini-space-64: 64px; --ini-space-96: 96px; --ini-space-144: 144px; --ini-hairline-width: 1px; --ini-control-height: 48px; --ini-focus-width: 2px; --ini-grid-width: 1344px; --ini-grid-gutter: 24px; --ini-grid-margin: 48px; --ini-grid-margin-compact: 24px; --ini-cross-size: 11px; --ini-space-4: 4px; --ini-space-12: 12px; --ini-control-height-backend: 44px; --ini-control-height-row: 36px; --ini-radius-max: 4px; --ini-radius: 4px; --ini-shadow: none; --ini-duration-fast: 120ms; --ini-duration-base: 240ms; --ini-duration-reveal: 640ms; --ini-duration-stagger: 60ms; --ini-duration-portal: 0ms; --ini-ease-out: cubic-bezier(.2,0,0,1); --ini-ease-in-out: cubic-bezier(.4,0,.2,1); --ini-weight-display: 500; --ini-weight-body-medium: 500; --ini-weight-body-strong: 600; --ini-weight-heading-portal: 500; --ini-weight-heading-portal-strong: 600; --ini-weight-mono: 400; --ini-weight-mono-medium: 500; --ini-gradient: none; --ini-grid-columns: 12; --ini-grid-columns-tablet: 6; --ini-grid-columns-phone: 1; --ini-cross-stroke: 1px; --ini-font-display: 'Readex Pro',sans-serif; --ini-font-body: 'Barlow',sans-serif; --ini-font-heading-portal: 'Barlow Condensed',sans-serif; --ini-font-mono: 'Readex Pro',sans-serif; --ini-font-figures: 'Barlow',sans-serif; --ini-text-meta-size: 11px; --ini-text-ui-size: 13px; --ini-text-body-size: 15px; --ini-text-row-size: 17px; --ini-text-block-size: 22px; --ini-text-screen-size: 34px; --ini-text-section-size: 48px; --ini-text-hero-size: 78px;} /* /strx_web_design_system/static/src/scss/strx_fonts.scss */ @font-face{font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap; src: url(/strx_web_design_system/static/src/fonts/barlow-latin-ext-400-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap; src: url(/strx_web_design_system/static/src/fonts/barlow-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap; src: url(/strx_web_design_system/static/src/fonts/barlow-latin-ext-500-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap; src: url(/strx_web_design_system/static/src/fonts/barlow-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap; src: url(/strx_web_design_system/static/src/fonts/barlow-latin-ext-600-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap; src: url(/strx_web_design_system/static/src/fonts/barlow-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Barlow Condensed"; font-style: normal; font-weight: 500; font-display: swap; src: url(/strx_web_design_system/static/src/fonts/barlow-condensed-latin-ext-500-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Barlow Condensed"; font-style: normal; font-weight: 500; font-display: swap; src: url(/strx_web_design_system/static/src/fonts/barlow-condensed-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap; src: url(/strx_web_design_system/static/src/fonts/barlow-condensed-latin-ext-600-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap; src: url(/strx_web_design_system/static/src/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Readex Pro"; font-style: normal; font-weight: 160 700; font-display: swap; src: url(/strx_web_design_system/static/src/fonts/readex-pro-latin-ext-160-700.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Readex Pro"; font-style: normal; font-weight: 160 700; font-display: swap; src: url(/strx_web_design_system/static/src/fonts/readex-pro-latin-160-700.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} /* /strx_web_public_page/static/src/scss/strx_public_page.scss */ body.strx-public-body{background-color: var(--ini-paper-2); color: var(--ini-ink); font-family: var(--ini-font-body); font-size: var(--ini-text-body-size);}.strx-public{display: flex; flex-direction: column; align-items: center; gap: var(--ini-space-32); min-height: 100vh; padding: var(--ini-space-48) var(--ini-space-24);}.strx-public ::selection{background-color: var(--ini-ink); color: var(--ini-paper);}.strx-public :focus-visible{outline: var(--ini-focus-width) solid var(--ini-focus-color); outline-offset: var(--ini-focus-width);}.strx-public a{color: var(--ini-ink); text-decoration: underline; text-underline-offset: var(--ini-space-4);}.strx-public__logo{display: block; max-height: var(--ini-control-height); max-width: 240px;}.strx-public__wordmark, .strx-public__initium{font-family: var(--ini-font-heading-portal); font-weight: var(--ini-weight-heading-portal-strong);}.strx-public__wordmark{font-size: var(--ini-text-block-size);}.strx-public__card{width: 100%; max-width: 560px; padding: var(--ini-space-32); background-color: var(--ini-paper); border: var(--ini-hairline-width) solid var(--ini-hairline); border-radius: var(--ini-radius);}.strx-public__card--wide{max-width: 960px;}.strx-public__title{margin: 0 0 var(--ini-space-24); font-family: var(--ini-font-heading-portal); font-weight: var(--ini-weight-heading-portal-strong); font-size: var(--ini-text-screen-size); line-height: 1.1; color: var(--ini-ink); text-wrap: balance;}.strx-public__text{margin: 0 0 var(--ini-space-24); max-width: 62ch; color: var(--ini-ink-2);}.strx-public__facts{display: grid; grid-template-columns: max-content 1fr; gap: var(--ini-space-8) var(--ini-space-16); margin: 0 0 var(--ini-space-24);}.strx-public__facts dt{font-size: var(--ini-text-ui-size); font-weight: var(--ini-weight-body-medium); color: var(--ini-ink-2); line-height: var(--ini-space-24);}.strx-public__facts dd{margin: 0; color: var(--ini-ink); line-height: var(--ini-space-24);}.strx-public__mono{font-family: var(--ini-font-mono); font-size: var(--ini-text-ui-size); font-weight: var(--ini-weight-mono); font-variant-numeric: tabular-nums;}.strx-public__status{margin: 0 0 var(--ini-space-24); font-weight: var(--ini-weight-body-medium);}.strx-public__status::before{content: ""; display: inline-block; width: var(--ini-space-8); height: var(--ini-space-8); margin-right: var(--ini-space-8); vertical-align: middle; background-color: currentColor;}.strx-public__status--ok{color: var(--ini-severity-ok);}.strx-public__status--aviso{color: var(--ini-severity-aviso);}.strx-public__status--error{color: var(--ini-severity-error);}.strx-public__label{display: block; margin-bottom: var(--ini-space-8); font-size: var(--ini-text-ui-size); font-weight: var(--ini-weight-body-medium); color: var(--ini-ink-2);}.strx-public__textarea{display: block; width: 100%; min-height: var(--ini-space-96); margin-bottom: var(--ini-space-24); padding: var(--ini-space-8) var(--ini-space-16); font: inherit; color: var(--ini-ink); background-color: var(--ini-paper); border: var(--ini-hairline-width) solid var(--ini-control-border); border-radius: var(--ini-radius); resize: vertical;}.strx-public__textarea::placeholder{color: var(--ini-ink-3);}.strx-public__field{display: block; min-width: 0; margin: 0 0 var(--ini-space-24); padding: 0; border: 0;}.strx-public__input{display: block; width: 100%; min-height: var(--ini-control-height); padding: 0 var(--ini-space-16); font: inherit; color: var(--ini-ink); background-color: var(--ini-paper); border: var(--ini-hairline-width) solid var(--ini-control-border); border-radius: var(--ini-radius);}.strx-public__input::placeholder{color: var(--ini-ink-3);}.strx-public__note{display: block; margin-top: var(--ini-space-8); font-size: var(--ini-text-ui-size); color: var(--ini-ink-2);}.strx-public__inline{display: flex; gap: var(--ini-space-8); margin: 0 0 var(--ini-space-24);}.strx-public__inline .strx-public__input{flex: 1 1 auto; min-width: 0;}.strx-public__choices{border: var(--ini-hairline-width) solid var(--ini-control-border); border-radius: var(--ini-radius);}.strx-public__choice{display: flex; align-items: center; gap: var(--ini-space-16); margin: 0; padding: var(--ini-space-12) var(--ini-space-16); border-bottom: var(--ini-hairline-width) solid var(--ini-hairline); cursor: pointer;}.strx-public__choice:last-child{border-bottom: 0;}.strx-public__choice:has(input:checked){background-color: var(--ini-paper-2);}.strx-public__choice input{flex: 0 0 auto; margin: 0; accent-color: var(--ini-ink);}.strx-public__choice-body{flex: 1 1 auto; min-width: 0;}.strx-public__choice-meta{display: block; font-size: var(--ini-text-ui-size); color: var(--ini-ink-2);}.strx-public__actions{display: flex; flex-wrap: wrap; align-items: center; gap: var(--ini-space-16);}.strx-public__button{display: inline-flex; align-items: center; justify-content: center; min-height: var(--ini-control-height); padding: 0 var(--ini-space-24); font-family: var(--ini-font-body); font-size: var(--ini-text-body-size); font-weight: var(--ini-weight-body-strong); color: var(--ini-paper); background-color: var(--ini-ink); border: var(--ini-hairline-width) solid var(--ini-ink); border-radius: var(--ini-radius); cursor: pointer;}.strx-public .strx-public__button{color: var(--ini-paper); text-decoration: none;}.strx-public__button:hover{background-color: var(--ini-ink-2); border-color: var(--ini-ink-2);}.strx-public__button--secondary{color: var(--ini-ink); background-color: var(--ini-paper); border-color: var(--ini-control-border);}.strx-public .strx-public__button--secondary{color: var(--ini-ink);}.strx-public__button--secondary:hover{background-color: var(--ini-paper-2); border-color: var(--ini-ink);}.strx-public__button--wide{width: 100%;}.strx-public .strx-public__button--destructive{color: var(--ini-severity-error);}.strx-public__footer{font-size: var(--ini-text-ui-size); color: var(--ini-ink-2);}@media (max-width: 575.98px){.strx-public{padding: var(--ini-space-24) var(--ini-space-16); gap: var(--ini-space-24);}.strx-public__card{padding: var(--ini-space-24);}.strx-public__title{font-size: var(--ini-text-block-size);}.strx-public__actions .strx-public__button{width: 100%;}.strx-public__inline{flex-wrap: wrap;}.strx-public__inline .strx-public__button{width: 100%;}}