Publicação da Versão 12.2.5 do Programa da ECF

Versão 12.2.5 do Programa da ECF válida para o ano-calendário 2025, situações especiais de 2026 e para os anosanteriores.Publicado em 31/08/2026 13:30Foi publicada a versão 12.2.5 do programa da ECF, que deve ser utilizado para transmissões de arquivos da ECF referentes ao ano-calendário 2025 esituações especiais de 2026 (leiaute 12).As alterações em relação a versão anterior são:* Correção de erro no bloco J para entidades do Sistema Financeiro;As instruções referentes ao leiaute 12 constam no Manual da ECF e no arquivo de Tabelas Dinâmicas, publicados nolink: https://www.gov.br/sped/pt-br/assuntos/escrituracoes-digitais/ecf.A versão 12.2.5 também deve ser utilizada para transmissão de ECF referentes a anos-calendário anteriores (leiautes 1 a 11), sejam elas originais ouretificadoras.O programa está disponível no link abaixo, a partir da área de downloads do sítio do Sped: https://www.gov.br/receitafederal/pt-br/centrais-deconteudo/download/sped/ecf.Tags:Publicação da Versão 12.2.5 do Programa da ECFecf<style>h1:hover a.anchor svg, h2:hover a.anchor svg, h3:hover a.anchor svg, h4:hover a.anchor svg { opacity: 1; transform: rotate(15deg); } h1 a.anchor, h2 a.anchor, h3 a.anchor, h4 a.anchor { position: absolute; display: inline-block; margin-left: 5px; vertical-align: middle; } h1 a.anchor svg, h2 a.anchor svg, h3 a.anchor svg, h4 a.anchor svg { width: 1.6ch; fill: rgb(66, 82, 110); opacity: 0; transform: rotate(15deg) translate(-8px, 2px); transition: opacity 0.2s ease 0s, transform 0.2s ease 0s; } .slate-table-dropdown-menu p { margin-top: 1rem; font-size: small; } .slate-table-dropdown-menu td { border: 0.1rem solid rgba(187, 187, 187, 0.333); border-radius: 0.1rem; cursor: pointer; } .slate-table-dropdown-menu td > button { width: 100%; height: 100%; cursor: pointer; opacity: 0; } .slate-table-dropdown-menu td.active { background-color: rgb(130, 106, 106); } #style-menu.ui.dropdown .menu { overflow: auto; max-height: 50vh; } #style-menu.ui.dropdown .menu .item { display: flex; user-select: none; } #style-menu.ui.dropdown .menu .item span.text { margin-top: auto; line-height: normal; vertical-align: middle; } #style-menu.ui.dropdown .menu .header { color: rgb(153, 153, 153); font-size: 1rem; font-weight: 400; } #style-menu.ui.dropdown .menu .active { z-index: 1; background: rgb(104, 119, 141); box-shadow: none; color: rgb(255, 255, 255); font-weight: 300; } .slate-inline-toolbar { position: absolute; z-index: 1500; top: -10000px; left: -10000px; max-width: 100vw; opacity: 0; } .slate-inline-toolbar.upper { transform: translateY(-100%); } .slate-inline-toolbar .link-form-container { display: flex; align-items: center; margin-left: 2px; } .toolbar-wrapper.active { margin-bottom: 0.6em; } .slate-editor p { margin-bottom: 0px !important; } .slate-toolbar { display: flex; min-width: 300px; box-sizing: border-box; padding: 3px; border: none; border-radius: 2px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; font-family: Poppins, "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 400; } .slate-toolbar .expando { flex-grow: 1; background-color: rgb(255, 255, 255); } .slate-toolbar .toolbar-separator { display: inline-block; height: 32px; border-right: 1px solid rgb(221, 221, 221); margin: 0px 0.5rem; } .slate-toolbar .toolbar-separator + .button-wrapper { margin-left: 0px; } .slate-toolbar .button-wrapper { display: inline-block; margin-left: 3px; } .slate-toolbar .button-wrapper .ui.tiny.compact.icon.toggle.button { width: 32px; height: 32px; box-sizing: border-box; border: 0px; border-radius: 1px; background: rgba(255, 255, 255, 0.976); color: rgb(130, 106, 106); font-size: 18px; vertical-align: bottom; padding: 4px !important; } .slate-toolbar .button-wrapper .ui.tiny.compact.icon.toggle.button > svg { fill: rgb(136, 136, 136); } .slate-toolbar .button-wrapper .ui.tiny.compact.icon.toggle.button:focus, .slate-toolbar .button-wrapper .ui.tiny.compact.icon.toggle.button:hover { background: rgb(243, 243, 243); outline: 0px; } .slate-toolbar .button-wrapper .ui.tiny.compact.icon.toggle.button.active { border-radius: 3px; background: rgb(239, 239, 239) !important; box-shadow: rgb(0, 126, 177) 0px 0px 0px 1px inset !important; color: rgb(0, 126, 177) !important; } .slate-toolbar .button-wrapper .ui.tiny.compact.icon.toggle.button.active > svg { fill: rgb(68, 68, 68); } .slate-toolbar .ui.buttons { width: 100%; } .slate-toolbar .ui.button:not(.icon) > .icon:not(.button):not(.dropdown) { margin: auto !important; } .slate-toolbar .ui.button:last-child { margin-right: 0px !important; } .highlight-selection { background-color: rgba(128, 128, 128, 0.24); } .ui.input.editor-link input { padding: 0px; border: none; } .sidebar-container .slate-editor ul li { display: list-item; padding: 0px; } .sidebar-container .slate-editor ul li span { display: initial; } .power-user-menu { position: absolute; z-index: 10; top: 29px; left: -9px; width: 210px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.976); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 2px 4px; } .power-user-menu .ui.menu { border: 0px; border-radius: 2px; } .power-user-menu .ui.menu .icon { margin-right: 12px; vertical-align: middle; } .power-user-menu .ui.menu .item.active { background: rgb(239, 239, 239) !important; } .drop-indicator { width: 100%; min-height: 6rem; } .drop-indicator .ui.message center { height: 100%; } .drop-indicator .ui.message center img { width: 100%; height: 100%; } table.slate-table { width: 100%; border: 0.025rem solid rgb(130, 106, 106); margin-top: 1rem; margin-bottom: 1rem; border-collapse: collapse; border-spacing: 30px; } table.slate-table td, table.slate-table th { padding: 0.5rem; border: 0.05rem solid rgb(130, 106, 106); vertical-align: middle; } table.slate-table th { border-bottom: 0.15rem solid rgb(130, 106, 106); } table.slate-table-block.sortable tr th > * { display: inline-block; } .block.slate-table .block-inner-container { } .block.slate-table .block-inner-container .ui.table td, .block.slate-table .block-inner-container .ui.table th { overflow-wrap: normal; white-space: normal; word-break: normal; } @media (max-width: 991px) { .block.slate-table { --table-min-width:720px; --table-cell-min-width:max-content; } .block.slate-table .block-inner-container .ui.table { width: max-content; } .block.slate-table .block-inner-container .ui.table td, .block.slate-table .block-inner-container .ui.table th { max-width: 160px; }} .block.slate-table .toolbar { transition: top 0.15s ease 0s; } .block.slate-table .scroll-mirror-top { height: 12px; margin-bottom: -1px; overflow: auto hidden; } .block.slate-table .scroll-mirror-top::-webkit-scrollbar { height: 12px; } .block.slate-table .scroll-mirror-top div { height: 1px; } .block.slate-table .block-inner-container { overflow-x: auto; } .slate_wysiwyg_box { padding: 2px 3px; border-bottom: 1px solid rgb(199, 213, 216); } .metadata.mention.slate.widget, .metadata.mention.slate.widget > :first-child, .metadata.mention.slate.widget > :last-child { display: inline; } .slate.error { color: red; white-space: normal; } .CookieBanner-module__\[local\]___XvZCm { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color); position: fixed; z-index: 100; bottom: 0px; left: 0px; width: 100%; padding: 28px 0px; background: rgba(12, 30, 63, 0.85); color: var(--pure-0); } .CookieBanner-module__\[local\]___5-8\+T { flex-direction: column; justify-content: center; text-align: center; display: flex !important; } .CookieBanner-module__\[local\]___5-8\+T p { font-size: var(--font-size-scale-down-01); } @media screen and (min-width: 768px) { .CookieBanner-module__\[local\]___5-8\+T p { margin: 0px; font-size: var(--font-size-scale-base); }} @media screen and (min-width: 768px) { .CookieBanner-module__\[local\]___5-8\+T { flex-direction: row; align-items: center; text-align: left; }} .CookieBanner-module__\[local\]___2cHdB { display: flex; flex-flow: column wrap; align-items: center; justify-content: space-around; } @media screen and (min-width: 768px) { .CookieBanner-module__\[local\]___2cHdB { min-width: 376px; flex-direction: row; margin-left: var(--spacing-scale-3x); }} @media screen and (min-width: 1280px) { .CookieBanner-module__\[local\]___2cHdB { min-width: 560px; flex-wrap: nowrap; margin-left: var(--spacing-scale-5x); }} .CookieBanner-module__\[local\]___2cHdB button { order: 1; margin: 8px 0px; font-size: var(--font-size-scale-base); } @media screen and (min-width: 768px) { .CookieBanner-module__\[local\]___2cHdB button { font-size: var(--font-size-scale-up-01); }} @media screen and (min-width: 768px) { .CookieBanner-module__\[local\]___2cHdB .CookieBanner-module__\[local\]___nRiie { order: 3; }} @media screen and (min-width: 1280px) { .CookieBanner-module__\[local\]___2cHdB .CookieBanner-module__\[local\]___nRiie { order: 1; }} .BackToTop-module__\[local\]___wcpDw { position: fixed; z-index: 12; right: 16px; bottom: 16px; display: flex; align-items: stretch; padding: 1px; animation-direction: normal; animation-duration: 0.5s; animation-fill-mode: forwards; animation-name: BackToTop-module__\[local\]___sVcXw; animation-timing-function: linear; opacity: 0; transform-origin: center center; } @keyframes BackToTop-module__[local]___sVcXw { 0% { opacity: 0; transform: scale(0.3) translateZ(0px); } 50% { opacity: 0.9; transform: scale(1.1); } 80% { opacity: 1; transform: scale(0.89); } 100% { opacity: 1; transform: scale(1) translateZ(0px); }} .LogoGovbr-module__\[local\]___RIdWG, .LogoGovbr-module__\[local\]___tJS4m { display: block; width: 100%; height: 100%; } .LogoGovbr-module__\[local\]___tJS4m path { fill: var(--pure-0); } .Card-module__\[local\]___23D4w, .Card-module__\[local\]___stNdo { width: 100%; border-radius: var(--surface-rounder-md); margin-bottom: var(--spacing-scale-2x); box-shadow: 0 1px 6px rgba(var(--pure-100-rgb),0.16); } @media screen and (min-width: 576px) { .Card-module__\[local\]___23D4w, .Card-module__\[local\]___stNdo { box-shadow: none; transform-style: preserve-3d; perspective: 1000px; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }} @media screen and (min-width: 576px) { .Card-module__\[local\]___23D4w { transform: rotateY(0deg); }} @media screen and (min-width: 576px) { .Card-module__\[local\]___stNdo { transform: rotateY(180deg); }} @media screen and (min-width: 576px) { .Card-module__\[local\]___0\+Ewg, .Card-module__\[local\]___HeOaY, .Card-module__\[local\]___wNDkz { position: relative; }} @media screen and (min-width: 576px) { .Card-module__\[local\]___wNDkz { min-height: calc(var(--font-line-height-low)*var(--font-size-scale-base)*3 + var(--spacing-scale-base)*2); }} @media screen and (min-width: 576px) { .Card-module__\[local\]___HeOaY { height: 0px; padding-bottom: 60%; } .has-sidebar .Card-module__\[local\]___HeOaY { padding-bottom: 70%; }} @media screen and (min-width: 576px) { .Card-module__\[local\]___0\+Ewg { height: 0px; padding-bottom: 90%; } .has-sidebar .Card-module__\[local\]___0\+Ewg { padding-bottom: 100%; }} .FlipButton-module__\[local\]___4rpSP { position: absolute; top: 0px; right: 0px; display: none; } @media screen and (min-width: 576px) { .FlipButton-module__\[local\]___4rpSP { display: block; }} .FlipButton-module__\[local\]___WvpSC { position: absolute; top: 0px; right: 0px; display: none; } @media screen and (min-width: 576px) { .FlipButton-module__\[local\]___WvpSC { display: block; }} .FlipButton-module__\[local\]___MBT9i { position: absolute; top: 0px; right: 0px; display: none; } @media screen and (min-width: 576px) { .FlipButton-module__\[local\]___MBT9i { display: block; }} .FlipButton-module__\[local\]___g3IYQ { top: -8px; right: -8px; transition: top 0.1s linear 0ms, right 0.1s linear 0ms; } .FlipButton-module__\[local\]___g3IYQ span { transition: font-size 0.1s linear 0ms; } @media screen and (min-width: 576px) { .Face-module__\[local\]___tETC6 { position: absolute; width: 100%; height: 100%; min-width: 0px; border-radius: var(--surface-rounder-md); box-shadow: 0 1px 6px rgba(var(--pure-100-rgb),0.16); } .Face-module__\[local\]___tETC6:hover { background-color: rgba(var(--interactive-rgb),var(--hover)); }} .Front-module__\[local\]___A\+2ZU { display: flex; overflow: hidden; min-height: calc(var(--font-line-height-low)*var(--font-size-scale-base)*2 + var(--spacing-scale-base)*2); align-items: center; padding-left: var(--spacing-scale-2x); border-radius: var(--surface-rounder-md); color: var(--gray-80); font-size: var(--font-size-scale-base); } @media screen and (min-width: 576px) { .Front-module__\[local\]___A\+2ZU { flex-direction: column; align-items: center; justify-content: center; z-index: 2; backface-visibility: hidden; padding: var(--spacing-scale-2x); border-radius: inherit; } .Front-module__\[local\]___mKPPb.Front-module__\[local\]___A\+2ZU { padding: var(--spacing-scale-base); } .Front-module__\[local\]___A\+2ZU .Front-module__\[local\]___Zk5pR button { background-color: var(--blue-warm-vivid-70); border-radius: 50%; transform: scale(0.25); transition: all 0.1s ease-in-out 0s; } .Front-module__\[local\]___A\+2ZU:hover .Front-module__\[local\]___Zk5pR button { top: 4px; right: 4px; background-color: var(--gray-4); transform: scale(1); } .Front-module__\[local\]___A\+2ZU:hover .Front-module__\[local\]___Zk5pR button:hover { background-color: var(--pure-0); background-image: none; color: var(--blue-warm-vivid-60); } .Front-module__\[local\]___A\+2ZU:hover .Front-module__\[local\]___Zk5pR span { font-size: 24px; }} .Front-module__\[local\]___SWNZm { display: flex; overflow: hidden; min-height: calc(var(--font-line-height-low)*var(--font-size-scale-base)*2 + var(--spacing-scale-base)*2); align-items: center; padding-left: var(--spacing-scale-2x); border-radius: var(--surface-rounder-md); color: var(--gray-80); font-size: var(--font-size-scale-base); background-color: var(--background); } @media screen and (min-width: 576px) { .Front-module__\[local\]___SWNZm { flex-direction: column; align-items: center; justify-content: center; z-index: 2; backface-visibility: hidden; padding: var(--spacing-scale-2x); border-radius: inherit; } .Front-module__\[local\]___mKPPb.Front-module__\[local\]___SWNZm { padding: var(--spacing-scale-base); } .Front-module__\[local\]___SWNZm .Front-module__\[local\]___Zk5pR button { background-color: var(--blue-warm-vivid-70); border-radius: 50%; transform: scale(0.25); transition: all 0.1s ease-in-out 0s; } .Front-module__\[local\]___SWNZm:hover .Front-module__\[local\]___Zk5pR button { top: 4px; right: 4px; background-color: var(--gray-4); transform: scale(1); } .Front-module__\[local\]___SWNZm:hover .Front-module__\[local\]___Zk5pR button:hover { background-color: var(--pure-0); background-image: none; color: var(--blue-warm-vivid-60); } .Front-module__\[local\]___SWNZm:hover .Front-module__\[local\]___Zk5pR span { font-size: 24px; }} .Front-module__\[local\]___AQ4L0 { display: flex; overflow: hidden; min-height: calc(var(--font-line-height-low)*var(--font-size-scale-base)*2 + var(--spacing-scale-base)*2); align-items: center; padding-left: var(--spacing-scale-2x); border-radius: var(--surface-rounder-md); color: var(--gray-80); font-size: var(--font-size-scale-base); background-color: var(--gray-4); } @media screen and (min-width: 576px) { .Front-module__\[local\]___AQ4L0 { flex-direction: column; align-items: center; justify-content: center; z-index: 2; backface-visibility: hidden; padding: var(--spacing-scale-2x); border-radius: inherit; } .Front-module__\[local\]___mKPPb.Front-module__\[local\]___AQ4L0 { padding: var(--spacing-scale-base); } .Front-module__\[local\]___AQ4L0 .Front-module__\[local\]___Zk5pR button { background-color: var(--blue-warm-vivid-70); border-radius: 50%; transform: scale(0.25); transition: all 0.1s ease-in-out 0s; } .Front-module__\[local\]___AQ4L0:hover .Front-module__\[local\]___Zk5pR button { top: 4px; right: 4px; background-color: var(--gray-4); transform: scale(1); } .Front-module__\[local\]___AQ4L0:hover .Front-module__\[local\]___Zk5pR button:hover { background-color: var(--pure-0); background-image: none; color: var(--blue-warm-vivid-60); } .Front-module__\[local\]___AQ4L0:hover .Front-module__\[local\]___Zk5pR span { font-size: 24px; }} .Front-module__\[local\]___9rY-5, .Front-module__\[local\]___m2LB1 { margin: 0 var(--spacing-scale-2x) 0 0; } @media screen and (min-width: 576px) { .Front-module__\[local\]___9rY-5, .Front-module__\[local\]___m2LB1 { margin: 0 0 var(--spacing-scale-base); } .Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5, .Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 { margin: 0 0 var(--spacing-scale-2x); } .has-sidebar .Front-module__\[local\]___9rY-5, .has-sidebar .Front-module__\[local\]___m2LB1 { margin: 0px; }} .Front-module__\[local\]___m2LB1 { width: auto; height: var(--font-size-scale-up-02); } @media screen and (min-width: 576px) { .Front-module__\[local\]___m2LB1 { height: var(--font-size-scale-up-04); } .Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 { height: var(--font-size-scale-up-06); } .has-sidebar .Front-module__\[local\]___m2LB1 { height: var(--font-size-scale-up-04); }} .Front-module__\[local\]___9rY-5 { display: flex; align-items: center; font-size: var(--font-size-scale-up-02); } @media screen and (min-width: 576px) { .Front-module__\[local\]___9rY-5 { font-size: var(--font-size-scale-up-06); width: auto !important; } .has-sidebar .Front-module__\[local\]___9rY-5 { margin: 0px; }} .Front-module__\[local\]___gIrjz { color: var(--blue-warm-vivid-80); width: auto !important; font-size: var(--font-size-scale-up-02) !important; } @media screen and (min-width: 576px) { .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-04) !important; } .Front-module__\[local\]___AKgAs .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-06) !important; } .has-sidebar .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-04) !important; }} .Front-module__\[local\]___i1R7S { flex-grow: 1; padding: var(--spacing-scale-base) var(--spacing-scale-half); } @media screen and (min-width: 576px) { .Front-module__\[local\]___i1R7S { flex-grow: 0; }} .Front-module__\[local\]___a2yBH { display: flex; width: 100%; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0px; text-align: left; } @media screen and (min-width: 576px) { .Front-module__\[local\]___a2yBH { padding: 0px; }} .Front-module__\[local\]___cHa7s .Front-module__\[local\]___i1R7S { padding: var(--spacing-scale-half); } @media screen and (min-width: 576px) { .Front-module__\[local\]___cHa7s .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 3 !important; }} .Front-module__\[local\]___SqoMw { flex-direction: column; align-items: stretch; padding: var(--spacing-scale-2x) var(--spacing-scale-2x) var(--spacing-scale-base); gap: var(--spacing-scale-base); } .Front-module__\[local\]___SqoMw .Front-module__\[local\]___i1R7S { flex-grow: 1; padding: 0px; } .Front-module__\[local\]___SqoMw .Front-module__\[local\]___iICdT { width: 100%; justify-content: flex-end; padding: var(--spacing-scale-base) 0 0; border-top: 1px solid rgb(204, 204, 204); border-left: none; margin-top: var(--spacing-scale-base); } .Front-module__\[local\]___SqoMw .Front-module__\[local\]___Zk5pR { align-self: flex-end; } @media screen and (min-width: 576px) { .Front-module__\[local\]___SqoMw { align-items: stretch; padding: var(--spacing-scale-2x); }} .Front-module__\[local\]___LyxPS { flex-grow: 1; padding: var(--spacing-scale-base) var(--spacing-scale-half) var(--spacing-scale-base) 0; color: var(--blue-warm-vivid-80); line-height: var(--font-line-height-low); } @media screen and (min-width: 576px) { .Front-module__\[local\]___LyxPS { flex-grow: 0; text-align: center; font-size: var(--font-size-scale-up-02); overflow: hidden; width: 100%; padding: 0 0 var(--spacing-scale-half); display: -webkit-box; -webkit-box-orient: vertical; } .Front-module__\[local\]___mKPPb .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 2; } .has-sidebar .Front-module__\[local\]___LyxPS { font-size: var(--font-size-scale-up-01); }} @media screen and (min-width: 768px) { .has-sidebar .Front-module__\[local\]___LyxPS { font-size: var(--font-size-scale-base); line-height: var(--font-line-height-medium); }} @media screen and (min-width: 992px) { .has-sidebar .Front-module__\[local\]___LyxPS { font-size: var(--font-size-scale-up-01); line-height: var(--font-line-height-low); }} .Front-module__\[local\]___cJLHV { width: 100%; padding: 0px; text-align: left; } @media screen and (min-width: 576px) { .Front-module__\[local\]___cJLHV { text-align: left; padding: 0px; }} .Front-module__\[local\]___o\+P3n { margin-top: calc(var(--spacing-scale-base)*-1); margin-bottom: var(--spacing-scale-base); color: var(--gray-60); font-size: var(--font-size-scale-down-01); } @media screen and (min-width: 576px) { .Front-module__\[local\]___o\+P3n { margin-top: var(--spacing-scale-half); font-size: var(--font-size-scale-base); text-align: center; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }} .Front-module__\[local\]___LD1Sy { width: 100%; color: var(--gray-60); font-weight: 500; text-align: left; } @media screen and (min-width: 576px) { .Front-module__\[local\]___LD1Sy { text-align: left; margin-bottom: var(--spacing-scale-base); }} @media screen and (min-width: 576px) { .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 2; } .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .has-sidebar .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 1; } .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 4; } .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 2; } .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 3; } .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-05) !important; }} @media screen and (min-width: 768px) { .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 3; } .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 2; } .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 5; } .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 3; } .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 4; } .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-06) !important; } .has-sidebar .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-03) !important; } .has-sidebar .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-04) !important; }} @media screen and (min-width: 992px) { .has-sidebar .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 2 !important; } .has-sidebar .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .has-sidebar .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 1 !important; } .has-sidebar .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 3 !important; } .has-sidebar .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 2 !important; }} @media screen and (min-width: 992px) and (max-width: 1071px) { .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 2; } .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___GKCYq.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 1; } .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 4; } .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___GKCYq.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 2; }} @media screen and (min-width: 576px) { .Front-module__\[local\]___q1Efe.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 5; } .Front-module__\[local\]___q1Efe.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___q1Efe.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 3; } .has-sidebar .Front-module__\[local\]___q1Efe.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 4; } .has-sidebar .Front-module__\[local\]___q1Efe.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .has-sidebar .Front-module__\[local\]___q1Efe.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 2; } .Front-module__\[local\]___q1Efe.Front-module__\[local\]___AKgAs .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 6; } .Front-module__\[local\]___q1Efe.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___q1Efe.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 5; } .Front-module__\[local\]___q1Efe.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-05) !important; }} @media screen and (min-width: 992px) { .Front-module__\[local\]___q1Efe.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-04) !important; } .has-sidebar .Front-module__\[local\]___q1Efe.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-03) !important; } .has-sidebar .Front-module__\[local\]___q1Efe.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-04) !important; }} @media screen and (min-width: 992px) and (max-width: 1071px) { .Front-module__\[local\]___q1Efe.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 4; } .Front-module__\[local\]___q1Efe.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___q1Efe.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 2; } .Front-module__\[local\]___q1Efe.Front-module__\[local\]___AKgAs .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 5; } .Front-module__\[local\]___q1Efe.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___q1Efe.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 4; }} @media screen and (min-width: 576px) { .Front-module__\[local\]___DoNyP.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 5; } .Front-module__\[local\]___DoNyP.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___DoNyP.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 3; } .has-sidebar .Front-module__\[local\]___DoNyP.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS, .has-sidebar .Front-module__\[local\]___NHnaW.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS, .has-sidebar .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 4; } .has-sidebar .Front-module__\[local\]___DoNyP.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .has-sidebar .Front-module__\[local\]___DoNyP.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .has-sidebar .Front-module__\[local\]___NHnaW.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .has-sidebar .Front-module__\[local\]___NHnaW.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .has-sidebar .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .has-sidebar .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 2; } .Front-module__\[local\]___DoNyP.Front-module__\[local\]___AKgAs .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___AKgAs .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___AKgAs .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 7; } .Front-module__\[local\]___DoNyP.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___DoNyP.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 5; } .Front-module__\[local\]___DoNyP.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-05) !important; }} @media screen and (min-width: 768px) { .Front-module__\[local\]___DoNyP.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___DoNyP.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 5; } .has-sidebar .Front-module__\[local\]___DoNyP.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz, .has-sidebar .Front-module__\[local\]___NHnaW.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz, .has-sidebar .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-03) !important; } .has-sidebar .Front-module__\[local\]___DoNyP.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz, .has-sidebar .Front-module__\[local\]___NHnaW.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz, .has-sidebar .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-04) !important; }} @media screen and (min-width: 992px) { .Front-module__\[local\]___DoNyP.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 .Front-module__\[local\]___gIrjz { font-size: var(--font-size-scale-up-04) !important; }} @media screen and (min-width: 992px) and (max-width: 1071px) { .Front-module__\[local\]___DoNyP.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 4; } .Front-module__\[local\]___DoNyP.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___DoNyP.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___KZ2nR .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 2; } .Front-module__\[local\]___DoNyP.Front-module__\[local\]___AKgAs .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___AKgAs .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___AKgAs .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 6; } .Front-module__\[local\]___DoNyP.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___DoNyP.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___NHnaW.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___AKgAs .Front-module__\[local\]___9rY-5 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS, .Front-module__\[local\]___yBHy\+.Front-module__\[local\]___AKgAs .Front-module__\[local\]___m2LB1 + .Front-module__\[local\]___i1R7S > .Front-module__\[local\]___LyxPS { -webkit-line-clamp: 4; }} .Front-module__\[local\]___iICdT { display: flex; align-items: center; padding: 0px 8px; border-left: 1px solid rgb(204, 204, 204); } @media screen and (min-width: 576px) { .Front-module__\[local\]___iICdT { display: none; }} .Front-module__\[local\]___b7hDx .Front-module__\[local\]___9rY-5 { height: auto; } .Front-module__\[local\]___b7hDx .Front-module__\[local\]___gIrjz, .Front-module__\[local\]___b7hDx .Front-module__\[local\]___LyxPS { color: var(--blue-warm-vivid-80); } .Back-module__\[local\]___lgXuO { display: none; flex-direction: column; padding: var(--spacing-scale-baseh) 0; border-radius: 0 0 var(--surface-rounder-md) var(--surface-rounder-md); font-size: var(--font-size-scale-down-01); color: var(--gray-80) !important; } @media screen and (min-width: 576px) { .Back-module__\[local\]___lgXuO { z-index: 0; transform: rotateY(180deg); backface-visibility: hidden; display: flex; background-color: var(--gray-60); border-radius: inherit; color: var(--pure-0) !important; } .Back-module__\[local\]___lgXuO .Back-module__\[local\]___RCFuV button { top: 4px; right: 4px; background-color: var(--gray-4); transform: scale(1); } .Back-module__\[local\]___lgXuO .Back-module__\[local\]___RCFuV button:hover { background-color: var(--pure-0); color: var(--blue-warm-vivid-60); background-image: none !important; } .Back-module__\[local\]___lgXuO .Back-module__\[local\]___RCFuV span { font-size: 24px; }} .Back-module__\[local\]___tT-UV { flex-direction: column; padding: var(--spacing-scale-baseh) 0; border-radius: 0 0 var(--surface-rounder-md) var(--surface-rounder-md); font-size: var(--font-size-scale-down-01); display: flex; color: var(--gray-80) !important; } @media screen and (min-width: 576px) { .Back-module__\[local\]___tT-UV { z-index: 0; transform: rotateY(180deg); backface-visibility: hidden; display: flex; background-color: var(--gray-60); border-radius: inherit; color: var(--pure-0) !important; } .Back-module__\[local\]___tT-UV .Back-module__\[local\]___RCFuV button { top: 4px; right: 4px; background-color: var(--gray-4); transform: scale(1); } .Back-module__\[local\]___tT-UV .Back-module__\[local\]___RCFuV button:hover { background-color: var(--pure-0); color: var(--blue-warm-vivid-60); background-image: none !important; } .Back-module__\[local\]___tT-UV .Back-module__\[local\]___RCFuV span { font-size: 24px; }} @media screen and (min-width: 576px) { .Back-module__\[local\]___tT-UV { z-index: 3; } .Back-module__\[local\]___tT-UV .Back-module__\[local\]___8zsWf { display: flex; flex-direction: column; justify-content: center; height: 100%; } .Back-module__\[local\]___tT-UV:hover { background-color: var(--gray-60); }} .Back-module__\[local\]___OsXpk { display: none; width: 100%; padding: 0 var(--spacing-scale-4xh) var(--spacing-scale-half) var(--spacing-scale-2x); font-size: var(--font-size-scale-up-01); font-weight: 600; } @media screen and (min-width: 576px) { .Back-module__\[local\]___OsXpk { overflow: hidden; font-size: var(--font-size-scale-up-01); text-overflow: ellipsis; line-height: 1.45 !important; } @supports (-webkit-line-clamp:1) { .Back-module__\[local\]___OsXpk { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }} @supports not (-webkit-line-clamp:1) { .Back-module__\[local\]___OsXpk { display: block; max-height: calc(var(--font-size-scale-up-01)*1.45*1 + var(--font-size-scale-up-01)*0.5); }}} .Back-module__\[local\]___9rM\+B { padding: 0 var(--spacing-scale-2x); margin-right: var(--spacing-scale-base); font-size: var(--font-size-scale-base); overflow-y: auto; } @media screen and (min-width: 576px) { .Back-module__\[local\]___dwNfv.Back-module__\[local\]___Cm-l0 .Back-module__\[local\]___9rM\+B { max-height: 70%; } .Back-module__\[local\]___dwNfv.Back-module__\[local\]___re3wo .Back-module__\[local\]___9rM\+B { max-height: 80%; }} .HeaderLogo-module__\[local\]___5-TGS { display: inline-block; height: var(--header-logo-size); max-height: var(--header-logo-size); } .Footer-module__\[local\]___\+BCE9 { position: relative; z-index: 2; background-color: var(--pure-0); } @media only screen and (max-height: 460px) { .Footer-module__\[local\]___\+BCE9 { display: none; }} @media only screen and (max-height: 570px) { .Footer-module__\[local\]___\+BCE9 .menu-info { display: none; }} .br-group-header, .br-group-header__wrapper { flex: 1 1 0%; } .br-group-header__title { font-weight: 500; } .br-group-header__description { color: var(--gray-70); font-size: var(--font-size-scale-down-01); } .br-group-header__logo { display: flex; height: 24px; align-items: center; } .br-group-header--header { padding: var(--spacing-scale-baseh) var(--spacing-scale-base) var(--spacing-scale-baseh) var(--spacing-scale-4x); border-bottom: 1px solid rgb(204, 204, 204); background-color: var(--pure-0); } .br-group-header--collapsible, .br-group-header--header { position: relative; z-index: 2; display: flex; width: 100%; align-items: center; justify-content: space-between; } .br-group-header--collapsible { border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; margin: 0px; appearance: none; background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: inherit; font: inherit; text-align: left; padding: var(--spacing-scale-baseh) var(--spacing-scale-base) var(--spacing-scale-baseh) var(--spacing-scale-4x); border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); background-color: var(--pure-0); cursor: pointer; } .br-group-header--collapsible:hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); text-decoration: none; } .br-group-header--collapsible .br-group-header__title { color: var(--interactive); } .br-group-header--open { border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; margin: 0px; appearance: none; background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: inherit; font: inherit; text-align: left; position: relative; z-index: 2; display: flex; width: 100%; align-items: center; justify-content: space-between; padding: var(--spacing-scale-baseh) var(--spacing-scale-base) var(--spacing-scale-baseh) var(--spacing-scale-4x); border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); background-color: var(--pure-0); cursor: pointer; } .br-group-header--open:hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); text-decoration: none; } .br-group-header--open .br-group-header__title { color: var(--interactive); } .br-group-header--close { border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; margin: 0px; appearance: none; background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: inherit; font: inherit; text-align: left; position: relative; z-index: 2; display: flex; width: 100%; align-items: center; justify-content: space-between; padding: var(--spacing-scale-baseh) var(--spacing-scale-base) var(--spacing-scale-baseh) var(--spacing-scale-4x); border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); background-color: var(--pure-0); cursor: pointer; } .br-group-header--close:hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); text-decoration: none; } .br-group-header--close .br-group-header__title { color: var(--interactive); } .page-item .addon { display: flex; } .page-item .link { flex: 1 1 0%; padding: var(--spacing-scale-2x) var(--spacing-scale-4x); background-color: var(--menu-background-submenu); cursor: pointer; } .page-item .link:hover { text-decoration: none; } .page-item .pending { flex: 1 1 0%; padding: var(--spacing-scale-2x) var(--spacing-scale-4x); background-color: var(--menu-background-submenu); cursor: pointer; color: var(--color-review-state-pending-dark) !important; } .page-item .pending:hover { text-decoration: none; } .page-item .private { flex: 1 1 0%; padding: var(--spacing-scale-2x) var(--spacing-scale-4x); background-color: var(--menu-background-submenu); cursor: pointer; color: var(--color-review-state-private-dark) !important; } .page-item .private:hover { text-decoration: none; } .page-item .div { height: var(--spacing-scale-3x); align-self: center !important; } .page-item .on { position: absolute; top: 0px; bottom: 0px; display: flex; overflow: visible; width: 100%; background-color: var(--background); transition: left 0.4s ease-in-out 0ms; z-index: 2; left: 40px; } .page-item .on ul { overflow: auto; flex: 1 1 0%; list-style: none; padding: 0px !important; margin: 0px !important; } .page-item .on ul::-webkit-scrollbar { width: 8px; background-color: rgb(245, 245, 245); } .page-item .on ul::-webkit-scrollbar-track { border: 1px solid rgb(204, 204, 204); border-radius: 8px; background: rgb(241, 241, 241); } .page-item .on ul::-webkit-scrollbar-thumb { border: 1px solid rgb(204, 204, 204); border-radius: 8px; background-color: rgb(228, 228, 228); } .page-item .on ul::-webkit-scrollbar-thumb:hover { background: rgb(255, 255, 255); } .page-item .on ul::-webkit-scrollbar-thumb:active { background-color: rgb(19, 81, 180); } .page-item .on > ul > li > .addon, .page-item .on > ul > li > .div, .page-item .on > ul > li > .link { opacity: 1; transition: opacity 0.3s linear 0ms; } .page-item .prev { position: absolute; top: 0px; bottom: 0px; display: flex; overflow: visible; width: 100%; background-color: var(--background); transition: left 0.4s ease-in-out 0ms; left: 0px; } .page-item .prev ul { overflow: auto; flex: 1 1 0%; list-style: none; padding: 0px !important; margin: 0px !important; } .page-item .prev ul::-webkit-scrollbar { width: 8px; background-color: rgb(245, 245, 245); } .page-item .prev ul::-webkit-scrollbar-track { border: 1px solid rgb(204, 204, 204); border-radius: 8px; background: rgb(241, 241, 241); } .page-item .prev ul::-webkit-scrollbar-thumb { border: 1px solid rgb(204, 204, 204); border-radius: 8px; background-color: rgb(228, 228, 228); } .page-item .prev ul::-webkit-scrollbar-thumb:hover { background: rgb(255, 255, 255); } .page-item .prev ul::-webkit-scrollbar-thumb:active { background-color: rgb(19, 81, 180); } .page-item .prev > ul > li > .addon, .page-item .prev > ul > li > .div, .page-item .prev > ul > li > .link { transition: opacity 0.3s linear 0ms; opacity: 0; } .page-item .off { position: absolute; top: 0px; bottom: 0px; display: flex; overflow: visible; width: 100%; background-color: var(--background); transition: left 0.4s ease-in-out 0ms; left: 400px; } .page-item .off ul { overflow: auto; flex: 1 1 0%; list-style: none; padding: 0px !important; margin: 0px !important; } .page-item .off ul::-webkit-scrollbar { width: 8px; background-color: rgb(245, 245, 245); } .page-item .off ul::-webkit-scrollbar-track { border: 1px solid rgb(204, 204, 204); border-radius: 8px; background: rgb(241, 241, 241); } .page-item .off ul::-webkit-scrollbar-thumb { border: 1px solid rgb(204, 204, 204); border-radius: 8px; background-color: rgb(228, 228, 228); } .page-item .off ul::-webkit-scrollbar-thumb:hover { background: rgb(255, 255, 255); } .page-item .off ul::-webkit-scrollbar-thumb:active { background-color: rgb(19, 81, 180); } .page-item .off > ul > li > .addon, .page-item .off > ul > li > .div, .page-item .off > ul > li > .link { opacity: 1; transition: opacity 0.3s linear 0ms; } .page-item .rooton { position: absolute; top: 0px; bottom: 0px; display: flex; overflow: visible; width: 100%; background-color: var(--background); transition: left 0.4s ease-in-out 0ms; left: 0px; } .page-item .rooton ul { overflow: auto; flex: 1 1 0%; list-style: none; padding: 0px !important; margin: 0px !important; } .page-item .rooton ul::-webkit-scrollbar { width: 8px; background-color: rgb(245, 245, 245); } .page-item .rooton ul::-webkit-scrollbar-track { border: 1px solid rgb(204, 204, 204); border-radius: 8px; background: rgb(241, 241, 241); } .page-item .rooton ul::-webkit-scrollbar-thumb { border: 1px solid rgb(204, 204, 204); border-radius: 8px; background-color: rgb(228, 228, 228); } .page-item .rooton ul::-webkit-scrollbar-thumb:hover { background: rgb(255, 255, 255); } .page-item .rooton ul::-webkit-scrollbar-thumb:active { background-color: rgb(19, 81, 180); } .page-item .rooton > ul > li > .addon, .page-item .rooton > ul > li > .div, .page-item .rooton > ul > li > .link { opacity: 1; transition: opacity 0.3s linear 0ms; } .page-item .rootprev { position: absolute; top: 0px; bottom: 0px; display: flex; overflow: visible; width: 100%; background-color: var(--background); transition: left 0.4s ease-in-out 0ms; left: -40px; } .page-item .rootprev ul { overflow: auto; flex: 1 1 0%; list-style: none; padding: 0px !important; margin: 0px !important; } .page-item .rootprev ul::-webkit-scrollbar { width: 8px; background-color: rgb(245, 245, 245); } .page-item .rootprev ul::-webkit-scrollbar-track { border: 1px solid rgb(204, 204, 204); border-radius: 8px; background: rgb(241, 241, 241); } .page-item .rootprev ul::-webkit-scrollbar-thumb { border: 1px solid rgb(204, 204, 204); border-radius: 8px; background-color: rgb(228, 228, 228); } .page-item .rootprev ul::-webkit-scrollbar-thumb:hover { background: rgb(255, 255, 255); } .page-item .rootprev ul::-webkit-scrollbar-thumb:active { background-color: rgb(19, 81, 180); } .page-item .rootprev > ul > li > .addon, .page-item .rootprev > ul > li > .div, .page-item .rootprev > ul > li > .link { transition: opacity 0.3s linear 0ms; opacity: 0; } .page-item .rootprev .off { left: 400px; } .page-item .leaf, .page-item .parentitem, .page-item .sub { display: flex; align-items: center; border-bottom: 1px solid var(--gray-10); background-color: var(--gray-2); font-size: var(--font-size-scale-base) !important; line-height: var(--font-line-height-low) !important; } .page-item .parentitem > a { flex: 1 1 0%; padding: var(--spacing-scale-2x) var(--spacing-scale-4x) var(--spacing-scale-2x) var(--spacing-scale-baseh); background-color: var(--menu-background-submenu); cursor: pointer; font-weight: 600; } .page-item .parentitem > a:hover { text-decoration: none; } .page-item .arrow { width: var(--button-medium); height: var(--button-medium); justify-content: center; border-radius: 8px; margin-right: var(--spacing-scale-half); color: var(--interactive); } .page-item .arrow, .page-item .back button { display: flex; align-items: center; cursor: pointer; } .page-item .back button { width: 100%; padding: var(--spacing-scale-baseh) 0; border: 0px; border-radius: 0px; background-color: var(--gray-10); box-shadow: none; text-align: left; font-size: var(--font-size-scale-base) !important; line-height: var(--font-line-height-low) !important; } .page-item .back button:hover { background-color: var(--gray-20); } .page-item .back button:focus-visible { outline-color: var(--focus); outline-style: var(--focus-style); outline-width: var(--focus-width); } .page-item .arrow-back { width: var(--spacing-scale-4x); min-width: var(--spacing-scale-4x); text-align: center; } .Group-module__\[local\]___jt4mP, .Group-module__\[local\]___Pi95- { display: flex; flex-direction: column; transition: flex-grow 0.3s ease-in-out 0s; } .Group-module__\[local\]___jt4mP { flex-grow: 1; border-bottom: 1px solid rgb(204, 204, 204); } .Group-module__\[local\]___quIkp { position: relative; left: 0px; overflow: hidden; width: calc(100vw - 32px); height: 100%; } @media screen and (min-width: 392px) { .Group-module__\[local\]___quIkp { width: 360px; }} .Group-module__\[local\]___5hFU4 { position: relative; left: 0px; overflow: hidden; width: calc(100vw - 32px); height: 100%; } @media screen and (min-width: 392px) { .Group-module__\[local\]___5hFU4 { width: 360px; }} .Header-module__\[local\]___lOnzS { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: var(--spacing-scale-baseh) var(--spacing-scale-4x); background-color: var(--pure-0); box-shadow: rgb(0, 0, 0) 0px 3px 6px 0px; } .Header-module__\[local\]___5Kz6z { font-weight: 600; } .SiteNavigation-module__\[local\]___jhC82 { z-index: 7; top: 0px; left: 0px; box-shadow: var(--skiplink-shadow); opacity: 0; pointer-events: none; transition: opacity 0.15s ease 0s; position: absolute !important; } .SiteNavigation-module__\[local\]___jhC82:focus-visible { opacity: 1; pointer-events: auto; } .SiteNavigation-module__\[local\]___2Nw0K { position: fixed; z-index: 9001; top: 0px; bottom: 0px; display: flex; width: calc(100vw - 32px); flex-direction: column; background-color: var(--gray-2); transition: left 0.3s ease-out 0s; left: calc(-100vw - -32px); } @media screen and (min-width: 392px) { .SiteNavigation-module__\[local\]___2Nw0K { width: 360px; max-width: 360px; left: -360px; }} .SiteNavigation-module__\[local\]___NBil7 { position: fixed; z-index: 9001; top: 0px; bottom: 0px; display: flex; width: calc(100vw - 32px); flex-direction: column; background-color: var(--gray-2); transition: left 0.3s ease-out 0s; left: 0px; } @media screen and (min-width: 392px) { .SiteNavigation-module__\[local\]___NBil7 { width: 360px; max-width: 360px; }} .SiteNavigation-module__\[local\]___Y9PqR { display: flex; overflow: hidden; min-height: 250px; flex: 1 1 auto; flex-direction: column; } .has-sidebar-collapsed div[vw], .has-sidebar div[vw] { display: none !important; } .UserHistory-module__\[local\]___Bzo8P { display: none; max-height: 0px; padding-bottom: var(--spacing-scale-8x); margin-top: var(--spacing-scale-4x); background-color: var(--gray-2); } .UserHistory-module__\[local\]___Bzo8P.UserHistory-module__\[local\]___XPiW- { display: block; max-height: 100%; transition: all 0.5s ease-out 0s; } @media screen and (max-width: 575px) { .UserHistory-module__\[local\]___Bzo8P { padding-bottom: var(--spacing-scale-2x); }} .UserHistory-module__\[local\]___EIDdR { display: block; margin-top: var(--spacing-scale-4x); } .UserHistory-module__\[local\]___EIDdR ol { display: flex; padding-top: ; padding-right: ; padding-bottom: ; padding-left: var(--spacing-scale-3x); margin: 0px; list-style: none; } @media screen and (max-width: 575px) { .UserHistory-module__\[local\]___EIDdR ol { flex-direction: column; }} .UserHistory-module__\[local\]___EIDdR ol li { width: 25%; margin-right: var(--spacing-scale-3x); } .UserHistory-module__\[local\]___EIDdR ol li .UserHistory-module__\[local\]___ruC-j, .UserHistory-module__\[local\]___EIDdR ol li .UserHistory-module__\[local\]___S6FzV { display: block; min-height: var(--spacing-scale-4x); margin-bottom: var(--spacing-scale-2x); text-transform: uppercase; } @media screen and (max-width: 575px) { .UserHistory-module__\[local\]___EIDdR ol li .UserHistory-module__\[local\]___ruC-j, .UserHistory-module__\[local\]___EIDdR ol li .UserHistory-module__\[local\]___S6FzV { margin-bottom: var(--spacing-scale-base); }} @media screen and (max-width: 575px) { .UserHistory-module__\[local\]___EIDdR ol li .UserHistory-module__\[local\]___ruC-j { min-height: auto; height: 0px; margin-bottom: 0px; }} @media screen and (max-width: 575px) { .UserHistory-module__\[local\]___EIDdR ol li { display: block; border-right: none; margin-right: 0px; padding-right: 0px; width: 100%; } .UserHistory-module__\[local\]___EIDdR ol li:last-of-type { border-bottom: none; }} .UserHistory-module__\[local\]___EIDdR ol li .UserHistory-module__\[local\]___S6FzV { color: var(--gray-80); font-size: var(--font-size-scale-base); font-weight: var(--font-weight-semi-bold); } .UserHistory-module__\[local\]___EIDdR ol li .UserHistory-module__\[local\]___S6FzV::before { display: inline-block; margin-right: var(--spacing-scale-base); color: var(--blue-warm-vivid-80); content: "&#61914;"; font-family: "Font Awesome 5 Free"; font-size: var(--font-size-scale-base); font-weight: var(--font-weight-bold); } .UserHistory-module__\[local\]___EIDdR ol li a { display: block; width: 100%; height: 75%; padding-right: var(--spacing-scale-2x); border-right: 1px solid var(--gray-20); color: var(--blue-warm-vivid-80); font-size: var(--font-size-scale-base); font-weight: var(--font-weight-medium); } @media screen and (max-width: 575px) { .UserHistory-module__\[local\]___EIDdR ol li a { border-right: none; margin-left: var(--spacing-scale-3x); border-bottom: 1px solid var(--gray-20); margin-bottom: var(--spacing-scale-2x); padding-bottom: var(--spacing-scale-2x); margin-right: 0px; padding-right: 0px; width: auto; }} .UserHistory-module__\[local\]___EIDdR ol li a:hover { text-decoration: none; } .UserHistory-module__\[local\]___EIDdR ol li:last-of-type a { padding-right: 0px; border-right: 0px; border-bottom: 0px; margin-right: 0px; } @media screen and (max-width: 575px) { .UserHistory-module__\[local\]___EIDdR ol li:last-of-type a { padding-right: var(--spacing-scale-3x); }} .a11y-error, .a11y-error-container { --a11y-highlight-color:var(--red-vivid-50); border-radius: 4px; animation-delay: 0.32s; animation-duration: 0.42s; animation-fill-mode: backwards; animation-iteration-count: 4; animation-name: blink; outline-color: ; outline-width: ; outline-offset: -3px; outline-style: double; } .a11y-error-container { --a11y-highlight-color:var(--blue-cool-50,#3b82f6); } @keyframes blink { 0% { outline-color: transparent; } 50% { outline-color: var(--a11y-highlight-color,var(--red-vivid-50)); } 100% { outline-color: transparent; }} @keyframes a11y-loading-sweep { 0% { opacity: 0.35; transform: translateX(0px); } 50% { opacity: 1; transform: translateX(160%); } 100% { opacity: 0.35; transform: translateX(320%); }} .a11y-loading { width: 100%; margin-top: var(--spacing-scale-base); } .a11y-message, .toggle-message { padding: 1em; } .a11y-message .a11y-panel, .toggle-message .a11y-panel { display: flex; overflow: hidden; align-items: center; padding: var(--spacing-scale-base); border: none; border-radius: 8px; background-color: var(--pure-0); color: var(--gray-90); gap: var(--spacing-scale-base); } .a11y-message .a11y-panel + .a11y-panel, .toggle-message .a11y-panel + .a11y-panel { margin-top: var(--spacing-scale-base); } .a11y-message .a11y-panel--info, .toggle-message .a11y-panel--info { background-color: var(--info-alternative); } .a11y-message .a11y-panel--danger, .toggle-message .a11y-panel--danger { padding: 0px; border: 1px solid var(--red-vivid-10); border-radius: 8px; background-color: var(--pure-0); } .a11y-message .a11y-panel--loading, .toggle-message .a11y-panel--loading { border: none; border-radius: 8px; background: var(--blue-cool-5,#f2f8ff); box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px inset; } .a11y-message .a11y-panel--loading .a11y-panel__icon, .toggle-message .a11y-panel--loading .a11y-panel__icon { color: var(--blue-cool-60,#2563eb); } .a11y-message .a11y-panel--loading .a11y-panel__content, .toggle-message .a11y-panel--loading .a11y-panel__content { gap: var(--spacing-scale-quarter,0.25rem); } .a11y-message .a11y-panel--info .a11y-panel__icon, .toggle-message .a11y-panel--info .a11y-panel__icon { color: var(--info); } .a11y-message .a11y-panel--danger .a11y-panel__icon, .toggle-message .a11y-panel--danger .a11y-panel__icon { color: var(--danger); } .a11y-message .a11y-panel a:not(.br-button), .toggle-message .a11y-panel a:not(.br-button) { color: var(--interactive); text-decoration: underline; } .a11y-message .a11y-panel a.br-button, .toggle-message .a11y-panel a.br-button { color: var(--pure-0); text-decoration: none; } .a11y-message .a11y-panel__icon, .toggle-message .a11y-panel__icon { display: flex; flex: 0 0 auto; align-items: flex-start; font-size: 1.75rem; line-height: 1; } .a11y-message .a11y-panel__content, .toggle-message .a11y-panel__content { display: flex; min-width: 0px; flex: 1 1 auto; flex-direction: column; gap: var(--spacing-scale-base); } .a11y-message .a11y-results-card .a11y-panel__content, .toggle-message .a11y-results-card .a11y-panel__content { padding: 0px; gap: 0px; } .a11y-message .a11y-panel__content--horizontal, .toggle-message .a11y-panel__content--horizontal { flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--spacing-scale-base); } .a11y-message .a11y-panel__text, .toggle-message .a11y-panel__text { display: flex; min-width: 0px; flex: 1 1 auto; flex-direction: column; gap: var(--spacing-scale-half); } .a11y-message .a11y-panel__actions, .toggle-message .a11y-panel__actions { display: flex; flex: 0 0 auto; align-items: center; } .a11y-message .a11y-panel__content--horizontal .a11y-panel__actions, .toggle-message .a11y-panel__content--horizontal .a11y-panel__actions { padding-left: var(--spacing-scale-base); margin-left: auto; } .a11y-message .a11y-panel__actions .br-button, .toggle-message .a11y-panel__actions .br-button { white-space: nowrap; } .a11y-message .a11y-panel__title, .toggle-message .a11y-panel__title { margin: 0px; font-size: 1.125rem; font-weight: 600; } .a11y-message .a11y-panel__body, .toggle-message .a11y-panel__body { font-size: 0.95rem; line-height: 1.6; } .a11y-message .a11y-loading-title, .toggle-message .a11y-loading-title { margin: 0px; color: var(--gray-90); font-size: 1.05rem; font-weight: 600; } .a11y-message .a11y-loading-message, .toggle-message .a11y-loading-message { margin: 0px; color: var(--gray-70); font-size: 0.95rem; line-height: 1.5; } .a11y-message .a11y-loading-progress, .toggle-message .a11y-loading-progress { position: relative; overflow: hidden; width: 100%; height: 0.4rem; border-radius: 999px; margin-top: var(--spacing-scale-half,0.5rem); background: rgba(37, 99, 235, 0.16); } .a11y-message .a11y-loading-progress__bar, .toggle-message .a11y-loading-progress__bar { position: absolute; top: 0px; left: -40%; width: 40%; height: 100%; border-radius: inherit; animation: 1.4s ease-in-out 0s infinite normal none running a11y-loading-sweep; background: linear-gradient(90deg, rgba(37, 99, 235, 0.25), rgba(37, 99, 235, 0.9) 50%, rgba(37, 99, 235, 0.25)); box-shadow: rgba(59, 130, 246, 0.35) 0px 0px 14px; } .a11y-message .a11y-panel__body > :first-child, .toggle-message .a11y-panel__body > :first-child { margin-top: 0px; } .a11y-message .a11y-panel__body > :last-child, .toggle-message .a11y-panel__body > :last-child { margin-bottom: 0px; } .a11y-message .a11y-panel__body ol, .toggle-message .a11y-panel__body ol { padding-left: var(--spacing-scale-4xh); margin: var(--spacing-scale-base) 0 0; } .a11y-message .amaweb-note, .toggle-message .amaweb-note { margin-bottom: var(--spacing-scale-base); color: var(--gray-70); font-size: 0.875rem; } .a11y-message .impact-critical, .toggle-message .impact-critical { --a11y-severity-main:var(--red-vivid-60,#b11226); --a11y-severity-text:#fff; --a11y-severity-soft:var(--red-vivid-10,#fde7eb); --a11y-severity-outline:rgba(177,18,38,0.24); --a11y-severity-contrast:hsla(0,0%,100%,0.28); } .a11y-message .impact-serious, .toggle-message .impact-serious { --a11y-severity-main:var(--red-40,#e1605d); --a11y-severity-text:#fff; --a11y-severity-soft:var(--red-10,#fbeaea); --a11y-severity-outline:rgba(225,96,93,0.24); --a11y-severity-contrast:hsla(0,0%,100%,0.28); } .a11y-message .impact-moderate, .toggle-message .impact-moderate { --a11y-severity-main:var(--gold-50,#d97706); --a11y-severity-text:#fff; --a11y-severity-soft:var(--gold-10,#fff7e6); --a11y-severity-outline:rgba(217,119,6,0.26); --a11y-severity-contrast:hsla(0,0%,100%,0.3); } .a11y-message .impact-minor, .toggle-message .impact-minor { --a11y-severity-main:var(--blue-cool-50,#3b82f6); --a11y-severity-text:#fff; --a11y-severity-soft:var(--blue-cool-10,#e6f0ff); --a11y-severity-outline:rgba(59,130,246,0.28); --a11y-severity-contrast:hsla(0,0%,100%,0.32); } .a11y-message .impact-unknown, .toggle-message .impact-unknown { --a11y-severity-main:var(--gray-30,#d4d4d4); --a11y-severity-text:var(--gray-80,#424242); --a11y-severity-soft:var(--gray-10,#f2f2f2); --a11y-severity-outline:rgba(66,66,66,0.16); --a11y-severity-contrast:rgba(0,0,0,0.08); } @media screen and (max-width: 767px) { .a11y-message .a11y-panel, .toggle-message .a11y-panel { flex-direction: column; align-items: stretch; } .a11y-message .a11y-panel__icon, .toggle-message .a11y-panel__icon { font-size: 1.5rem; } .a11y-message .a11y-panel__content--horizontal, .toggle-message .a11y-panel__content--horizontal { flex-direction: column; align-items: stretch; gap: var(--spacing-scale-half); } .a11y-message .a11y-panel__content--horizontal .a11y-panel__actions, .toggle-message .a11y-panel__content--horizontal .a11y-panel__actions { width: 100%; justify-content: flex-start; margin-left: 0px; padding-left: 0px; }} .a11y-message .br-item, .a11y-message .br-list, .toggle-message .br-item, .toggle-message .br-list { background-color: transparent; } .a11y-message .br-item.error-item, .toggle-message .br-item.error-item { border-radius: 8px; margin: 0px; line-height: 1.45; transition: background-color 0.12s ease 0s, box-shadow 0.12s ease 0s; padding: var(--spacing-scale-half) var(--spacing-scale-base) !important; } .a11y-message .br-item.error-item .a11y-error-trigger, .toggle-message .br-item.error-item .a11y-error-trigger { display: inline-flex; width: 100%; align-items: flex-start; padding: 0px; border: 0px; background: none; color: inherit; cursor: pointer; gap: var(--spacing-scale-half); text-align: inherit; } .a11y-message .br-item.error-item .a11y-error-trigger:focus-visible, .toggle-message .br-item.error-item .a11y-error-trigger:focus-visible { outline: 2px solid var(--blue-warm-vivid-30); outline-offset: 2px; } .a11y-message .br-item.error-item:last-child, .toggle-message .br-item.error-item:last-child { margin-bottom: 0px; } .a11y-message .br-item.error-item:hover, .toggle-message .br-item.error-item:hover { background-color: var(--gray-5,#f2f2f2); } .a11y-message .br-item.error-item [class*="col-"], .toggle-message .br-item.error-item [class*="col-"] { padding: 0px; } .a11y-message .br-item.error-item [class*="fa-"], .toggle-message .br-item.error-item [class*="fa-"] { width: 20px !important; } .a11y-message .br-item.error-item.is-active, .toggle-message .br-item.error-item.is-active { background-color: var(--a11y-severity-soft,var(--gray-10)); box-shadow: inset 0 0 0 2px var(--a11y-severity-main,var(--blue-warm-vivid-30)); } .a11y-message .br-item .content, .toggle-message .br-item .content { padding: 0px; } .a11y-message .br-item .content i, .toggle-message .br-item .content i { margin-right: var(--spacing-scale-base); } .a11y-results-card { position: relative; overflow: hidden; padding: 0px; border-radius: 8px; margin-top: var(--spacing-scale-2x); background: var(--pure-0); } .a11y-floating-spacer { width: 100%; height: 0px; } .a11y-floating-bar { position: fixed; z-index: 11; top: 172px; right: 0px; left: 0px; padding-top: 8px; padding-right: 32px; padding-left: 112px; padding-bottom: calc(var(--spacing-scale-base) + env(safe-area-inset-bottom, 0px)); background: var(--red-vivid-10); box-shadow: rgba(0, 0, 0, 0.45) 0px -12px 32px -20px; } .header-sticky .a11y-floating-bar { top: 60px; } .a11y-floating-bar-inner { width: 100%; margin: 0px auto; } .a11y-floating-bar .a11y-current-error { margin-top: 0px; } .a11y-current-error { display: flex; flex-direction: column; padding: var(--spacing-scale-half) var(--spacing-scale-base); border-radius: 6px; margin-top: var(--spacing-scale-half); gap: var(--spacing-scale-half); } .a11y-current-error-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-scale-half); } .a11y-current-error-overview { display: inline-flex; min-width: 0px; flex: 1 1 auto; align-items: center; gap: var(--spacing-scale-half); } .a11y-current-error-title { overflow: hidden; max-width: 36ch; color: var(--gray-90); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; } .a11y-current-error-actions { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; margin-left: auto; gap: var(--spacing-scale-half); } .a11y-current-error-hint { display: flex; align-items: flex-start; padding: var(--spacing-scale-half,0.5rem) var(--spacing-scale-base); border: 1px solid var(--a11y-severity-outline,var(--gray-20)); border-radius: 6px; background: var(--a11y-severity-soft,var(--gray-10)); color: var(--gray-80); font-size: 0.85rem; gap: var(--spacing-scale-half,0.5rem); line-height: 1.45; } .a11y-current-error-hint__body { display: flex; flex-direction: column; gap: var(--spacing-scale-eighth,0.125rem); } .a11y-current-error-hint__text { flex: 1 1 auto; font-weight: 600; } .a11y-current-error-hint__instruction { margin: 0px; color: inherit; font-size: 0.8rem; } .a11y-current-error-hint .fa-solid { margin-top: 0.3rem; color: var(--a11y-severity-main,var(--gray-70)); } .a11y-current-error-hint.is-fallback { border-color: var(--blue-cool-50,#3b82f6); background: var(--blue-cool-10,#e6f0ff); color: var(--blue-cool-80,#0f3358); } .a11y-current-error-hint.is-fallback .fa-solid { color: var(--blue-cool-50,#3b82f6); } .a11y-current-error-hint.is-fallback .br-button { margin-left: auto; } .a11y-current-error-index { color: var(--gray-70); font-size: 0.85em; font-weight: 600; } .a11y-current-error-message { color: var(--gray-80); line-height: 1.45; } .a11y-results-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--spacing-scale-half) var(--spacing-scale-half) var(--spacing-scale-half) var(--spacing-scale-2x); background: var(--red-vivid-10); gap: var(--spacing-scale-base); } .a11y-results-content { border-radius: 0px 0px 6px 6px; border-top: 1px solid var(--danger-alternative); background: var(--pure-0); } .a11y-results-title { display: flex; min-width: 0px; flex: 1 1 auto; flex-wrap: wrap; align-items: center; color: var(--gray-90); font-size: 1rem; gap: var(--spacing-scale-half); line-height: 1.4; } .a11y-results-intro { font-size: inherit; } .a11y-results-total { font-weight: 600; } .a11y-header-controls { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; margin-left: auto; gap: var(--spacing-scale-base); } .a11y-toggle-button { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid var(--gray-30,#d0d0d0); border-radius: var(--surface-rounder-sm,12px); background: var(--pure-0); color: var(--gray-80); transition: background-color 0.12s ease 0s, color 0.12s ease 0s, border-color 0.12s ease 0s; } .a11y-toggle-button:focus, .a11y-toggle-button:hover { border-color: var(--gray-40,#bfbfbf); background: var(--gray-10,#f2f2f2); } .a11y-toggle-button:focus-visible { outline: 2px solid var(--blue-warm-vivid-30,#0d6efd); outline-offset: 2px; } .a11y-toggle-icon { font-size: 1rem; } .a11y-groups { display: flex; flex-direction: column; background: var(--pure-0); } .a11y-group-wrapper { overflow: hidden; padding: 0px; border-bottom: 1px solid var(--gray-20,#d9d9d9); background: var(--pure-0); } .a11y-group-separator { display: none; } .a11y-nav-group { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-scale-half); } .a11y-floating-bar .a11y-nav-group { justify-content: center; } @media (max-width: 768px) { .a11y-floating-bar { padding-top: ; padding-right: ; padding-left: ; padding-bottom: calc(var(--spacing-scale-base) + env(safe-area-inset-bottom, 0px)); } .a11y-results-header { padding: var(--spacing-scale-half) var(--spacing-scale-half) var(--spacing-scale-half) var(--spacing-scale-2x); } .a11y-groups { padding: var(--spacing-scale-base) var(--spacing-scale-base) var(--spacing-scale-2x); } .a11y-floating-bar-inner { width: 100%; } .a11y-current-error-meta { gap: var(--spacing-scale-base); } .a11y-current-error-actions, .a11y-floating-bar .a11y-nav-group { width: 100%; justify-content: space-between; }} .a11y-nav-group .br-button.small { min-height: 28px; padding: 0 var(--spacing-scale-base); } .a11y-nav-group .br-button[aria-pressed="true"] { border-color: var(--gray-30); background: var(--gray-20); color: var(--gray-90); } .a11y-summary-badges { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; } .a11y-severity-tag { display: inline-flex; } .a11y-header-divider { display: none; } .a11y-nav-index { min-width: 48px; font-weight: 600; text-align: center; } .a11y-group-description { padding: var(--spacing-scale-base); border: 1px solid var(--a11y-severity-outline,var(--gray-20)); border-radius: 12px; margin: 0 0 var(--spacing-scale-2x); background: var(--a11y-severity-soft,var(--gray-10)); color: var(--gray-80); font-size: 0.9rem; line-height: 1.45; } .a11y-group-description__body, .a11y-group-description__lead { margin: 0px; color: inherit; } .a11y-group-description__lead { font-size: 14px; font-weight: 600; } .a11y-group-description__body { margin-top: var(--spacing-scale-quarter,0.25rem); } .a11y-group-help { display: flex; flex-direction: column; padding: var(--spacing-scale-base); border: 1px solid var(--a11y-severity-outline,var(--gray-20)); border-radius: 12px; margin: var(--spacing-scale-half) 0 var(--spacing-scale-base); background: var(--a11y-severity-soft,var(--gray-10)); color: var(--gray-80); font-size: 0.9rem; gap: var(--spacing-scale-quarter,0.25rem); line-height: 1.5; } .a11y-group-help__label { color: var(--gray-60); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; } .a11y-group-help__body, .a11y-group-help__lead { margin: 0px; color: inherit; } .a11y-group-help__lead { font-weight: 500; } .a11y-group-help__body { margin-top: var(--spacing-scale-quarter,0.25rem); } .a11y-group-shared { padding: var(--spacing-scale-base); border: 1px solid var(--a11y-severity-outline,var(--gray-20)); border-radius: 12px; margin-bottom: var(--spacing-scale-base); background: var(--a11y-severity-soft,var(--gray-10)); color: var(--gray-80); font-size: 0.9rem; line-height: 1.5; } .a11y-group-shared__list { padding-left: var(--spacing-scale-base); margin: var(--spacing-scale-quarter,0.25rem) 0 0; } .a11y-group-shared__list li { margin-bottom: var(--spacing-scale-eighth,0.125rem); } .a11y-collapse { margin-bottom: 0px; } .a11y-collapse > .br-list > .br-item { padding: var(--spacing-scale-base) var(--spacing-scale-2x); transition: background-color 0.12s ease 0s, border-color 0.12s ease 0s; } .a11y-collapse > .br-list > .br-item:focus, .a11y-collapse > .br-list > .br-item:hover { border-color: var(--a11y-severity-outline,var(--gray-30)); background: var(--a11y-severity-soft,var(--gray-10)); } .a11y-collapse .content { display: flex; width: 100%; } .a11y-collapse .content .flex-fill { display: flex; width: 100%; align-items: center; gap: var(--spacing-scale-half); } .a11y-collapse .collapse-title { display: flex; min-width: 0px; flex: 1 1 auto; align-items: center; } .a11y-collapse .collapse-toggle-icon { margin-left: auto; color: var(--gray-60); transition: transform 0.16s ease 0s; } .a11y-collapse .br-item[aria-expanded="true"] .collapse-toggle-icon { transform: rotate(-180deg); } .a11y-collapse .collapse-content { padding: var(--spacing-scale-2x) var(--spacing-scale-2x) var(--spacing-scale-2x); background: var(--pure-0); } .compact-line { overflow: hidden; max-width: 52ch; text-overflow: ellipsis; white-space: nowrap; } .error-item { padding: 0.15em 0px !important; line-height: 1.3 !important; } .a11y-error-snippet { display: block; color: var(--gray-90); font-weight: 600; line-height: 1.45; white-space: normal; } .a11y-error-thumb { display: inline-flex; overflow: hidden; width: 3.75rem; height: 3.75rem; flex: 0 0 3.75rem; align-items: center; justify-content: center; border-radius: 6px; background: var(--gray-20); } .a11y-error-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } .error-item .a11y-error-trigger { display: inline-flex; width: 100%; align-items: flex-start; padding: 0px; gap: var(--spacing-scale-half); text-align: left; } .error-item .a11y-error-content { display: flex; align-items: stretch; gap: var(--spacing-scale-half,0.5rem); } .error-item .a11y-error-text { display: flex; min-width: 0px; flex: 1 1 auto; flex-direction: column; gap: var(--spacing-scale-quarter,0.25rem); } .a11y-error-bullet { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; margin-top: 0.55em; background: var(--a11y-severity-main,var(--gray-40)); } .error-item .a11y-error-snippet { display: block; min-width: 0px; flex: 1 1 auto; } .error-item .a11y-error-snippet__text { font-weight: 600; } .error-item .a11y-error-summary { display: inline-flex; flex-direction: column; color: var(--gray-70); font-size: 0.85rem; gap: var(--spacing-scale-eighth,0.125rem); line-height: 1.4; text-align: left; } .error-item .a11y-error-summary__intro { font-weight: 500; } .error-item .a11y-error-summary__detail { display: block; } .a11y-quoted { position: relative; } .a11y-quoted::after, .a11y-quoted::before { color: inherit; content: "\""; font-weight: inherit; } .a11y-quoted::before { margin-right: 0.15em; } .a11y-quoted::after { margin-left: 0.15em; } .a11y-badge { display: inline-flex; align-items: center; padding: 0.4rem 0.9rem; border-radius: 6px; background: var(--a11y-severity-main,var(--gray-20)); color: var(--a11y-severity-text,var(--gray-80)); font-size: 0.75rem; font-weight: 700; gap: var(--spacing-scale-eighth,0.125rem); letter-spacing: 0.04em; line-height: 1.4; text-transform: uppercase; } .a11y-badge.mini { padding: 0px 0.55em; font-size: 0.65rem; line-height: 1.3; } .a11y-badge.has-count { position: relative; padding-right: 2.5rem; } .a11y-badge__label { gap: var(--spacing-scale-eighth,0.125rem); white-space: nowrap; } .a11y-badge__count, .a11y-badge__label { display: inline-flex; align-items: center; } .a11y-badge__count { position: absolute; top: 0px; right: 0px; bottom: 0px; min-width: 2.1rem; justify-content: center; padding: 0px 0.45rem; border-left: 1px solid rgba(255, 255, 255, 0.28); background: var(--a11y-severity-contrast,rgba(0,0,0,0.12)); color: inherit; font-size: 0.85rem; font-weight: 600; line-height: 1; } .a11y-collapse-title { display: inline-flex; width: 100%; align-items: center; gap: var(--spacing-scale-base); } .a11y-group-title-text { display: inline-flex; min-width: 0px; flex: 1 1 auto; align-items: center; color: var(--gray-90); font-weight: 600; } .a11y-count-badge { display: inline-flex; min-width: 2rem; height: 2rem; align-items: center; justify-content: center; border-radius: 999px; margin-left: auto; background: var(--a11y-severity-main,var(--gray-30)); color: var(--a11y-severity-text,var(--gray-80)); font-size: 0.95rem; font-weight: 700; letter-spacing: 0.02em; } .a11y-group-overview { display: flex; flex-direction: column; padding: var(--spacing-scale-half) var(--spacing-scale-base); color: var(--gray-80); gap: var(--spacing-scale-quarter,0.25rem); line-height: 1.45; } .a11y-group-overview-title { color: var(--gray-90); font-weight: 600; } .a11y-group-overview-description { margin-top: var(--spacing-scale-quarter,0.25rem); } .Switch-module__\[local\]___TZTyE { display: flex; align-items: center; justify-content: space-between; } .Switch-module__\[local\]___TZTyE input[readonly] + label::after { content: "&#61475;" !important; } .Switch-module__\[local\]___Hh5LX { color: var(--gray-80) !important; font-weight: 400 !important; } .Category-module__\[local\]___DC-9A { margin: var(--spacing-scale-3x) 0; } .Group-module__\[local\]___DzLWd div:first-child { width: 100%; } .ManageCookies-module__\[local\]___smViY { overflow-y: hidden; } .ManageCookies-module__\[local\]___Xp3PP { position: fixed; z-index: 999; top: 0px; left: 0px; display: flex; width: 100vw; height: 100vh; align-items: center; justify-content: center; background: var(--surface-overlay-scrim); } .ManageCookies-module__\[local\]___xN\+\+T { --color:var(--color-light); --color-rgb:var(--color-light-rgb); --text-color:var(--color); --interactive:var(--interactive-light); --interactive-rgb:var(--interactive-light-rgb); --visited:var(--visited-light); --hover:var(--hover-light); --pressed:var(--pressed-light); --focus-color:var(--focus-color-light); --focus:var(--focus-color-light); position: fixed; z-index: 1000; top: 40%; left: 50%; display: flex; width: 320px; height: 470px; flex-direction: column; border-radius: 12px; margin-top: -213.636px; margin-left: -160px; background-color: var(--pure-0); color: var(--color); font-size: var(--font-size-scale-down-01); text-align: left; } @media screen and (max-width: 575px) { .ManageCookies-module__\[local\]___xN\+\+T { top: 300px; }} .ManageCookies-module__\[local\]___xN\+\+T p { color: var(--gray-80); font-size: var(--font-size-scale-down-01); } .ManageCookies-module__\[local\]___xN\+\+T label { font-size: var(--font-size-scale-down-01) !important; } .ManageCookies-module__\[local\]___xN\+\+T .ManageCookies-module__\[local\]___qez2z { position: absolute; z-index: 101; top: 0px; right: 0px; margin: var(--spacing-scale-base); } @media screen and (min-width: 768px) { .ManageCookies-module__\[local\]___xN\+\+T { width: 400px; height: 470px; margin-top: -235px; margin-left: -200px; }} .ManageCookies-module__\[local\]___KnYWE { padding: 20px 20px 0px; } .ManageCookies-module__\[local\]___E7ov\+ { padding: 0px 20px; overflow: auto scroll; } .ManageCookies-module__\[local\]___RkIjb { margin: var(--spacing-scale-base) 20px 0; } .ManageCookies-module__\[local\]___yKrWc { display: flex; align-items: center; justify-content: space-between; padding: var(--spacing-scale-2x) 0; margin: 0px 20px; } .ManageCookies-module__\[local\]___yKrWc .br-button { margin: 0px; font-size: var(--text-base); } .BlockMessage-module__\[local\]___Jw9tj { padding: var(--spacing-scale-3x) var(--spacing-scale-2x) var(--spacing-scale-2x); } .accordion-block .ui.styled.accordion { width: auto; } .block-editor-accordion .block:last-child { margin-bottom: 1em; } .block-editor-accordion [data-rbd-draggable-context-id] { margin-bottom: 1rem; } .block-editor-accordion [class^="block-editor-"] { margin-bottom: 2rem; } .block-editor-accordion .block-add-button { display: none !important; } .block-editor-accordion .block.accordion.selected::before, .block-editor-accordion .block.accordion:hover::before { border-style: dashed; } .block-editor-accordion .add-block-button svg.circled { padding: 0px; border: 1px solid; } .block-editor-accordion fieldset { border: none; } .block-editor-accordion fieldset legend { position: absolute; z-index: 3; top: -1.3em; left: 0px; width: fit-content; padding: 0px 1rem; margin-right: auto; margin-left: auto; background-color: var(--pure-0); color: rgba(120, 192, 215, 0.75); cursor: pointer; text-align: center; } .block-editor-accordion .accordion-block { padding-top: 1rem; padding-bottom: 0.1rem; margin: 0px; } .block-editor-accordion .accordion-block .ui.accordion .title:not(.ui) { position: relative; } .block-editor-accordion .power-user-menu .ui.menu .accordion { padding: 0.928571em 1.14286em; margin: 0px; } .block-editor-accordion .power-user-menu .ui.menu .title { background: none; } .block-editor-accordion .blocks-form { margin-top: 0.5rem; } .block-editor-accordion .blocks-form .block-editor-columnsBlock .columns-block .ui.segment { border: 1px solid rgb(230, 231, 232); } .block-editor-accordion .blocks-form .block-editor-columnsBlock .columns-block .ui.segment .ui.seven.cards { margin-top: 0.5em; } .block-editor-accordion .blocks-chooser { right: 0px; left: auto; margin-top: 3rem; } .block-editor-accordion .block-toolbar { position: absolute; z-index: 3; right: -9px; display: flex; border-top: 1px solid rgba(120, 192, 215, 0.75); border-right: 1px solid rgba(120, 192, 215, 0.75); border-left: 1px solid rgba(120, 192, 215, 0.75); border-image: initial; border-bottom: 1px solid var(--pure-0); margin-top: -45px; background-color: var(--pure-0); border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .block-editor-accordion .block-toolbar .ui.basic.button { padding: 8px 5px; } .block-editor-accordion .block-toolbar .ui.basic.button:hover { background: transparent !important; } .block-editor-accordion .block .block:not(.inner)::before { z-index: auto; } .accordion-block .ui.accordion { clear: both; margin-top: 0px !important; } .accordion-block .accordion-title { text-transform: none !important; } .accordion-block .accordion-title i.icon { order: unset !important; } .accordion-block h1, .accordion-block h2, .accordion-block h3, .accordion-block h4, .accordion-block h5, .accordion-block h6 { margin: 0px !important; } .accordion-block h1 * { font-size: 2rem; } .accordion-block h2 * { font-size: 1.71429rem; } .accordion-block h3 * { font-size: 1.28571rem; } .accordion-block h4 * { font-size: 1.07143rem; } .accordion-block h5 *, .accordion-block h6 * { font-size: 1rem; } .accordion-block .align-arrow-left { display: flex; flex-direction: row; align-items: center; } .accordion-block .align-arrow-right { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; } .accordion-block .input-accordion-title { width: 100%; } .multiSelected .block::before { z-index: 1; background-color: rgba(120, 192, 215, 0.376); } @media print { div.rah-static.rah-static--height-zero { overflow: visible; height: auto !important; } div.rah-static.rah-static--height-zero > div { display: block !important; opacity: 1 !important; }} .accordion-chooser { z-index: 100; } .accordion-chooser .blocks-chooser { position: static; } .Header-module__\[local\]___qZEiD { z-index: var(--z-index-layer-3); top: 0px; left: 0px; width: 100%; transition: width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s, left 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s, box-shadow 0.5s ease 0s; position: fixed !important; box-shadow: var(--surface-shadow-lg) !important; --header-padding:var(--header-padding-small) !important; } .Header-module__\[local\]___qZEiD #barraGovBr { display: none !important; } .Header-module__\[local\]___qZEiD .header-bottom { margin-top: 0px !important; margin-bottom: var(--spacing-scale-half) !important; } body.header-sticky #main { padding-top: 140px; } body.header-sticky .sidebar-container.full-size { z-index: var(--z-index-layer-3); } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .Header-module__\[local\]___qZEiD { left: 80px; width: calc(100% - 80px); } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .Header-module__\[local\]___qZEiD { left: 20px; width: calc(100% - 20px); } body.has-toolbar.has-sidebar:not(.has-sidebar-collapsed) .Header-module__\[local\]___qZEiD { left: 80px; width: calc(100% - 455px); } body.has-toolbar.has-sidebar-collapsed:not(.has-sidebar) .Header-module__\[local\]___qZEiD { left: 80px; width: calc(100% - 100px); } body.has-toolbar-collapsed.has-sidebar:not(.has-sidebar-collapsed) .Header-module__\[local\]___qZEiD { left: 20px; width: calc(100% - 395px); } body.has-toolbar-collapsed.has-sidebar-collapsed:not(.has-sidebar) .Header-module__\[local\]___qZEiD { left: 20px; width: calc(100% - 40px); } #navigation:focus { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .Header-module__\[local\]___mAAUF { overflow: hidden; font-size: var(--header-title-size); text-overflow: ellipsis; line-height: var(--font-line-height-medium) !important; font-weight: 400 !important; } @supports (-webkit-line-clamp:1) { .Header-module__\[local\]___mAAUF { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }} @supports not (-webkit-line-clamp:1) { .Header-module__\[local\]___mAAUF { display: block; max-height: calc(var(--header-title-size)*var(--font-line-height-medium)*2 + var(--header-title-size)*0.5); }} .Header-module__\[local\]___Wv7O4 { margin: 0px !important; font-size: var(--header-title-size) !important; } .Breadcrumbs-module__\[local\]___VASSI { width: calc(var(--icon-size) + 8px) !important; font-family: var(--fa-style-family,"Font Awesome 6 Free") !important; font-weight: 700 !important; } .Footer-module__\[local\]___9dHKL { width: auto; max-width: var(--footer-logo-width); height: var(--footer-logo-height); max-height: var(--footer-logo-height); } .Footer-module__\[local\]___LA\+rQ a:hover { color: var(--interactive-dark); } .Form-module__\[local\]___rKBgx { flex: 1 1 0%; } @media screen and (min-width: 992px) { .Form-module__\[local\]___rKBgx { margin-left: var(--spacing-scale-7x); margin-top: 0px; }} .Form-module__\[local\]___rKBgx .container-fluid { padding: 0px; margin: 0px; } .Form-module__\[local\]___rKBgx .col, .Form-module__\[local\]___rKBgx [class*="col-"] { padding-bottom: var(--spacing-scale-3x); } .Form-module__\[local\]___rKBgx .col:first-of-type, .Form-module__\[local\]___rKBgx [class*="col-"]:first-of-type { padding-left: 0px; } .Form-module__\[local\]___rKBgx .col:last-of-type, .Form-module__\[local\]___rKBgx [class*="col-"]:last-of-type { padding-right: 0px; } .Form-module__\[local\]___rKBgx .br-input input, .Form-module__\[local\]___rKBgx .br-textarea textarea { border-color: var(--gray-40); margin-bottom: var(--spacing-scale-half); } .Form-module__\[local\]___rKBgx .br-input label span { padding-left: 0.5em; font-size: var(--font-size-scale-down-01); font-weight: 400; } .Info-module__\[local\]___9Wxhi { flex: 1 1 0%; padding: var(--spacing-scale-3x); background-color: var(--gray-3); } .Info-module__\[local\]___1QLiW { margin-bottom: var(--spacing-scale-5x); } .Info-module__\[local\]___dYL64 { display: block; font-size: var(--font-size-scale-down-01); text-transform: uppercase; } .Info-module__\[local\]___E06N9 { display: block; font-size: var(--font-size-scale-up-01); font-weight: 600; } @media screen and (min-width: 992px) { .ContactForm-module__\[local\]___5mCAl { display: flex; }} .loginunico { margin-top: 20px; margin-bottom: 20px; } .loginunico-sign-in { position: relative; display: flex; overflow: hidden; width: 230px; height: 40px; align-items: center; justify-content: center; border: 0px; border-radius: 100em; margin: 0.5ex; background-color: rgb(19, 81, 180); color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; text-align: center; white-space: nowrap; } .loginunico-sign-in:hover { color: rgb(255, 255, 255); text-decoration: none; } .sign-in-icon::before { display: block; padding-top: 2px; margin-right: 8px; color: rgb(255, 255, 255); content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpX5UHOyg4pChOogFURFHrUIRKoRaoVUHk0u/oElD0uLiKLgWHPxYrDq4OOvq4CoIgh8gri5Oii5S4v+SQosYD4778e7e4+4dINSKTLPaxgFNL5uJWFRMpVfFwCs60Y0+DGBUZpYxJ0lxeI6ve/j4ehfhWd7n/hw9asZigE8knmWGWSbeIJ7eLBuc94lDLC+rxOfEYyZdkPiR64rLb5xzDgs8M2QmE/PEIWIx18JKC7O8qRFPEYdVTad8IeWyynmLs1assMY9+QuDGX1lmes0hxDDIpYgQYSCCgoooowIrTopFhK0H/XwDzp+iVwKuQpg5FhACRpkxw/+B7+7tbKTE25SMAq0v9j2xzAQ2AXqVdv+Prbt+gngfwau9Ka/VANmPkmvNrXwEdC7DVxcNzVlD7jcAfqfDNmUHclPU8hmgfcz+qY00HcLdK25vTX2cfoAJKmr+A1wcAiM5Ch73ePdHa29/Xum0d8Pen5yqt1Zt4sAAAAGYktHRAAAAAAAAPlDu38AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfnCQsTGyyYCt66AAAAlklEQVQoz52RsQ3CMBBFvxkhSkEVD5GenZgEKLNFJLfQpM4QKVIQiRl4NLZkiTMYnnSN7z/JdydlAB4IwDNWALwsgA7YeGcDOksYKDOk3C5zepXpLaGKXLh9yF2tGRpgMf6/AE1pUy1wBuZYF6DNMy4FJR0l7SXdJU2xf8jeTs65RzrWyndWwCtes5bgAP5da7Uw/pAfX8om8YUxDgrgAAAAAElFTkSuQmCC"); font-size: 13px; font-weight: 900; } .accordion-title .ui.fluid.input > input { color: var(--interactive); font-size: var(--font-size-scale-up-02); font-weight: var(--font-weight-regular); } .accordion-title .ui.fluid.input > input::placeholder { font-size: var(--font-size-scale-up-01); font-style: normal; line-height: 180%; } @media screen and (max-width: 575px) { .accordion-title .ui.fluid.input > input { font-size: var(--font-size-scale-up-01) !important; }} .accordion-title.edit-module__\[local\]___pMNYl { border-bottom: 0px !important; } .accordion-title.edit-module__\[local\]___pMNYl .ui.fluid.input > input { font-weight: var(--font-weight-medium); } .accordion-title.edit-module__\[local\]___WjkUc .ui.fluid.input > input { color: var(--gray-80); font-size: var(--font-size-scale-up-03) !important; } @media screen and (max-width: 575px) { .accordion-title.edit-module__\[local\]___WjkUc .ui.fluid.input > input { font-size: var(--font-size-scale-up-02) !important; }} .accordion-block .ui.styled.accordion .content { padding-left: var(--spacing-scale-4x); border-bottom: 1px solid var(--gray-20); } .block-editor-accordion fieldset legend { font-size: var(--font-size-scale-base); font-weight: var(--font-weight-regular); top: -2.3em !important; } .block-editor-accordion .block.accordion.selected::before { border-style: solid !important; } .blocks-form .block-editor-accordion .accordion .block-add-button { display: inline-block !important; } .accordion-title { padding: var(--spacing-scale-baseh) var(--spacing-scale-2xh) !important; background-color: transparent !important; font-size: var(--font-size-scale-up-02) !important; font-weight: var(--font-weight-regular) !important; } @media screen and (max-width: 575px) { .accordion-title { font-size: var(--font-size-scale-up-01) !important; }} .accordion-title:hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))) !important; } .accordion-title.view-module__\[local\]___AZ5yU { border-bottom: 0px !important; font-weight: var(--font-weight-medium) !important; } .accordion-title span.fa-solid { color: var(--interactive) !important; } .accordion-title.align-arrow-left span.fa-solid { padding-right: var(--spacing-scale-baseh); } .accordion-title.view-module__\[local\]___ge2n1 { font-size: var(--font-size-scale-up-03) !important; } @media screen and (max-width: 575px) { .accordion-title.view-module__\[local\]___ge2n1 { font-size: var(--font-size-scale-up-02) !important; }} .accordion-title.view-module__\[local\]___ge2n1 span:not(.fa-solid) { color: var(--gray-80); } .accordion-block .accordion { background-color: transparent !important; } .accordion-block :not(.blocks-chooser) > .ui.styled.accordion .content { border-bottom: 1px solid var(--gray-20); padding-left: var(--spacing-scale-4x) !important; } .accordion-block .content.active .accordion-block { margin-top: calc(var(--spacing-scale-base)*-1) !important; } .accordion-block .block.accordion.selected:not(:has(.block.accordion.selected))::before { border-width: 2px; border-color: var(--interactive) !important; } .panels-widget .items-area { padding: 1em 0px; margin-right: 10px; margin-left: 10px; } .panels-widget .items-area .panel-item { display: flex; width: 100%; justify-content: space-between; padding: 12px 9px; border: 1px solid rgb(221, 221, 221); background: rgb(243, 244, 245); } .panels-widget .items-area [data-rbd-draggable-context-id] { margin-bottom: 0.3em; } .panels-widget .items-area .drag.handle.wrapper { min-height: auto; } .ColumnsBlock-module__\[local\]___U2HxG { position: relative; background-color: var(--gray-3); margin-bottom: 0px !important; } .ColumnsBlock-module__\[local\]___U2HxG .listing .br-item { --background:var(--gray-3); } .ColumnsBlock-module__\[local\]___2RUA1 { position: relative; background-color: var(--blue-warm-vivid-90); --color:#fff; --placeholder-text:#fff; margin-bottom: 0px !important; } .ColumnsBlock-module__\[local\]___2RUA1 .text-gray-70, .ColumnsBlock-module__\[local\]___2RUA1 .text-interactive { color: var(--pure-0) !important; } .ColumnsBlock-module__\[local\]___2RUA1 .listing .br-item { --background:var(--blue-warm-vivid-90); } .ColumnsBlock-module__\[local\]___XP2jy { padding-top: calc(var(--spacing-scale-4x) + 14px) !important; padding-bottom: var(--spacing-scale-4x) !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___j2QM\+ .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___B2WAK { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { margin-right: -1rem !important; margin-left: -1rem !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } @media screen and (min-width: 768px) { body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { width: auto !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; }} body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___j2QM\+ .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___B2WAK { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { margin-right: -1rem !important; margin-left: -1rem !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } @media screen and (min-width: 768px) { body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { width: auto !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; }} @media screen and (min-width: 768px) { body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { margin-left: calc(var(--document-width, 100%)*-1/2 + 40px) !important; width: calc(var(--document-width, 100%) - 80px) !important; }} body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___j2QM\+ .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___B2WAK { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { margin-right: -1rem !important; margin-left: -1rem !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } @media screen and (min-width: 768px) { body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { width: auto !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; }} @media screen and (min-width: 768px) { body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { margin-left: calc(var(--document-width, 100%)*-1/2 + 10px) !important; width: calc(var(--document-width, 100%) - 20px) !important; }} body.has-toolbar.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___j2QM\+ .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } body.has-toolbar.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___B2WAK { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body.has-toolbar.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { margin-right: -1rem !important; margin-left: -1rem !important; } body.has-toolbar.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } @media screen and (min-width: 768px) { body.has-toolbar.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body.has-toolbar.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { width: auto !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; }} @media screen and (min-width: 768px) { body.has-toolbar.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { margin-left: calc(var(--document-width, 100%)*-1/2 + 227.5px) !important; width: calc(var(--document-width, 100%) - 455px) !important; } body.has-toolbar.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt:not(.ColumnsBlock-module__\[local\]___U2HxG):not(.ColumnsBlock-module__\[local\]___2RUA1) { background-color: var(--pure-0); }} @media screen and (min-width: 768px) { body.has-toolbar.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___B2WAK { padding: 0 calc(var(--document-width, 100%)/2 - 50%); }} body.has-toolbar.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___j2QM\+ .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } body.has-toolbar.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___B2WAK { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body.has-toolbar.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___KdpSt { margin-right: -1rem !important; margin-left: -1rem !important; } body.has-toolbar.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } @media screen and (min-width: 768px) { body.has-toolbar.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___KdpSt { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body.has-toolbar.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { width: auto !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; }} @media screen and (min-width: 768px) { body.has-toolbar.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___KdpSt { margin-left: calc(var(--document-width, 100%)*-1/2 + 50px) !important; width: calc(var(--document-width, 100%) - 100px) !important; } body.has-toolbar.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___KdpSt:not(.ColumnsBlock-module__\[local\]___U2HxG):not(.ColumnsBlock-module__\[local\]___2RUA1) { background-color: var(--pure-0); }} @media screen and (min-width: 768px) { body.has-toolbar.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___B2WAK { padding: 0 calc(var(--document-width, 100%)/2 - 50%); }} body.has-toolbar-collapsed.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___j2QM\+ .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } body.has-toolbar-collapsed.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___B2WAK { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body.has-toolbar-collapsed.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { margin-right: -1rem !important; margin-left: -1rem !important; } body.has-toolbar-collapsed.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } @media screen and (min-width: 768px) { body.has-toolbar-collapsed.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body.has-toolbar-collapsed.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { width: auto !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; }} @media screen and (min-width: 768px) { body.has-toolbar-collapsed.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt { margin-left: calc(var(--document-width, 100%)*-1/2 + 197.5px) !important; width: calc(var(--document-width, 100%) - 395px) !important; } body.has-toolbar-collapsed.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___KdpSt:not(.ColumnsBlock-module__\[local\]___U2HxG):not(.ColumnsBlock-module__\[local\]___2RUA1) { background-color: var(--pure-0); }} @media screen and (min-width: 768px) { body.has-toolbar-collapsed.has-sidebar:not(.has-sidebar-collapsed) .ColumnsBlock-module__\[local\]___B2WAK { padding: 0 calc(var(--document-width, 100%)/2 - 50%); }} body.has-toolbar-collapsed.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___j2QM\+ .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } body.has-toolbar-collapsed.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___B2WAK { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body.has-toolbar-collapsed.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___KdpSt { margin-right: -1rem !important; margin-left: -1rem !important; } body.has-toolbar-collapsed.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { margin-right: 0px !important; margin-left: 0px !important; } @media screen and (min-width: 768px) { body.has-toolbar-collapsed.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___KdpSt { position: relative; right: 50%; left: 50%; width: var(--document-width,100%) !important; max-width: none !important; margin-right: calc(var(--document-width, 100%)*-1/2) !important; margin-left: calc(var(--document-width, 100%)*-1/2) !important; } body.has-toolbar-collapsed.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___KdpSt .ui.container.ColumnsBlock-module__\[local\]___1hLge { width: auto !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; }} @media screen and (min-width: 768px) { body.has-toolbar-collapsed.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___KdpSt { margin-left: calc(var(--document-width, 100%)*-1/2 + 20px) !important; width: calc(var(--document-width, 100%) - 40px) !important; } body.has-toolbar-collapsed.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___KdpSt:not(.ColumnsBlock-module__\[local\]___U2HxG):not(.ColumnsBlock-module__\[local\]___2RUA1) { background-color: var(--pure-0); }} @media screen and (min-width: 768px) { body.has-toolbar-collapsed.has-sidebar-collapsed:not(.has-sidebar) .ColumnsBlock-module__\[local\]___B2WAK { padding: 0 calc(var(--document-width, 100%)/2 - 50%); }} @media screen and (min-width: 768px) { .view-editview .column-grid .blocks-chooser.new-add-block { transform: translate(0px); }} @media screen and (min-width: 768px) { .view-editview .column-grid > .column:first-of-type .blocks-chooser.new-add-block { transform: translate(120px); }} .block-editor-columnsBlock .block.columnsBlock.selected::before, .block-editor-columnsBlock .block.columnsBlock:hover::before, .quanta-block-editor-columnsBlock .block.columnsBlock.selected::before, .quanta-block-editor-columnsBlock .block.columnsBlock:hover::before { border-style: dashed; } .block-editor-columnsBlock .ui.grid.column-grid, .quanta-block-editor-columnsBlock .ui.grid.column-grid { margin-right: -0.2rem; margin-left: -0.2rem; } .block-editor-columnsBlock .ui.grid.column-grid .column:first-child, .quanta-block-editor-columnsBlock .ui.grid.column-grid .column:first-child { padding-left: 0.2rem; } .block-editor-columnsBlock .ui.grid.column-grid .column:last-child, .quanta-block-editor-columnsBlock .ui.grid.column-grid .column:last-child { padding-right: 0.2rem; } .block-editor-columnsBlock .ui.grid.column-grid:focus, .quanta-block-editor-columnsBlock .ui.grid.column-grid:focus { outline: none; } .block-editor-columnsBlock .columns-header, .quanta-block-editor-columnsBlock .columns-header { position: absolute; z-index: 3; top: -1.3em; left: 0px; width: fit-content; padding: 0px 1rem; margin-right: auto; margin-left: auto; background-color: var(--pure-0); color: rgba(120, 192, 215, 0.75); cursor: pointer; text-align: center; } .block-editor-columnsBlock .ui.grid.block-column, .quanta-block-editor-columnsBlock .ui.grid.block-column { padding: 0.3em; } .block-editor-columnsBlock .ui.grid.block-column .blocks-form, .quanta-block-editor-columnsBlock .ui.grid.block-column .blocks-form { padding: 1rem !important; } .block-editor-columnsBlock .ui.grid.block-column .block, .quanta-block-editor-columnsBlock .ui.grid.block-column .block { margin-bottom: 1.5em; } .block-editor-columnsBlock .ui.grid.block-column .block .block.selected::before, .quanta-block-editor-columnsBlock .ui.grid.block-column .block .block.selected::before { border-top-left-radius: 0px; } .block-editor-columnsBlock .ui.grid.block-column .block .block-add-button, .quanta-block-editor-columnsBlock .ui.grid.block-column .block .block-add-button { display: none; } .block-editor-columnsBlock .ui.cards a.card, .block-editor-columnsBlock .ui.link.card, .block-editor-columnsBlock .ui.link.cards .card, .block-editor-columnsBlock a.ui.card, .quanta-block-editor-columnsBlock .ui.cards a.card, .quanta-block-editor-columnsBlock .ui.link.card, .quanta-block-editor-columnsBlock .ui.link.cards .card, .quanta-block-editor-columnsBlock a.ui.card { border: 1px solid rgb(237, 242, 243); box-shadow: none; } .block-editor-columnsBlock .ui.cards a.card:hover, .block-editor-columnsBlock .ui.link.card:hover, .block-editor-columnsBlock .ui.link.cards .card:hover, .block-editor-columnsBlock a.ui.card:hover, .quanta-block-editor-columnsBlock .ui.cards a.card:hover, .quanta-block-editor-columnsBlock .ui.link.card:hover, .quanta-block-editor-columnsBlock .ui.link.cards .card:hover, .quanta-block-editor-columnsBlock a.ui.card:hover { border: 1px solid rgb(237, 242, 243); background-color: rgb(237, 242, 243); box-shadow: none; } .block-editor-columnsBlock .ui.card .content, .quanta-block-editor-columnsBlock .ui.card .content { text-align: center; padding-top: 1.5em !important; padding-bottom: 1.5em !important; font-size: 10px !important; } .block-editor-columnsBlock .ui.card .content p, .quanta-block-editor-columnsBlock .ui.card .content p { color: rgb(113, 113, 113); } .block-editor-columnsBlock [data-rbd-draggable-context-id], .quanta-block-editor-columnsBlock [data-rbd-draggable-context-id] { margin-bottom: 0.3em; } .block-editor-columnsBlock .block.wrapper.multiSelected .block .block::before, .quanta-block-editor-columnsBlock .block.wrapper.multiSelected .block .block::before { z-index: 1; background-color: rgba(120, 192, 215, 0.376); } .block-editor-columnsBlock .blocks-chooser, .quanta-block-editor-columnsBlock .blocks-chooser { right: 0px; margin-top: 50px; left: auto !important; } .block-editor-columnsBlock .block-toolbar, .quanta-block-editor-columnsBlock .block-toolbar { position: absolute; z-index: 4; right: -9px; display: flex; border-top: 1px solid rgba(120, 192, 215, 0.75); border-right: 1px solid rgba(120, 192, 215, 0.75); border-left: 1px solid rgba(120, 192, 215, 0.75); border-image: initial; border-bottom: 1px solid var(--pure-0); margin-top: -45px; background-color: var(--pure-0); border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .block-editor-columnsBlock .block-toolbar .ui.basic.button, .quanta-block-editor-columnsBlock .block-toolbar .ui.basic.button { padding: 8px 5px; } .block-editor-columnsBlock .block-toolbar .wrapper-column-block > .ui.basic.button:hover, .block-editor-columnsBlock .block-toolbar > .ui.basic.button:hover, .quanta-block-editor-columnsBlock .block-toolbar .wrapper-column-block > .ui.basic.button:hover, .quanta-block-editor-columnsBlock .block-toolbar > .ui.basic.button:hover { background-color: transparent !important; } .block-editor-columnsBlock .block-toolbar > .ui.basic.button svg, .quanta-block-editor-columnsBlock .block-toolbar > .ui.basic.button svg { color: rgb(19, 68, 72); } .block-editor-columnsBlock .block-toolbar .drag.handle.wrapper-column-block, .quanta-block-editor-columnsBlock .block-toolbar .drag.handle.wrapper-column-block { position: static; left: auto; min-height: 1em; font-size: 1rem; line-height: 1em; vertical-align: baseline; margin-left: 0px !important; } .quanta-block-editor-columnsBlock .columns-header { right: 0px; left: auto; } .columns-view .ui.grid.column-block-grid { display: initial !important; } .columns-view .ui.grid > .column-blocks-wrapper, .columns-view .ui.grid > .column-blocks-wrapper:not(.row) { padding-top: 0.5em; padding-bottom: 0.5em; } .columns-view .ui.grid.reverse-wrap { flex-wrap: wrap-reverse; } .ui.grid.column-grid { padding: 0px; margin-top: 0.8rem; margin-bottom: 0.8rem; } .styled-with-bg .grid.column-grid { padding: 0px; } .drag-drop-list-widget .columns-area { padding: 1em 0px; } .drag-drop-list-widget .columns-area [data-rbd-draggable-context-id] { margin-bottom: 0.3em; } .drag-drop-list-widget .columns-area .drag.handle.wrapper { min-height: auto; } .drag-drop-list-widget .columns-area .column-area { display: flex; } .drag-drop-list-widget .columns-area .column-area .label { flex-grow: 2; padding-left: 1em; } .drag-drop-list-widget .columns-area .column-area button { flex-grow: 0; } .layout-select-widget-selection-icon { margin-right: 1.5rem; vertical-align: middle; } .blocks-form .block.multiSelected ::before { background-color: rgba(120, 192, 215, 0.376); } .block-editor-columnsBlock .block-toolbar, .quanta-block-editor-columnsBlock .block-toolbar { flex-direction: column; align-items: flex-end; border-radius: 0px; margin-top: -46px; background-color: transparent; border: 0px !important; } .block-editor-columnsBlock .block-toolbar .block-tools, .quanta-block-editor-columnsBlock .block-toolbar .block-tools { position: relative; top: 1px; border-radius: 1rem 1rem 0px 0px; border-width: 1px; border-style: solid; border-color: rgba(120, 192, 215, 0.75) rgba(120, 192, 215, 0.75) rgb(255, 255, 255); border-image: initial; background-color: rgb(255, 255, 255); } .block-editor-columnsBlock .block-toolbar .blocks-chooser, .quanta-block-editor-columnsBlock .block-toolbar .blocks-chooser { border: 1px solid rgba(120, 192, 215, 0.75); margin-top: 0px; } .block-editor-columnsBlock .col-variations p, .quanta-block-editor-columnsBlock .col-variations p { font-size: 14px; } .block-editor-columnsBlock .ui.card .content svg, .quanta-block-editor-columnsBlock .ui.card .content svg { fill: rgb(104, 119, 141) !important; stroke: rgba(var(--pure-100-rgb),0.6) !important; } .columns-wrapper, .columns-wrapper.ui.grid.column-grid { padding-top: 14px; } .columns-block .ui.grid.column-grid { margin-top: 0px !important; } .columns-block { margin-bottom: 1em; } .view-editview .blocks-form > fieldset.invisible { width: 100% !important; min-width: 0px !important; max-width: 100% !important; } .view-editview .columns-block .column.block-column { min-width: 0px !important; } .view-editview .columns-block .block-editor-carouselBlock, .view-editview .columns-block .block.carouselBlock, .view-editview .columns-block .block.carouselBlock .carousel-block__edit-container, .view-editview .columns-block .block.carouselBlock .slick-list, .view-editview .columns-block .block.carouselBlock .slick-slider, .view-editview .columns-block .ui.drag.block.wrapper.inner.carouselBlock { width: 100% !important; min-width: 0px !important; max-width: 100% !important; } .view-editview .columns-block .block.carouselBlock { overflow: hidden; } body:not(.view-editview):not(.view-addview):not(.document_wide_view) .stretch { position: relative; z-index: 3; right: 50%; left: 50%; width: 100vw; margin-right: 0px; margin-left: 0px; background-clip: content-box; box-shadow: none; transform: translate(-50%); border: none !important; } body:not(.is-authenticated):not(.document_wide_view) .stretch { right: 0px; left: 0px; width: auto; padding: 0px; margin: 0px -28.3rem; transform: none; } body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous) .stretch { max-width: 1636px; margin: 0px; } body:not(.is-authenticated):not(.document_wide_view).stretch { padding: 0px; } @media screen and (max-width: 1790px) { body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous) .stretch { right: auto; left: auto; width: auto; padding: 0px; transform: none; } body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { max-width: 100vw; margin: 0px -25.54vw; } body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { max-width: 100vw; margin: 0px -25.5vw; }} @media screen and (max-width: 1749px) { body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0px -26.1vw; }} @media screen and (max-width: 1700px) { body:not(.document_wide_view):not(.view-editview):not(.view-addview):not(.is-anonymous):not(.is-authenticated).stretch { margin-right: 0px; margin-left: 0px; transform: translate(-50%); } body:not(.is-anonymous):not(.has-toolbar) .stretch { max-width: 1720px; } body:not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { max-width: 1778px; } body:not(.is-authenticated):not(.document_wide_view) .stretch { max-width: 1700px; margin: 0px -26.8vw; } body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0px -26.4vw; }} @media screen and (max-width: 1599px) { body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0px -18.3vw; } body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0px -18.9vw; } body:not(.is-authenticated):not(.document_wide_view) .stretch { margin: 0px -19.2vw; }} @media screen and (max-width: 1499px) { body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0px -18.4vw; } body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0px -19vw; } body:not(.is-authenticated):not(.document_wide_view) .stretch { margin: 0px -19.5vw; }} @media screen and (max-width: 1399px) { body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0px -18.5vw; } body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0px -19.2vw; } body:not(.is-authenticated):not(.document_wide_view) .stretch { margin: 0px -19.8vw; }} @media screen and (max-width: 1280px) { body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0px -17.8vw; } body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0px -15.3rem; }} @media screen and (max-width: 1220px) { body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0px -14.9rem; }} @media screen and (max-width: 1200px) { body:not(.is-authenticated):not(.document_wide_view) .stretch { margin: 0px -3.7vw; }} @media screen and (max-width: 1199px) { body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0px -3.6vw; } body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0px -3.5vw; }} @media screen and (max-width: 1049px) { body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch, body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0px -4vw; } body:not(.is-authenticated):not(.document_wide_view) .stretch { margin: 0px -4.3vw; }} @media screen and (max-width: 1000px) { body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0px -4.2vw; } body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0px -4.3vw; } body:not(.is-authenticated):not(.document_wide_view) .stretch { margin: 0px -4.5vw; }} @media screen and (max-width: 900px) { body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0px -4.65vw; } body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0px -4.9vw; } body:not(.is-authenticated):not(.document_wide_view) .stretch { margin: 0px -4.5vw; }} @media screen and (max-width: 849px) { body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0px -1.2vw; } body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0px -5vw; } body:not(.is-authenticated):not(.document_wide_view) .stretch { margin: 0px -5.2vw; }} @media screen and (max-width: 787px) { body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch, body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0px -1.2vw; }} @media screen and (max-width: 767px) { body:not(.is-authenticated):not(.document_wide_view) .stretch, body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch, body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { padding: 0px; } body:not(.is-authenticated):not(.document_wide_view) .stretch { margin: 0px -1.3vw; }} body:not(.view-editview).document_wide_view .stretch { position: relative; z-index: 3; right: 50%; left: 50%; width: 100vw; margin-right: 0px; margin-left: 0px; background-clip: content-box; box-shadow: none; transform: translate(-50%); border: none !important; } body:not(.is-authenticated).document_wide_view .stretch { right: 0px; left: 0px; width: auto; max-width: 1780px; margin: 0px -1rem; transform: none; } body:not(.view-editview):not(.is-anonymous).document_wide_view .stretch { max-width: 1636px; } body:not(.is-authenticated).document_wide_view .stretch { padding: 0px; } @media screen and (max-width: 1790px) { body:not(.view-editview):not(.is-anonymous).document_wide_view .stretch { right: auto; left: auto; width: auto; padding: 0px; margin: 0px -1rem; transform: none; }} @media screen and (max-width: 1700px) { body:not(.view-editview):not(.is-anonymous):not(.is-authenticated).document_wide_view .stretch { margin-right: 0px; margin-left: 0px; transform: translate(-50%); } body:not(.is-anonymous):not(.has-toolbar) .stretch { max-width: 1720px; } body:not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { max-width: 1778px; } body:not(.is-authenticated).document_wide_view .stretch { max-width: 1700px; }} @media screen and (max-width: 1280px) { body:not(.view-editview):not(.is-anonymous):not(.has-toolbar-collapsed).document_wide_view .stretch { margin: 0px -0.6rem; } body:not(.view-editview):not(.is-anonymous):not(.has-toolbar).document_wide_view .stretch { margin: 0px -1rem; }} @media screen and (max-width: 1220px) { body:not(.view-editview):not(.is-anonymous):not(.has-toolbar).document_wide_view .stretch { margin: 0px -0.6rem; }} @media screen and (max-width: 1200px) { body:not(.is-authenticated).document_wide_view .stretch { margin: 0px -0.6rem; }} @media screen and (max-width: 767px) { body:not(.is-authenticated).document_wide_view .stretch, body:not(.view-editview):not(.is-anonymous):not(.has-toolbar).document_wide_view .stretch, body:not(.view-editview):not(.is-anonymous):not(.has-toolbar-collapsed).document_wide_view .stretch { padding: 0px; }} .stretched-group { margin: 0px -50px; } body:not(.view-viewview) .stretch { padding: 0px; width: auto !important; max-width: 1790px !important; } body:not(.view-viewview):not(.has-sidebar-collapsed):not(.has-toolbar-collapsed) .stretched-group { margin: 0px -50px; } body:not(.view-viewview):not(.has-sidebar-collapsed):not(.has-toolbar-collapsed) .stretch > fieldset legend { left: 19em !important; } body:not(.view-viewview):not(.has-sidebar):not(.has-toolbar) .stretch > fieldset legend, body:not(.view-viewview):not(.has-sidebar):not(.has-toolbar-collapsed) .stretch > fieldset legend { left: 9em !important; } body:not(.view-viewview):not(.has-sidebar-collapsed):not(.has-toolbar) .stretched-group { margin: 0px -51px; } body:not(.view-viewview):not(.has-sidebar-collapsed):not(.has-toolbar) .stretch > fieldset legend { left: 19em !important; } @media screen and (max-width: 1700px) { body:not(.view-viewview) .stretch { padding: 0px; width: auto !important; max-width: 1790px !important; } body:not(.view-viewview):not(.has-sidebar-collapsed):not(.has-toolbar-collapsed) .stretch > fieldset legend { left: 5em !important; }} @media screen and (max-width: 1654px) { body:not(.view-viewview):not(.has-sidebar-collapsed):not(.has-toolbar-collapsed) .stretched-group { margin: 0px -34px; }} @media screen and (max-width: 1595px) { body:not(.view-viewview):not(.has-sidebar-collapsed):not(.has-toolbar) .stretched-group { margin: 0px -35px; }} @media screen and (max-width: 1299px) { .stretched-group { margin: 0px -33px; }} @media screen and (max-width: 867px) { body:not(.view-viewview):not(.has-sidebar):not(.has-toolbar-collapsed) .stretched-group { margin: 0px -1px; } body:not(.view-viewview):not(.has-sidebar):not(.has-toolbar) .stretched-group { margin: 0px -35px; }} @media screen and (max-width: 807px) { body:not(.view-viewview):not(.has-sidebar):not(.has-toolbar) .stretched-group { margin: 0px -1px; } body:not(.view-viewview):not(.has-sidebar):not(.has-toolbar) .stretch { padding: 0px 1.2rem; }} @media screen and (max-width: 767px) { body:not(.view-viewview):not(.has-sidebar):not(.has-toolbar) .stretch, body:not(.view-viewview):not(.has-sidebar):not(.has-toolbar-collapsed) .stretch { padding: 0px; }} .slider-widget-wrapper { display: flex; flex-direction: column; justify-content: center; } .open-styles-button { display: none; width: 100%; padding: 0px 1em; margin: auto 0px; text-align: right; } .open-styles-button:last-of-type { display: block; } .open-styles-button button { color: rgb(0, 126, 177); cursor: pointer; } .style-select-widget .card { cursor: pointer; } .style-select-widget .card .extra.content { align-self: center; padding: 0.4em !important; } .style-select-widget .card.active .extra.content { align-self: center; background-color: rgb(238, 238, 238); font-weight: 700; } .styled { position: relative; } .styled.screen-height { display: flex; flex-direction: column; } .styled.small { min-width: 10%; max-width: 25%; } .styled.medium { min-width: 25%; max-width: 50%; } .styled.large { min-width: 50%; max-width: 100%; } .styled.left { float: left; } .styled.right { float: right; } .styled.drop-cap { padding-top: 2em; } .styled.drop-cap:first-child::first-letter, .styled.drop-cap::first-letter { padding-right: 0.5%; float: left; font-size: 400%; line-height: 50%; } .styled img.bg { position: absolute; z-index: 0; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 1; pointer-events: none; transition: opacity 0.5s ease 0s; } .styled img.bg.hidden { opacity: 0; transition: opacity 0.5s ease 0s; } .styled[class*="has--fontSize"] h1, .styled[class*="has--fontSize"] h2, .styled[class*="has--fontSize"] h3, .styled[class*="has--fontSize"] h4, .styled[class*="has--fontSize"] h5, .styled[class*="has--fontSize"] h6, .styled[class*="has--fontSize"] p { font-size: inherit; } .styled-with-bg { padding: 1rem; } #view .block::before { border: none !important; } .blocks-chooser .ui.image { max-width: 100% !important; } #page-edit .block.slate .styled h1, #page-edit .block.slate .styled h2, #page-edit .block.slate .styled h3, #page-edit .block.slate .styled h4, #page-edit .block.slate .styled h5, #page-edit .block.slate .styled h6 { color: inherit; } .green-demo-box { padding: 1em; border-radius: 5px; background-color: rgb(174, 242, 222); box-shadow: rgb(199, 213, 216) 0px 1px 6px 0px; } .blue-demo-box, .preview-blue-demo-box { padding: 0.3rem; border-radius: 4px; background: rgb(27, 33, 125); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 11px; color: rgb(255, 255, 255) !important; } .simple-color-picker-widget .color-picker { z-index: 2; transform: translateY(45%); position: absolute !important; top: 0px !important; } .styleCard { min-width: unset !important; } h1:hover a.anchor svg, h2:hover a.anchor svg, h3:hover a.anchor svg, h4:hover a.anchor svg { visibility: unset; } h1 a.anchor, h2 a.anchor, h3 a.anchor, h4 a.anchor { margin-left: -1ch; } h1 a.anchor svg, h2 a.anchor svg, h3 a.anchor svg, h4 a.anchor svg { width: 1ch; transform: rotate(45deg); visibility: hidden; } .inner.tabs_block { margin-bottom: 0px; } .inner.tabs_block .tabs_block { padding-right: 0.5rem; padding-left: 0.5rem; margin-bottom: 0px; } .styled.screen-height .tabs-block { display: flex; flex: 1 1 0%; flex-direction: column; } .styled.screen-height .tabs-block > .default.tabs, .styled.screen-height .tabs-block > .styled > .default.tabs { flex: 1 1 0%; } .tabs-block [data-rbd-draggable-context-id] { margin-bottom: 0px; } .tabs-block .blocks-form { width: 100%; } .tabs-block .block-wrapper:not(:last-child) { margin-bottom: 2rem; } .tabs-block .block .block-add-button, .tabs-block .block .delete-button { display: none; } .tabs-block .block .block.selected::before { border-top-left-radius: 0px; } .tabs-block .block .block:not(.inner)::before { z-index: 0; pointer-events: none; } .tabs-block .block.wrapper.multiSelected .block .block::before { z-index: 1; background-color: rgba(120, 192, 215, 0.376); } .tabs-block .blocks-form { margin-top: 0.5rem; } .tabs-block .blocks-chooser { right: 0px; left: auto; margin-top: 3rem; } .tabs-block .block-toolbar { position: absolute; z-index: 3; right: -9px; display: flex; border-top: 1px solid rgba(120, 192, 215, 0.75); border-right: 1px solid rgba(120, 192, 215, 0.75); border-left: 1px solid rgba(120, 192, 215, 0.75); border-image: initial; border-bottom: 1px solid var(--pure-0); margin-top: -45px; background-color: var(--pure-0); border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .tabs-block .block-toolbar .ui.basic.button { padding: 8px 5px; } .tabs-block .block-toolbar .ui.basic.button:hover { background: transparent !important; } .drag-drop-list-widget .tabs-area { padding: 1em 0px; } .drag-drop-list-widget .tabs-area [data-rbd-draggable-context-id] { margin-bottom: 0.3em; } .drag-drop-list-widget .tabs-area .drag.handle.wrapper { min-height: auto; } .drag-drop-list-widget .tabs-area .tab-area { display: flex; } .drag-drop-list-widget .tabs-area .tab-area .label { flex-grow: 2; padding-left: 1em; } .drag-drop-list-widget .tabs-area .tab-area button { flex-grow: 0; } .drag-drop-list-widget .tabs-area button { cursor: pointer; } .block-editor-tabs_block .block.tabs_block.selected::before, .block-editor-tabs_block .block.tabs_block:hover::before { border-style: dashed; } .block-editor-tabs_block fieldset { border: none; } .block-editor-tabs_block fieldset legend { position: absolute; z-index: 3; top: -1.3em; left: 0px; width: fit-content; padding: 0px 1rem; margin-right: auto; margin-left: auto; background-color: var(--pure-0); color: rgba(120, 192, 215, 0.75); cursor: pointer; text-align: center; } @keyframes slide-down { 0% { overflow: hidden; max-height: 0px; opacity: 0; visibility: hidden; } 95% { overflow: hidden; max-height: 1000px; visibility: visible; } 100% { opacity: 1; visibility: visible; }} @keyframes slide-up { 0% { overflow: hidden; max-height: 1000px; opacity: 1; visibility: visible; } 100% { overflow: hidden; max-height: 0px; opacity: 0; visibility: hidden; }} .tabs-block { color: var(--text-color,#000); } .tabs-block .remove-menu.active { overflow: revert; } .tabs-block > .styled { flex: 1 1 0%; flex-flow: column; display: flex !important; } .tabs-block .ui.segment.tab { padding: 1rem; } .tabs-block .ui.container.tab { padding-top: 1rem; padding-bottom: 1rem; } .tabs-block > .default.tabs.active, .tabs-block > .styled > .default.tabs.active { display: flex; flex-direction: column; } .tabs-block > .default.tabs.active > .ui.tab, .tabs-block > .styled > .default.tabs.active > .ui.tab { display: flex; flex: 1 1 0%; flex-direction: column; } .tabs-block.flex-start > .default.tabs > .ui.tab, .tabs-block.flex-start > .styled > .default.tabs > .ui.tab { justify-content: flex-start; } .tabs-block.flex-end > .default.tabs > .ui.tab, .tabs-block.flex-end > .styled > .default.tabs > .ui.tab { justify-content: flex-end; } .tabs-block.center > .default.tabs > .ui.tab, .tabs-block.center > .styled > .default.tabs > .ui.tab { justify-content: center; } .tabs-block .ui.accordion .title ~ .content.RRT__panel .tab-name { padding: 1rem; } @media not (prefers-reduced-motion) { .tabs-block .ui.accordion .title ~ .content.RRT__panel { display: block; padding: 0px; animation: 0.5s linear 0s 1 normal both running slide-up; will-change: max-height, overflow, opacity; } .tabs-block .ui.accordion .title ~ .content.RRT__panel.active { animation: 0.5s linear 0s 1 normal both running slide-down; }} @media print { .tabs-block .ui.tab { display: block !important; } .tabs-block .tab-name > div { border-top: 0.1875rem solid rgb(0, 123, 108) !important; } .tabs-block .tab-name::before { color: var(--text-color,#007b6c); content: attr(id); } .tabs-block .secondary.menu { display: none !important; } .tabs-block .RRT__container .ui.RRT__tabs { margin-bottom: 0px; } .tabs-block .slick-track { flex-direction: column !important; } .tabs-block .slick-list { overflow: visible !important; } .tabs-block .slick-slider .slick-list, .tabs-block .slick-slider .slick-track { overflow: visible !important; width: auto !important; height: auto !important; transform: none !important; } .tabs-block .slick-track .slick-slide { display: block !important; overflow: visible !important; } .tabs-block .slick-arrow, .tabs-block .slick-dots, .tabs-block .slick-track .slick-cloned { display: none !important; }} .tabs-block [hidden] { display: none !important; } .tabs-block .remove-menu { overflow-y: hidden; padding-right: 0px !important; padding-bottom: 0px !important; } .tabs-block .ui.secondary.inverted.pointing.menu { border-width: 0px 0px 4px; } .tabs-block .ui.secondary.inverted.menu .active.item { background-color: var(--tab-inverted-active-bg-color,rgba(0,0,0,0.1)) !important; } .tabs-block .ui.menu .addition-button .menu-item-text { line-height: 1; } .tabs-block .remove-menu :not(.RRT__tab--collapsed) { padding-top: 0px !important; padding-left: 0px !important; border-bottom: none !important; } .tabs-block .ui.menu { margin-bottom: 0px; } .tabs-block .ui.item { cursor: pointer; } .tabs-block .ui.menu:not(.inverted, .pointing) .active.item { background-color: var(--tab-active-bg-color,rgba(0,0,0,0.05)); } .tabs-block .RRT__tabs.tabs-accessibility.ui.inverted.menu { background-color: var(--tab-inverted-bg-color,#c7d5d8); } .tabs-block .RRT__tabs.tabs-accessibility.ui.inverted.menu .item { color: var(--tab-inverted-text-color,#333) !important; } .tabs-block .RRT__tabs.tabs-accessibility.ui.inverted.menu .item.active { border-color: var(--tab-inverted-secondary-active-border-color,#e40166); color: var(--tab-inverted-active-text-color,#333) !important; } .tabs-block .RRT__tabs.tabs-accessibility.ui.inverted.menu .item:hover { color: var(--tab-inverted-hover-text-color,#333) !important; } .tabs-block .tab-icon { display: block !important; } .tabs-block .asset-position .image.icon { width: 48px; } .tabs-block .asset-position .image.tile { width: 64px; } .tabs-block .asset-position .image.thumb { width: 80px; } .tabs-block .asset-position .icon.small { font-size: 48px; } .tabs-block .asset-position .icon.medium { font-size: 64px; } .tabs-block .asset-position .icon.large { font-size: 80px; } .tabs-block .RRT__accordion .tab-with-icon { flex-direction: row-reverse; gap: 0.25rem; } .tabs-block .RRT__accordion .tab-with-icon .icon { font-size: 1.25rem; --accordion-title-icon-order:0; } .tabs-block .accordion-title { display: flex; } .tabs-block .asset-left, .tabs-block .asset-right, .tabs-block .asset-top { display: flex; align-items: center; gap: 0.6em; } .tabs-block .asset-left .menu-item-text, .tabs-block .asset-right .menu-item-text, .tabs-block .asset-top .menu-item-text { margin: 0px; } .tabs-block .asset-top { flex-direction: column; text-align: center; } .tabs-block .asset-top .icon { display: block !important; } .tabs-block .asset-left { flex-direction: row; } .tabs-block .asset-right { flex-direction: row-reverse; } .tabs-block .menu-item-count, .tabs-block > .styled > .tabs > .ui.grid > .column > .ui.menu.menu-hidden, .tabs-block > .styled > .tabs > .ui.menu.menu-hidden, .tabs-block > .tabs > .ui.grid > .column > .ui.menu.menu-hidden, .tabs-block > .tabs > .ui.menu.menu-hidden { display: none; } .tabs-block > .styled > .tabs > .ui.grid > .column > .ui.menu.left, .tabs-block > .styled > .tabs > .ui.menu.left, .tabs-block > .tabs > .ui.grid > .column > .ui.menu.left, .tabs-block > .tabs > .ui.menu.left { justify-content: flex-start; } .tabs-block > .styled > .tabs > .ui.grid > .column > .ui.menu.right, .tabs-block > .styled > .tabs > .ui.menu.right, .tabs-block > .tabs > .ui.grid > .column > .ui.menu.right, .tabs-block > .tabs > .ui.menu.right { justify-content: flex-end; } .tabs-block > .styled > .tabs > .ui.grid > .column > .ui.menu.center, .tabs-block > .styled > .tabs > .ui.menu.center, .tabs-block > .tabs > .ui.grid > .column > .ui.menu.center, .tabs-block > .tabs > .ui.menu.center { justify-content: center; } .tabs-block > .styled > .tabs > .ui.grid > .column > .ui.menu.space-between .item.menu-title, .tabs-block > .styled > .tabs > .ui.menu.space-between .item.menu-title, .tabs-block > .tabs > .ui.grid > .column > .ui.menu.space-between .item.menu-title, .tabs-block > .tabs > .ui.menu.space-between .item.menu-title { margin-right: auto; } .tabs-block > .styled > .tabs > .ui.grid > .column > .ui.menu.text:not(.vertical) .item:first-child, .tabs-block > .styled > .tabs > .ui.menu.text:not(.vertical) .item:first-child, .tabs-block > .tabs > .ui.grid > .column > .ui.menu.text:not(.vertical) .item:first-child, .tabs-block > .tabs > .ui.menu.text:not(.vertical) .item:first-child { padding-left: 0px; } .tabs-block > .styled > .tabs > .ui.grid > .column > .ui.menu .item.menu-title, .tabs-block > .styled > .tabs > .ui.menu .item.menu-title, .tabs-block > .tabs > .ui.grid > .column > .ui.menu .item.menu-title, .tabs-block > .tabs > .ui.menu .item.menu-title { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; font-size: 24px; font-weight: 400; } .tabs-block > .styled > .tabs > .ui.grid > .column > .ui.menu .item.menu-title .title, .tabs-block > .styled > .tabs > .ui.grid > .column > .ui.menu .item.menu-title:hover, .tabs-block > .styled > .tabs > .ui.menu .item.menu-title .title, .tabs-block > .styled > .tabs > .ui.menu .item.menu-title:hover, .tabs-block > .tabs > .ui.grid > .column > .ui.menu .item.menu-title .title, .tabs-block > .tabs > .ui.grid > .column > .ui.menu .item.menu-title:hover, .tabs-block > .tabs > .ui.menu .item.menu-title .title, .tabs-block > .tabs > .ui.menu .item.menu-title:hover { color: rgb(1, 60, 96); } .tabs-block > .styled > .tabs > .ui.grid > .column > .ui.menu .item.menu-title .description, .tabs-block > .styled > .tabs > .ui.menu .item.menu-title .description, .tabs-block > .tabs > .ui.grid > .column > .ui.menu .item.menu-title .description, .tabs-block > .tabs > .ui.menu .item.menu-title .description { color: rgb(99, 99, 99); } .tabs-block > .styled > .tabs > .ui.grid > .column > .ui.menu .item.menu-title > *, .tabs-block > .styled > .tabs > .ui.menu .item.menu-title > *, .tabs-block > .tabs > .ui.grid > .column > .ui.menu .item.menu-title > *, .tabs-block > .tabs > .ui.menu .item.menu-title > * { margin: 0px; color: inherit; } .tabs-block > .styled > .tabs > .ui.grid > .column > .ui.menu .item.active, .tabs-block > .styled > .tabs > .ui.menu .item.active, .tabs-block > .tabs > .ui.grid > .column > .ui.menu .item.active, .tabs-block > .tabs > .ui.menu .item.active { border-width: 0.2rem; } .tabs-block > .styled > .tabs > .ui.grid > .column > .ui.menu .ui.fluid.input, .tabs-block > .styled > .tabs > .ui.menu .ui.fluid.input, .tabs-block > .tabs > .ui.grid > .column > .ui.menu .ui.fluid.input, .tabs-block > .tabs > .ui.menu .ui.fluid.input { min-width: 80px; } .tabs-block.horizontal-responsive .horizontal-responsive.tabs > .ui.menu { overflow: visible; justify-content: space-between; } .tabs-block.horizontal-responsive .horizontal-responsive.tabs > .ui.menu .menu-wrapper { display: inherit; overflow: hidden; background: inherit; font-family: inherit; font-weight: inherit; } .tabs-block > .styled > .side.tabs > .ui.menu { display: flex; flex-direction: column; } .tabs-block > .styled > .side.tabs.left > .ui.menu { order: 0; } .tabs-block > .styled > .side.tabs.right > .ui.menu { order: 1; } .tabs-block .ui.menu:not(.RRT__accordion) .ui.item .icon { display: none; } .tabs-block .RRT__accordion.tabs-accordion-icon-left { --accordion-title-justify:flex-start; --accordion-title-icon-order:0; } .tabs-block .RRT__container > .ui.tab .rah-animating { transition: height 0ms ease 0ms !important; } .tabs-block .RRT__container > .ui.tab .rah-animating > div { transition: opacity 0ms ease 0ms !important; } .tabs_block .block-toolbar { flex-direction: column; align-items: flex-end; border-radius: 0px; margin-top: -46px; background-color: transparent; border: 0px !important; } .tabs_block .block-toolbar .block-tools { position: relative; top: 1px; border-radius: 1rem 1rem 0px 0px; border-width: 1px; border-style: solid; border-color: rgba(120, 192, 215, 0.75) rgba(120, 192, 215, 0.75) rgb(255, 255, 255); border-image: initial; background-color: rgb(255, 255, 255); } .tabs_block .block-toolbar .blocks-chooser { border: 1px solid rgba(120, 192, 215, 0.75); margin-top: 0px; } .tabs_block .col-variations p { font-size: 14px; } #page-add-translation .ui.container { width: auto !important; } #page-add-translation .columns-block .ui.grid, #page-add-translation .columnsBlock .ui.grid { flex-direction: column; } #page-add-translation .columns-block .block-column, #page-add-translation .columns-block .column-blocks-wrapper, #page-add-translation .columnsBlock .block-column, #page-add-translation .columnsBlock .column-blocks-wrapper { width: 100% !important; } fieldset:has(.tabs-block) { min-width: 0px !important; min-inline-size: 0px !important; } .slick-slider { box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list, .slick-slider { position: relative; display: block; } .slick-list { overflow: hidden; margin: 0px; padding: 0px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-list, .slick-slider .slick-track { transform: translateZ(0px); } .slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; } .slick-track::after, .slick-track::before { display: table; content: ""; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: url("data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=") 50% center no-repeat rgb(255, 255, 255); } @font-face { font-family: slick; font-weight: 400; font-style: normal; src: url("/sped/static/media/slick.b7c9e1e4.woff") format("woff"), url("/sped/static/media/slick.d41f55a7.ttf") format("truetype"); } .slick-next, .slick-prev { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translateY(-50%); cursor: pointer; border: none; } .slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover { color: transparent; outline: none; background: transparent; } .slick-next:focus::before, .slick-next:hover::before, .slick-prev:focus::before, .slick-prev:hover::before { opacity: 1; } .slick-next.slick-disabled::before, .slick-prev.slick-disabled::before { opacity: 0.25; } .slick-next::before, .slick-prev::before { font-family: slick; font-size: 20px; line-height: 1; opacity: 0.75; color: rgb(255, 255, 255); -webkit-font-smoothing: antialiased; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { right: -25px; left: auto; } .slick-prev::before { content: "&#8592;"; } [dir="rtl"] .slick-prev::before { content: "&#8594;"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { right: auto; left: -25px; } .slick-next::before { content: "&#8594;"; } [dir="rtl"] .slick-next::before { content: "&#8592;"; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; margin: 0px 5px; padding: 0px; } .slick-dots li, .slick-dots li button { width: 20px; height: 20px; cursor: pointer; } .slick-dots li button { font-size: 0px; line-height: 0; display: block; padding: 5px; color: transparent; border: 0px; outline: none; background: transparent; } .slick-dots li button:focus, .slick-dots li button:hover { outline: none; } .slick-dots li button:focus::before, .slick-dots li button:hover::before { opacity: 1; } .slick-dots li button::before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: rgb(0, 0, 0); -webkit-font-smoothing: antialiased; } .slick-dots li.slick-active button::before { opacity: 0.75; color: rgb(0, 0, 0); } .tabs-block .slick-slide { visibility: hidden; } .tabs-block .slick-active { visibility: visible; } .tabs-block .slick-slider { z-index: 2; flex: 1 1 0%; flex-flow: column; justify-content: space-between; display: flex !important; } .tabs-block .slick-slider:not(.slick-vertical) .slick-slide { padding-top: 2rem; } .tabs-block .slick-slider .slick-list { display: flex; flex-flow: column; flex-grow: 1; } .tabs-block .slick-slider.slick-vertical { margin-bottom: 40px; } .tabs-block .slick-slider.slick-vertical .slick-prev { display: none !important; } .tabs-block .slick-slider.slick-vertical .slick-next, .tabs-block .slick-slider.slick-vertical .slick-prev { left: 50%; transform: translate(-50%) rotate(90deg); } .tabs-block .slick-slider.slick-vertical .slick-next { top: unset; bottom: -30px; } .tabs-block .slick-slider.slick-vertical .slick-prev { top: -30px; } .tabs-block.flex-start .slick-slider .slick-list { justify-content: flex-start; } .tabs-block.flex-start .slick-slider .slick-list .slick-track { display: flex; align-items: flex-start; } .tabs-block.center .slick-slider .slick-list { justify-content: center; } .tabs-block.center .slick-slider .slick-list .slick-track { display: flex; align-items: center; } .tabs-block.flex-end .slick-slider .slick-list { justify-content: flex-end; } .tabs-block.flex-end .slick-slider .slick-list .slick-track { display: flex; align-items: flex-end; } .tabs-block .slick-arrows { z-index: 3; display: flex; flex-direction: row; justify-content: center; margin-top: 1rem; } .tabs-block .slick-arrows button.slick-arrow { z-index: 1; width: 50px; height: 50px; display: block !important; } .tabs-block .slick-arrows button.slick-arrow svg { fill: rgb(255, 255, 255); } .tabs-block .slick-arrows .slick-prev { left: 0px; transform: translate(100%, -50%); } .tabs-block .slick-arrows .slick-next { right: 0px; transform: translate(-100%, -50%); } .tabs-block .slick-arrows .slick-next::before, .tabs-block .slick-arrows .slick-prev::before { display: none; font-size: 50px; opacity: 0.75; } .tabs-block .slick-arrows .slick-next:focus::before, .tabs-block .slick-arrows .slick-next:hover::before, .tabs-block .slick-arrows .slick-prev:focus::before, .tabs-block .slick-arrows .slick-prev:hover::before { opacity: 1; } .tabs-block .slick-dots-wrapper { position: relative; padding: 1rem 0px; margin-bottom: 2rem; } .tabs-block .slick-dots-wrapper .slick-line { position: absolute; z-index: 0; top: 50%; left: 0px; width: 100%; height: 2px; background-color: rgb(255, 255, 255); border-radius: 2px; opacity: 1; transform: translateY(-50%); } .tabs-block .slick-dots-wrapper .slick-dots { position: relative; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: space-around; padding: 0px; margin: 0px; } .tabs-block .slick-dots-wrapper .slick-dots li { z-index: 1; width: 10px; height: 10px; margin: 0px 1rem; } .tabs-block .slick-dots-wrapper .slick-dots li button { width: 10px; height: 10px; padding: 0px; background-color: rgb(255, 255, 255); border-radius: 100%; color: rgb(255, 255, 255); } .tabs-block .slick-dots-wrapper .slick-dots li button::before { display: none; } .tabs-block .slick-dots-wrapper .slick-dots li.slick-active::before { position: absolute; top: -7px; left: -7px; display: block; width: 24px; height: 24px; border: 1px solid rgb(255, 255, 255); border-radius: 100%; content: ""; } .tabs-block.light .slick-next path, .tabs-block.light .slick-next svg, .tabs-block.light .slick-prev path, .tabs-block.light .slick-prev svg { fill: rgb(255, 255, 255) !important; } .tabs-block.light .slick-next::before, .tabs-block.light .slick-prev::before { color: rgb(255, 255, 255); } .tabs-block.light .slick-dots-wrapper .slick-line { background-color: rgb(255, 255, 255); } .tabs-block.light .slick-dots-wrapper .slick-dots li.slick-active::before { border: 1px solid rgb(255, 255, 255); } .tabs-block.light .slick-dots-wrapper .slick-dots li button { background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); } .tabs-block.dark .slick-next path, .tabs-block.dark .slick-next svg, .tabs-block.dark .slick-prev path, .tabs-block.dark .slick-prev svg { fill: rgb(0, 0, 0) !important; } .tabs-block.dark .slick-next::before, .tabs-block.dark .slick-prev::before { color: rgb(0, 0, 0); } .tabs-block.dark .slick-dots-wrapper .slick-line { background-color: rgb(0, 0, 0); } .tabs-block.dark .slick-dots-wrapper .slick-dots li.slick-active::before { border: 1px solid rgb(0, 0, 0); } .tabs-block.dark .slick-dots-wrapper .slick-dots li button { background-color: rgb(0, 0, 0); color: rgb(0, 0, 0); } .tabs-block.grey .slick-next path, .tabs-block.grey .slick-next svg, .tabs-block.grey .slick-prev path, .tabs-block.grey .slick-prev svg { fill: rgb(179, 179, 179) !important; } .tabs-block.grey .slick-next::before, .tabs-block.grey .slick-prev::before { color: rgb(179, 179, 179); } .tabs-block.grey .slick-dots-wrapper .slick-line { background-color: rgb(179, 179, 179); } .tabs-block.grey .slick-dots-wrapper .slick-dots li.slick-active::before { border: 1px solid rgb(179, 179, 179); } .tabs-block.grey .slick-dots-wrapper .slick-dots li button { background-color: rgb(179, 179, 179); color: rgb(179, 179, 179); } @media only screen and (max-width: 820px) { body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .tabs-block .slick-slider:not(.slick-vertical).ui.container, body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .tabs-block .slick-slider:not(.slick-vertical).ui.container, body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .tabs-block .slick-slider:not(.slick-vertical).ui.container { --m-gutter:1.5em; margin-right: 1.5rem !important; margin-left: 1.5em !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .tabs-block .slick-arrows .slick-arrow, body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .tabs-block .slick-arrows .slick-arrow, body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .tabs-block .slick-arrows .slick-arrow { position: relative; top: 0px; bottom: 0px; transform: translate(0px); } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .tabs-block .slick-arrows .slick-arrow.slick-prev, body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .tabs-block .slick-arrows .slick-arrow.slick-prev, body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .tabs-block .slick-arrows .slick-arrow.slick-prev { left: -20px; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .tabs-block .slick-arrows .slick-arrow.slick-next, body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .tabs-block .slick-arrows .slick-arrow.slick-next, body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .tabs-block .slick-arrows .slick-arrow.slick-next { right: -20px; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .tabs-block .slick-arrows.one-arrow .slick-arrow.slick-prev, body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .tabs-block .slick-arrows.one-arrow .slick-arrow.slick-prev, body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .tabs-block .slick-arrows.one-arrow .slick-arrow.slick-prev { left: unset; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .tabs-block .slick-arrows.one-arrow .slick-arrow.slick-next, body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .tabs-block .slick-arrows.one-arrow .slick-arrow.slick-next, body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .tabs-block .slick-arrows.one-arrow .slick-arrow.slick-next { right: unset; }} body.has-toolbar:not(.has-sidebar) .tabs-block .slick-arrows .slick-prev { left: 40px; } body.has-toolbar:not(.has-sidebar) .tabs-block .slick-arrows .slick-next { right: 40px; } body.has-toolbar-collapsed:not(.has-sidebar) .tabs-block .slick-arrows .slick-prev { left: 10px; } body.has-toolbar-collapsed:not(.has-sidebar) .tabs-block .slick-arrows .slick-next { right: 10px; } .repeatableContentBlock .repeatable-block-header .repeatable-block-content-infos { padding: 1rem; background-color: rgb(238, 238, 238); } .repeatableContentBlock .repeatable-block-header .repeatable-block-content-infos.no-bg { padding: 1rem 0px; background-color: transparent; } .repeatableContentBlock .repeatable-block-image.full-width { height: auto; } #toolbar .toolbar-body .user { margin-bottom: 38px; } #toolbar .toolbar-body .session-timer + .user { margin-bottom: 8px; } .session-timer { width: 100%; min-height: 25px; padding: 0px 3px; margin: 0px 0px 4px; } .session-timer .session-time { display: block; width: 100%; border-radius: 4px; background: rgb(10, 46, 56); color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; line-height: 25px; text-align: center; } .ToolbarReviewState-module__\[local\]___JaIpI, .ToolbarReviewState-module__\[local\]___tQqHl { display: inline-block; order: -1; padding: 4px 6px; border-radius: 4px; margin: -12px 0px 12px; color: rgb(51, 51, 51); font-size: 12px; font-weight: 600; text-align: center; } .ToolbarReviewState-module__\[local\]___tQqHl { background-color: rgb(204, 204, 204); } .ToolbarReviewState-module__\[local\]___zij2J { display: inline-block; order: -1; padding: 4px 6px; border-radius: 4px; margin: -12px 0px 12px; font-size: 12px; font-weight: 600; text-align: center; background-color: rgb(0, 123, 193); color: rgb(255, 255, 255); } .ToolbarReviewState-module__\[local\]___KOARy { background-color: rgb(246, 168, 8); } .ToolbarReviewState-module__\[local\]___fYJni, .ToolbarReviewState-module__\[local\]___KOARy { display: inline-block; order: -1; padding: 4px 6px; border-radius: 4px; margin: -12px 0px 12px; font-size: 12px; font-weight: 600; text-align: center; color: rgb(0, 0, 0); } .ToolbarReviewState-module__\[local\]___fYJni { background-color: rgb(244, 224, 55); } .ToolbarReviewState-module__\[local\]___hvT2O { display: inline-block; order: -1; padding: 4px 6px; border-radius: 4px; margin: -12px 0px 12px; font-size: 12px; font-weight: 600; text-align: center; background-color: rgb(237, 64, 51); color: rgb(255, 255, 255); } .volto-subblocks-wrapper .button.add-element { background-color: rgb(0, 126, 177); color: rgb(255, 255, 255); padding: 0.5rem 1rem !important; font-size: 1rem !important; } .volto-subblocks-wrapper .button.add-element:hover { background-color: rgb(4, 84, 117); } .volto-subblocks-wrapper .isDragging { background-color: rgba(0, 0, 0, 0.05); border-radius: 5px; } .volto-subblocks-wrapper .hovered { position: relative; } .volto-subblocks-wrapper .hovered::after { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.05); content: " "; } .volto-subblocks-wrapper .dragsubblock:hover { color: rgb(0, 126, 177); } .volto-subblocks-wrapper .single-block { position: relative; } .volto-subblocks-wrapper .single-block .dragsubblock { position: absolute; top: -25px; left: 0px; color: rgb(184, 198, 200); } .volto-subblocks-wrapper .single-block .dragsubblock:active, .volto-subblocks-wrapper .single-block .dragsubblock:hover { cursor: move; } .volto-subblocks-wrapper .single-block.subblock-draggable { transform: translateZ(0px); } .volto-subblocks-wrapper .single-block.subblock-draggable .ui.basic.button.delete-button { left: 24px; } .volto-subblocks-wrapper .single-block .ui.basic.button.delete-button { position: absolute; top: -18px; left: 0px; } .volto-subblocks-wrapper .single-block .ui.basic.button.delete-button svg { fill: rgb(0, 0, 0) !important; } .volto-subblocks-wrapper .single-block .ui.basic.button.delete-button:active svg, .volto-subblocks-wrapper .single-block .ui.basic.button.delete-button:hover svg { fill: rgb(228, 1, 102) !important; } .visibility-conditions-widget .wrapper-widget-label { display: flex; width: 100%; align-items: center; justify-content: space-between; } .visibility-conditions-widget .wrapper-widget-label .ui.button { margin-bottom: 0.5rem; } .visibility-conditions-widget textarea#form_visibility_conditions { opacity: 0.7; } .modal_visibility_conditions .ui.button.choice-add { display: flex; align-items: center; margin-top: 1rem; margin-left: 1rem; } .modal_visibility_conditions .choice-input { width: 100%; } .modal_visibility_conditions .ui.grid.grid-row-wrapper { padding: 0.5rem 0px; margin: 0px; } .modal_visibility_conditions .ui.grid.grid-row-wrapper:nth-child(2n) { background-color: rgba(225, 247, 247, 0.7); } .modal_visibility_conditions .ui.input.choice-input > input { padding-left: 1rem; } .modal_visibility_conditions .ui.radio.field_boolean { margin-right: 1rem; } .carousel-block__container { --carousel-aspect-ratio:var(--carousel-user-ar-phone,66.6666%); overflow: hidden; width: 100%; max-width: 100vw; } @media screen and (min-width: 768px) { .carousel-block__container { --carousel-aspect-ratio:var(--carousel-user-ar-tablet,75%); }} @media screen and (min-width: 992px) { .carousel-block__container { --carousel-aspect-ratio:var(--carousel-user-ar-desktop,56.25%); }} .carousel-block__container--free .slick-track { display: block !important; } .carousel-block__container--free .slick-slide, .carousel-block__container--free .slick-slide > div { height: auto !important; } .carousel-block__container--free .slick-slide > div { display: block !important; min-height: 0px !important; } .carousel-block__container--free .carousel-block__image-container { height: auto; padding-bottom: 0px; } .carousel-block__container--free .carousel-block__image-container img { position: static; height: auto; } .carousel-block__container--free .carousel-block__card--back { aspect-ratio: auto; } .carousel-block__container--free .carousel-block__card--back .carousel-block__image-container img { z-index: 0; } @media screen and (max-width: 575px) { .carousel-block__container--free .carousel-block__image-container { position: relative; height: 0px; padding-bottom: var(--carousel-aspect-ratio); } .carousel-block__container--free .carousel-block__image-container img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }} .carousel-block__slider { padding-bottom: 2em; } .carousel-block__slider .slick-dots li button { width: 16px; height: 16px; } .carousel-block__slider .slick-dots li button::before { color: var(--interactive) !important; font-size: 16px !important; opacity: 0.16 !important; } .carousel-block__card { position: relative; width: 100%; border-radius: 8px; } .carousel-block__card--with-source:hover { background: none !important; } .carousel-block__card--with-source:hover::before { position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 8px; background-color: var(--interactive); content: ""; opacity: 0.1; } .carousel-block__info { padding: var(--spacing-scale-base); } .carousel-block__info h2, .carousel-block__info p { text-align: start; } .carousel-block__info h2 { font-weight: var(--font-weight-medium); overflow: hidden; font-size: 30px; text-overflow: ellipsis; margin: 0 0 var(--spacing-scale-base) !important; line-height: 1.3 !important; } @supports (-webkit-line-clamp:1) { .carousel-block__info h2 { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }} @supports not (-webkit-line-clamp:1) { .carousel-block__info h2 { display: block; max-height: 132px; }} @media screen and (max-width: 767px) { .carousel-block__info h2 { overflow: hidden; font-size: 26px; text-overflow: ellipsis; line-height: 1.3 !important; } @supports (-webkit-line-clamp:1) { .carousel-block__info h2 { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }} @supports not (-webkit-line-clamp:1) { .carousel-block__info h2 { display: block; max-height: 114.4px; }}} @media screen and (max-width: 575px) { .carousel-block__info h2 { overflow: hidden; font-size: 20px; text-overflow: ellipsis; line-height: 1.3 !important; } @supports (-webkit-line-clamp:1) { .carousel-block__info h2 { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }} @supports not (-webkit-line-clamp:1) { .carousel-block__info h2 { display: block; max-height: 88px; }}} .carousel-block__info p { overflow: hidden; font-size: 20px; text-overflow: ellipsis; margin: 0 0 var(--spacing-scale-base) !important; line-height: 1.3 !important; } @supports (-webkit-line-clamp:1) { .carousel-block__info p { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }} @supports not (-webkit-line-clamp:1) { .carousel-block__info p { display: block; max-height: 88px; }} @media screen and (max-width: 767px) { .carousel-block__info p { overflow: hidden; font-size: 18px; text-overflow: ellipsis; line-height: 1.3 !important; } @supports (-webkit-line-clamp:1) { .carousel-block__info p { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }} @supports not (-webkit-line-clamp:1) { .carousel-block__info p { display: block; max-height: 79.2px; }}} @media screen and (max-width: 575px) { .carousel-block__info p { overflow: hidden; font-size: 16px; text-overflow: ellipsis; line-height: 1.3 !important; } @supports (-webkit-line-clamp:1) { .carousel-block__info p { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }} @supports not (-webkit-line-clamp:1) { .carousel-block__info p { display: block; max-height: 49.6px; }}} .carousel-block__image-container { position: relative; width: 100%; height: 0px; padding-bottom: var(--carousel-aspect-ratio); border-radius: 8px; } .carousel-block__image-container img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 8px; object-fit: cover; object-position: var(--carousel-image-align,center center); } .carousel-block__card--back { position: relative; display: flex; flex-direction: column; justify-content: flex-end; aspect-ratio: var(--carousel-aspect-ratio); } .carousel-block__card--back .carousel-block__image-container { margin: 0px; } .carousel-block__card--back .carousel-block__image-container img { z-index: -1; } .carousel-block__card--back .carousel-block__info { position: absolute; display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: flex-end; padding: 0px 32px 56px; border-radius: var(--surface-rounder-md); background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.9)); } .carousel-block__card--back .carousel-block__info div, .carousel-block__card--back .carousel-block__info h2, .carousel-block__card--back .carousel-block__info p { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px; } .carousel-block__pause-overlay { position: absolute; z-index: 2; top: 16px; left: 24px; align-items: center; justify-content: center; border-radius: 50%; background-color: rgba(255, 255, 255, 0.75); box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 8px; color: rgb(0, 0, 0); opacity: 0; pointer-events: none; transition: opacity 0.2s ease-in-out 0s; display: flex !important; width: 48px !important; height: 48px !important; font-size: 24px !important; } .carousel-block__slider--paused .carousel-block__pause-overlay { opacity: 0.8; } .slick-next, .slick-prev { z-index: 2; position: absolute !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 8px !important; } @media screen and (max-width: 575px) { .slick-next, .slick-prev { display: none; }} .slick-next::before, .slick-prev::before { content: none; } .slick-next.slick-disabled, .slick-prev.slick-disabled { cursor: not-allowed; opacity: var(--disabled); } .slick-prev { left: var(--spacing-scale-2x); } .slick-prev.outside { left: calc(var(--button-small)*-1 + var(--spacing-scale-2x)*-1); } .slick-next { right: var(--spacing-scale-2x); } .slick-next.outside { right: calc(var(--button-small)*-1 + var(--spacing-scale-2x)*-1); } .PresetDateRangePicker_panel { padding: 0px 22px 11px; } .PresetDateRangePicker_button { position: relative; height: 100%; text-align: center; background: 0px 0px; border: 2px solid rgb(0, 166, 153); color: rgb(0, 166, 153); padding: 4px 12px; margin-right: 8px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-weight: 700; line-height: normal; overflow: visible; box-sizing: border-box; cursor: pointer; } .PresetDateRangePicker_button:active { outline: 0px; } .PresetDateRangePicker_button__selected { color: rgb(255, 255, 255); background: rgb(0, 166, 153); } .SingleDatePickerInput { display: inline-block; background-color: rgb(255, 255, 255); } .SingleDatePickerInput__withBorder { border-radius: 2px; border: 1px solid rgb(219, 219, 219); } .SingleDatePickerInput__rtl { direction: rtl; } .SingleDatePickerInput__disabled { background-color: rgb(242, 242, 242); } .SingleDatePickerInput__block { display: block; } .SingleDatePickerInput__showClearDate { padding-right: 30px; } .SingleDatePickerInput_clearDate { background: 0px 0px; border: 0px; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; line-height: normal; overflow: visible; cursor: pointer; padding: 10px; margin: 0px 10px 0px 5px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .SingleDatePickerInput_clearDate__default:focus, .SingleDatePickerInput_clearDate__default:hover { background: rgb(219, 219, 219); border-radius: 50%; } .SingleDatePickerInput_clearDate__small { padding: 6px; } .SingleDatePickerInput_clearDate__hide { visibility: hidden; } .SingleDatePickerInput_clearDate_svg { fill: rgb(130, 136, 138); height: 12px; width: 15px; vertical-align: middle; } .SingleDatePickerInput_clearDate_svg__small { height: 9px; } .SingleDatePickerInput_calendarIcon { background: 0px 0px; border: 0px; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; line-height: normal; overflow: visible; cursor: pointer; display: inline-block; vertical-align: middle; padding: 10px; margin: 0px 5px 0px 10px; } .SingleDatePickerInput_calendarIcon_svg { fill: rgb(130, 136, 138); height: 15px; width: 14px; vertical-align: middle; } .SingleDatePicker { position: relative; display: inline-block; } .SingleDatePicker__block { display: block; } .SingleDatePicker_picker { z-index: 1; background-color: rgb(255, 255, 255); position: absolute; } .SingleDatePicker_picker__rtl { direction: rtl; } .SingleDatePicker_picker__directionLeft { left: 0px; } .SingleDatePicker_picker__directionRight { right: 0px; } .SingleDatePicker_picker__portal { background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } .SingleDatePicker_picker__fullScreenPortal { background-color: rgb(255, 255, 255); } .SingleDatePicker_closeButton { background: 0px 0px; border: 0px; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; line-height: normal; overflow: visible; cursor: pointer; position: absolute; top: 0px; right: 0px; padding: 15px; z-index: 2; } .SingleDatePicker_closeButton:focus, .SingleDatePicker_closeButton:hover { text-decoration: none; } .SingleDatePicker_closeButton_svg { height: 15px; width: 15px; fill: rgb(202, 204, 205); } .DayPickerKeyboardShortcuts_buttonReset { background: 0px 0px; border: 0px; border-radius: 0px; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; line-height: normal; overflow: visible; padding: 0px; cursor: pointer; font-size: 14px; } .DayPickerKeyboardShortcuts_buttonReset:active { outline: 0px; } .DayPickerKeyboardShortcuts_show { width: 33px; height: 26px; position: absolute; z-index: 2; } .DayPickerKeyboardShortcuts_show::before { content: ""; display: block; position: absolute; } .DayPickerKeyboardShortcuts_show__bottomRight { bottom: 0px; right: 0px; } .DayPickerKeyboardShortcuts_show__bottomRight::before { border-top: 26px solid transparent; border-right: 33px solid rgb(0, 166, 153); bottom: 0px; right: 0px; } .DayPickerKeyboardShortcuts_show__bottomRight:hover::before { border-right: 33px solid rgb(0, 132, 137); } .DayPickerKeyboardShortcuts_show__topRight { top: 0px; right: 0px; } .DayPickerKeyboardShortcuts_show__topRight::before { border-bottom: 26px solid transparent; border-right: 33px solid rgb(0, 166, 153); top: 0px; right: 0px; } .DayPickerKeyboardShortcuts_show__topRight:hover::before { border-right: 33px solid rgb(0, 132, 137); } .DayPickerKeyboardShortcuts_show__topLeft { top: 0px; left: 0px; } .DayPickerKeyboardShortcuts_show__topLeft::before { border-bottom: 26px solid transparent; border-left: 33px solid rgb(0, 166, 153); top: 0px; left: 0px; } .DayPickerKeyboardShortcuts_show__topLeft:hover::before { border-left: 33px solid rgb(0, 132, 137); } .DayPickerKeyboardShortcuts_showSpan { color: rgb(255, 255, 255); position: absolute; } .DayPickerKeyboardShortcuts_showSpan__bottomRight { bottom: 0px; right: 5px; } .DayPickerKeyboardShortcuts_showSpan__topRight { top: 1px; right: 5px; } .DayPickerKeyboardShortcuts_showSpan__topLeft { top: 1px; left: 5px; } .DayPickerKeyboardShortcuts_panel { overflow: auto; background: rgb(255, 255, 255); border: 1px solid rgb(219, 219, 219); border-radius: 2px; position: absolute; inset: 0px; z-index: 2; padding: 22px; margin: 33px; text-align: left; } .DayPickerKeyboardShortcuts_title { font-size: 16px; font-weight: 700; margin: 0px; } .DayPickerKeyboardShortcuts_list { list-style: none; padding: 0px; font-size: 14px; } .DayPickerKeyboardShortcuts_close { position: absolute; right: 22px; top: 22px; z-index: 2; } .DayPickerKeyboardShortcuts_close:active { outline: 0px; } .DayPickerKeyboardShortcuts_closeSvg { height: 15px; width: 15px; fill: rgb(202, 204, 205); } .DayPickerKeyboardShortcuts_closeSvg:focus, .DayPickerKeyboardShortcuts_closeSvg:hover { fill: rgb(130, 136, 138); } .CalendarDay { box-sizing: border-box; cursor: pointer; font-size: 14px; text-align: center; } .CalendarDay:active { outline: 0px; } .CalendarDay__defaultCursor { cursor: default; } .CalendarDay__default { border: 1px solid rgb(228, 231, 231); color: rgb(72, 72, 72); background: rgb(255, 255, 255); } .CalendarDay__default:hover { background: rgb(228, 231, 231); border: 1px solid rgb(228, 231, 231); color: inherit; } .CalendarDay__hovered_offset { background: rgb(244, 245, 245); border: 1px double rgb(228, 231, 231); color: inherit; } .CalendarDay__outside { border: 0px; background: rgb(255, 255, 255); color: rgb(72, 72, 72); } .CalendarDay__outside:hover { border: 0px; } .CalendarDay__blocked_minimum_nights { background: rgb(255, 255, 255); border: 1px solid rgb(236, 238, 238); color: rgb(202, 204, 205); } .CalendarDay__blocked_minimum_nights:active, .CalendarDay__blocked_minimum_nights:hover { background: rgb(255, 255, 255); color: rgb(202, 204, 205); } .CalendarDay__highlighted_calendar { background: rgb(255, 232, 188); color: rgb(72, 72, 72); } .CalendarDay__highlighted_calendar:active, .CalendarDay__highlighted_calendar:hover { background: rgb(255, 206, 113); color: rgb(72, 72, 72); } .CalendarDay__selected_span { background: rgb(102, 226, 218); border: 1px double rgb(51, 218, 205); color: rgb(255, 255, 255); } .CalendarDay__selected_span:active, .CalendarDay__selected_span:hover { background: rgb(51, 218, 205); border: 1px double rgb(51, 218, 205); color: rgb(255, 255, 255); } .CalendarDay__selected, .CalendarDay__selected:active, .CalendarDay__selected:hover { background: rgb(0, 166, 153); border: 1px double rgb(0, 166, 153); color: rgb(255, 255, 255); } .CalendarDay__hovered_span, .CalendarDay__hovered_span:hover { background: rgb(178, 241, 236); border: 1px double rgb(128, 232, 224); color: rgb(0, 122, 135); } .CalendarDay__hovered_span:active { background: rgb(128, 232, 224); border: 1px double rgb(128, 232, 224); color: rgb(0, 122, 135); } .CalendarDay__blocked_calendar, .CalendarDay__blocked_calendar:active, .CalendarDay__blocked_calendar:hover { background: rgb(202, 204, 205); border: 1px solid rgb(202, 204, 205); color: rgb(130, 136, 138); } .CalendarDay__blocked_out_of_range, .CalendarDay__blocked_out_of_range:active, .CalendarDay__blocked_out_of_range:hover { background: rgb(255, 255, 255); border: 1px solid rgb(228, 231, 231); color: rgb(202, 204, 205); } .CalendarDay__hovered_start_first_possible_end { background: rgb(236, 238, 238); border: 1px double rgb(236, 238, 238); } .CalendarDay__hovered_start_blocked_min_nights { background: rgb(236, 238, 238); border: 1px double rgb(228, 231, 231); } .CalendarMonth { background: rgb(255, 255, 255); text-align: center; vertical-align: top; user-select: none; } .CalendarMonth_table { border-collapse: collapse; border-spacing: 0px; } .CalendarMonth_verticalSpacing { border-collapse: separate; } .CalendarMonth_caption { color: rgb(72, 72, 72); font-size: 18px; text-align: center; padding-top: 22px; padding-bottom: 37px; caption-side: top; } .CalendarMonth_caption__verticalScrollable { padding-top: 12px; padding-bottom: 7px; } .CalendarMonthGrid { background: rgb(255, 255, 255); text-align: left; z-index: 0; } .CalendarMonthGrid__animating { z-index: 1; } .CalendarMonthGrid__horizontal { position: absolute; left: 9px; } .CalendarMonthGrid__vertical, .CalendarMonthGrid__vertical_scrollable { margin: 0px auto; } .CalendarMonthGrid_month__horizontal { display: inline-block; vertical-align: top; min-height: 100%; } .CalendarMonthGrid_month__hideForAnimation { position: absolute; z-index: -1; opacity: 0; pointer-events: none; } .CalendarMonthGrid_month__hidden { visibility: hidden; } .DayPickerNavigation { position: relative; z-index: 2; } .DayPickerNavigation__horizontal { height: 0px; } .DayPickerNavigation__verticalScrollable_prevNav { z-index: 1; } .DayPickerNavigation__verticalDefault { position: absolute; width: 100%; height: 52px; bottom: 0px; left: 0px; } .DayPickerNavigation__verticalScrollableDefault { position: relative; } .DayPickerNavigation__bottom { height: auto; } .DayPickerNavigation__bottomDefault { -webkit-box-pack: justify; display: flex; justify-content: space-between; } .DayPickerNavigation_button { cursor: pointer; user-select: none; padding: 0px; margin: 0px; } .DayPickerNavigation_button__default { border: 1px solid rgb(228, 231, 231); background-color: rgb(255, 255, 255); color: rgb(117, 117, 117); } .DayPickerNavigation_button__default:focus, .DayPickerNavigation_button__default:hover { border: 1px solid rgb(196, 196, 196); } .DayPickerNavigation_button__default:active { background: rgb(242, 242, 242); } .DayPickerNavigation_button__disabled { cursor: default; border: 1px solid rgb(242, 242, 242); } .DayPickerNavigation_button__disabled:focus, .DayPickerNavigation_button__disabled:hover { border: 1px solid rgb(242, 242, 242); } .DayPickerNavigation_button__disabled:active { background: 0px 0px; } .DayPickerNavigation_button__horizontalDefault { position: absolute; top: 18px; line-height: 0.78; border-radius: 3px; padding: 6px 9px; } .DayPickerNavigation_bottomButton__horizontalDefault { position: static; margin: -10px 22px 30px; } .DayPickerNavigation_leftButton__horizontalDefault { left: 22px; } .DayPickerNavigation_rightButton__horizontalDefault { right: 22px; } .DayPickerNavigation_button__verticalDefault { padding: 5px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 2px; position: relative; display: inline-block; text-align: center; height: 100%; width: 50%; } .DayPickerNavigation_nextButton__verticalDefault { border-left: 0px; } .DayPickerNavigation_nextButton__verticalScrollableDefault, .DayPickerNavigation_prevButton__verticalScrollableDefault { width: 100%; } .DayPickerNavigation_svg__horizontal { height: 19px; width: 19px; fill: rgb(130, 136, 138); display: block; } .DayPickerNavigation_svg__vertical { height: 42px; width: 42px; fill: rgb(72, 72, 72); } .DayPickerNavigation_svg__disabled { fill: rgb(242, 242, 242); } .DayPicker { position: relative; text-align: left; } .DayPicker, .DayPicker__horizontal { background: rgb(255, 255, 255); } .DayPicker__verticalScrollable { height: 100%; } .DayPicker__hidden { visibility: hidden; } .DayPicker__withBorder { box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 6px, rgba(0, 0, 0, 0.07) 0px 0px 0px 1px; border-radius: 3px; } .DayPicker_portal__horizontal { box-shadow: none; position: absolute; left: 50%; top: 50%; } .DayPicker_portal__vertical { position: static; } .DayPicker_focusRegion { outline: 0px; } .DayPicker_calendarInfo__horizontal, .DayPicker_wrapper__horizontal { display: inline-block; vertical-align: top; } .DayPicker_weekHeaders { position: relative; } .DayPicker_weekHeaders__horizontal { margin-left: 9px; } .DayPicker_weekHeader { color: rgb(117, 117, 117); position: absolute; top: 62px; z-index: 2; text-align: left; } .DayPicker_weekHeader__vertical { left: 50%; } .DayPicker_weekHeader__verticalScrollable { top: 0px; display: table-row; border-bottom: 1px solid rgb(219, 219, 219); background: rgb(255, 255, 255); margin-left: 0px; left: 0px; width: 100%; text-align: center; } .DayPicker_weekHeader_ul { list-style: none; margin: 1px 0px; padding-left: 0px; padding-right: 0px; font-size: 14px; } .DayPicker_weekHeader_li { display: inline-block; text-align: center; } .DayPicker_transitionContainer { position: relative; overflow: hidden; border-radius: 3px; } .DayPicker_transitionContainer__horizontal { transition: height 0.2s ease-in-out 0s; } .DayPicker_transitionContainer__vertical { width: 100%; } .DayPicker_transitionContainer__verticalScrollable { padding-top: 20px; height: 100%; position: absolute; inset: 0px; overflow-y: scroll; } .DateInput { margin: 0px; padding: 0px; background: rgb(255, 255, 255); position: relative; display: inline-block; width: 130px; vertical-align: middle; } .DateInput__small { width: 97px; } .DateInput__block { width: 100%; } .DateInput__disabled { background: rgb(242, 242, 242); color: rgb(219, 219, 219); } .DateInput_input { font-weight: 200; font-size: 19px; line-height: 24px; color: rgb(72, 72, 72); background-color: rgb(255, 255, 255); width: 100%; padding: 11px 11px 9px; border-width: 0px 0px 2px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: transparent; border-radius: 0px; } .DateInput_input__small { font-size: 15px; line-height: 18px; letter-spacing: 0.2px; padding: 7px 7px 5px; } .DateInput_input__regular { } .DateInput_input__readOnly { user-select: none; } .DateInput_input__focused { outline: 0px; background: rgb(255, 255, 255); border-width: 0px 0px 2px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(0, 132, 137); } .DateInput_input__disabled { background: rgb(242, 242, 242); font-style: italic; } .DateInput_screenReaderMessage { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .DateInput_fang { position: absolute; width: 20px; height: 10px; left: 22px; z-index: 2; } .DateInput_fangShape { fill: rgb(255, 255, 255); } .DateInput_fangStroke { stroke: rgb(219, 219, 219); fill: transparent; } .DateRangePickerInput { background-color: rgb(255, 255, 255); display: inline-block; } .DateRangePickerInput__disabled { background: rgb(242, 242, 242); } .DateRangePickerInput__withBorder { border-radius: 2px; border: 1px solid rgb(219, 219, 219); } .DateRangePickerInput__rtl { direction: rtl; } .DateRangePickerInput__block { display: block; } .DateRangePickerInput__showClearDates { padding-right: 30px; } .DateRangePickerInput_arrow { display: inline-block; vertical-align: middle; color: rgb(72, 72, 72); } .DateRangePickerInput_arrow_svg { vertical-align: middle; fill: rgb(72, 72, 72); height: 24px; width: 24px; } .DateRangePickerInput_clearDates { background: 0px 0px; border: 0px; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; line-height: normal; overflow: visible; cursor: pointer; padding: 10px; margin: 0px 10px 0px 5px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .DateRangePickerInput_clearDates__small { padding: 6px; } .DateRangePickerInput_clearDates_default:focus, .DateRangePickerInput_clearDates_default:hover { background: rgb(219, 219, 219); border-radius: 50%; } .DateRangePickerInput_clearDates__hide { visibility: hidden; } .DateRangePickerInput_clearDates_svg { fill: rgb(130, 136, 138); height: 12px; width: 15px; vertical-align: middle; } .DateRangePickerInput_clearDates_svg__small { height: 9px; } .DateRangePickerInput_calendarIcon { background: 0px 0px; border: 0px; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; line-height: normal; overflow: visible; cursor: pointer; display: inline-block; vertical-align: middle; padding: 10px; margin: 0px 5px 0px 10px; } .DateRangePickerInput_calendarIcon_svg { fill: rgb(130, 136, 138); height: 15px; width: 14px; vertical-align: middle; } .DateRangePicker { position: relative; display: inline-block; } .DateRangePicker__block { display: block; } .DateRangePicker_picker { z-index: 1; background-color: rgb(255, 255, 255); position: absolute; } .DateRangePicker_picker__rtl { direction: rtl; } .DateRangePicker_picker__directionLeft { left: 0px; } .DateRangePicker_picker__directionRight { right: 0px; } .DateRangePicker_picker__portal { background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } .DateRangePicker_picker__fullScreenPortal { background-color: rgb(255, 255, 255); } .DateRangePicker_closeButton { background: 0px 0px; border: 0px; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; line-height: normal; overflow: visible; cursor: pointer; position: absolute; top: 0px; right: 0px; padding: 15px; z-index: 2; } .DateRangePicker_closeButton:focus, .DateRangePicker_closeButton:hover { text-decoration: none; } .DateRangePicker_closeButton_svg { height: 15px; width: 15px; fill: rgb(202, 204, 205); } .ContainerFacet-module__\[local\]___bN6c\+ { position: relative; display: inline-block; } .ContainerFacet-module__\[local\]___bN6c\+ + .ContainerFacet-module__\[local\]___uXWPb { padding-top: 56px; } .ContainerFacet-module__\[local\]___bN6c\+ .ContainerFacet-module__\[local\]___ABSUk { padding-left: 0px; margin-top: -10px; margin-left: -6px; background-image: none !important; } .ContainerFacet-module__\[local\]___bN6c\+ .ContainerFacet-module__\[local\]___ABSUk i { width: 32px; padding: 8px; border-radius: 50%; } .ContainerFacet-module__\[local\]___bN6c\+ .ContainerFacet-module__\[local\]___ABSUk:not(:disabled):hover > i { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .ContainerFacet-module__\[local\]___bN6c\+ .ContainerFacet-module__\[local\]___OLlpW { position: absolute; z-index: 1000; top: 35px; left: 0px; width: 100%; max-width: 420px; padding: 0px 24px; border-width: 1px; border-style: solid; border-color: rgb(255, 205, 7) rgb(221, 221, 221) rgb(221, 221, 221); border-image: initial; background-color: var(--background); box-shadow: 0 3px 6px 0 rgba(var(--pure-100-rgb),0.16); } .ContainerFacet-module__\[local\]___bN6c\+ .ContainerFacet-module__\[local\]___OLlpW::after { position: absolute; top: -7px; left: 16px; display: block; width: 0px; height: 0px; border-color: transparent transparent rgb(19, 81, 180); border-style: solid; border-width: 0px 7px 7px; content: ""; } .DefaultFacet-module__\[local\]___FYQmW { position: relative; display: inline-block; } .DefaultFacet-module__\[local\]___FYQmW + .DefaultFacet-module__\[local\]___jf01N { padding-top: 56px; } .DefaultFacet-module__\[local\]___FYQmW .DefaultFacet-module__\[local\]___Bs03u { padding-left: 0px; margin-top: -10px; margin-left: -6px; background-image: none !important; } .DefaultFacet-module__\[local\]___FYQmW .DefaultFacet-module__\[local\]___Bs03u i { width: 32px; padding: 8px; border-radius: 50%; } .DefaultFacet-module__\[local\]___FYQmW .DefaultFacet-module__\[local\]___Bs03u:not(:disabled):hover > i { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .DefaultFacet-module__\[local\]___FYQmW .DefaultFacet-module__\[local\]___34-wU { position: absolute; z-index: 4; top: 35px; left: 0px; width: 100%; max-width: 420px; padding: 0px 24px; border-width: 1px; border-style: solid; border-color: rgb(255, 205, 7) rgb(221, 221, 221) rgb(221, 221, 221); border-image: initial; background-color: var(--background); box-shadow: 0 3px 6px 0 rgba(var(--pure-100-rgb),0.16); } .DefaultFacet-module__\[local\]___FYQmW .DefaultFacet-module__\[local\]___34-wU::after { position: absolute; top: -7px; left: 16px; display: block; width: 0px; height: 0px; border-color: transparent transparent rgb(19, 81, 180); border-style: solid; border-width: 0px 7px 7px; content: ""; } .Listing-module__\[local\]___UGYzr .Listing-module__\[local\]___hGz0K { width: 100%; height: auto; margin-bottom: var(--spacing-scale-base); object-fit: contain; } @media screen and (max-width: 575px) { .Listing-module__\[local\]___UGYzr .Listing-module__\[local\]___hGz0K { max-width: 300px; }} @media screen and (min-width: 576px) { .Listing-module__\[local\]___UGYzr { column-gap: 16px; display: grid; grid-template-columns: repeat(auto-fit, minmax(80%, 20%)); grid-template-rows: repeat(6, auto); grid-auto-rows: minmax(auto, 1fr); } .Listing-module__\[local\]___UGYzr .Listing-module__\[local\]___UaJih { grid-area: 1 / 2 / span 6 / auto; margin-bottom: 0px; } .Listing-module__\[local\]___UGYzr .Listing-module__\[local\]___JNA-v, .Listing-module__\[local\]___UGYzr .Listing-module__\[local\]___l7CgC, .Listing-module__\[local\]___UGYzr .Listing-module__\[local\]___oWQ5H, .Listing-module__\[local\]___UGYzr .Listing-module__\[local\]___Tt-m7, .Listing-module__\[local\]___UGYzr .Listing-module__\[local\]___uTE2h, .Listing-module__\[local\]___UGYzr .Listing-module__\[local\]___wT\+Ek { grid-column: 1 / auto; }} .Listing-module__\[local\]___UGYzr .Listing-module__\[local\]___oWQ5H:hover { background-image: none; color: var(--blue-warm-vivid-50) !important; } @media screen and (min-width: 576px) { .Listing-module__\[local\]___UGYzr.Listing-module__\[local\]___YczEG { grid-template-columns: minmax(0px, 1fr) minmax(300px, 20%); }} .Listing-module__\[local\]___UGYzr .Listing-module__\[local\]___5xjcu { display: flex; width: 100%; height: 100%; align-items: center; } .Listing-module__\[local\]___UGYzr .Listing-module__\[local\]___5xjcu audio { width: 100%; } @media screen and (min-width: 576px) { .Listing-module__\[local\]___ShPNA { column-gap: 24px; grid-template-columns: 1fr 2fr !important; } .Listing-module__\[local\]___ShPNA .Listing-module__\[local\]___7XVLM, .Listing-module__\[local\]___ShPNA .Listing-module__\[local\]___UaJih { grid-area: 1 / 1 / span 6 / auto; margin-bottom: 0px; } .Listing-module__\[local\]___ShPNA .Listing-module__\[local\]___l7CgC, .Listing-module__\[local\]___ShPNA .Listing-module__\[local\]___oWQ5H, .Listing-module__\[local\]___ShPNA .Listing-module__\[local\]___Tt-m7 { grid-column: 2 / auto; }} .Listing-module__\[local\]___ShPNA .Listing-module__\[local\]___7XVLM, .Listing-module__\[local\]___ShPNA .Listing-module__\[local\]___UaJih { width: 100%; margin-bottom: var(--spacing-scale-base); } @media screen and (max-width: 575px) { .Listing-module__\[local\]___ShPNA .Listing-module__\[local\]___7XVLM, .Listing-module__\[local\]___ShPNA .Listing-module__\[local\]___UaJih { margin-bottom: var(--spacing-scale-2x); }} .Listing-module__\[local\]___ShPNA .Listing-module__\[local\]___7XVLM iframe, .Listing-module__\[local\]___ShPNA .Listing-module__\[local\]___7XVLM video, .Listing-module__\[local\]___ShPNA .Listing-module__\[local\]___UaJih iframe, .Listing-module__\[local\]___ShPNA .Listing-module__\[local\]___UaJih video { display: block; width: 100%; height: auto; } .WithImagesTemplate-module__\[local\]___xas3\+ { width: 96px; height: 96px; border-radius: var(--surface-rounder-md); margin-left: var(--spacing-scale-2x); object-fit: cover; } @media screen and (min-width: 576px) { .WithImagesTemplate-module__\[local\]___xas3\+ { max-width: 160px; width: auto; height: auto; }} @media screen and (min-width: 768px) { .WithImagesTemplate-module__\[local\]___xas3\+ { max-width: 200px; }} .GovernmentNumbersBody-module__\[local\]___QF2Co { padding: var(--spacing-scale-7x) 0; background-color: var(--blue-warm-vivid-80); color: var(--pure-0); } @media screen and (min-width: 768px) { .GovernmentNumbersBody-module__\[local\]___QF2Co { padding: var(--spacing-scale-6x) 0; }} .GovernmentNumbersBody-module__\[local\]___pRs1Q { font-size: var(--font-size-scale-up-05); text-align: center; color: var(--pure-0) !important; } .GovernmentNumbersBody-module__\[local\]___T2quh { color: var(--pure-0); font-size: var(--font-size-scale-up-01); text-align: center; } .GovernmentNumbersBody-module__\[local\]___oGsMf { display: flex; flex-wrap: wrap; justify-content: center; padding: 0px; margin: 0px; list-style: none; } .GovernmentNumbersBody-module__\[local\]___oGsMf li { margin: var(--spacing-scale-4x) var(--spacing-scale-7x); text-align: center; } .GovernmentNumbersBody-module__\[local\]___dDhEM { font-size: var(--font-size-scale-up-07); font-weight: 900; } @media screen and (min-width: 768px) { .GovernmentNumbersBody-module__\[local\]___WKCZv { font-size: var(--font-size-scale-up-01); }} .GovernmentNumbersBody-module__\[local\]___cBrH1 { border: 1px solid rgb(255, 255, 255) !important; background-color: transparent !important; color: var(--pure-0) !important; } .GovernmentNumbersBody-module__\[local\]___cBrH1:hover { border-color: var(--color-primary-default) !important; background: var(--color-primary-default) !important; } .ImageListBody-module__\[local\]___c\+gbz { margin: 0 calc(var(--spacing-scale-base)*-1); } .ImageListBody-module__\[local\]___uiRzD { display: flex; flex-direction: column; padding: var(--spacing-scale-base); border-radius: var(--surface-rounder-md); } .ImageListBody-module__\[local\]___164df { border-radius: var(--surface-rounder-md); margin-bottom: var(--spacing-scale-half); } .ImageListBody-module__\[local\]___FQ-3Z { display: -webkit-box; overflow: hidden; padding-bottom: 1px; margin-bottom: var(--spacing-scale-half); -webkit-box-orient: vertical; color: var(--gray-70); font-weight: 600; -webkit-line-clamp: 2; line-height: 1.32; text-overflow: ellipsis; } .ImageListBody-module__\[local\]___JdNU2 { margin-bottom: var(--spacing-scale-half); color: var(--gray-70); font-size: var(--font-size-scale-down-01); } .LinkMapBody-module__\[local\]___X7yUA { color: var(--link-map-text-color,inherit); --color:var(--link-map-text-color,inherit); } .LinkMapBody-module__\[local\]___ZtBxZ { --link-map-title-color:var(--green-vivid-50,#108548); --link-map-text-color:var(--color-light,#1f1f1f); --link-map-empty-color:rgba(31,31,31,0.65); } .LinkMapBody-module__\[local\]___MeWoe { --link-map-title-color:var(--yellow-vivid-20,#ffe066); --link-map-text-color:var(--color-dark,#fff); --link-map-empty-color:hsla(0,0%,100%,0.75); } .LinkMapBody-module__\[local\]___YRJAN { margin: 0px; color: var(--link-map-title-color,inherit); } .LinkMapBody-module__\[local\]___619qw { margin: 0px; color: var(--link-map-text-color,inherit); } .LinkMapBody-module__\[local\]___-wXtI { --color:var(--color-dark,#fff); } .LinkMapBody-module__\[local\]___t4DM5 { margin: 0px; color: var(--link-map-empty-color,hsla(0,0%,100%,0.75)); font-size: var(--font-size-scale-down-01,0.875rem); } .LinkMapBody-module__\[local\]___uo\+\+B { width: 450px; max-width: 100%; flex: 0 0 auto; margin: 0px; } .LinkMapBody-module__\[local\]___uo\+\+B img, .LinkMapBody-module__\[local\]___uo\+\+B svg { display: block; width: 450px; max-width: 100%; height: 460px; } @media (max-width: 575.98px) { .LinkMapBody-module__\[local\]___uo\+\+B { width: 100%; } .LinkMapBody-module__\[local\]___uo\+\+B img, .LinkMapBody-module__\[local\]___uo\+\+B svg { width: 80%; height: auto; }} .LinkMapBody-module__\[local\]___uo\+\+B.LinkMapBody-module__\[local\]___bWxdq { pointer-events: none; } .Map-module__\[local\]___VVUbC { width: 100%; height: 100%; } .Map-module__\[local\]___TjWVQ { --state-stroke:var(--gray-cool-70,#3d4551); fill: var(--state-fill,var(--gray-40,#d0d0d0)); stroke: var(--state-stroke,var(--gray-40,#3d4551)); stroke-width: 2px; transition: fill 0.2s ease 0s, stroke 0.2s ease 0s; } .Map-module__\[local\]___gQfLS { cursor: pointer; } .Map-module__\[local\]___eUJNt { outline: none; text-decoration: none; } .Map-module__\[local\]___eUJNt:focus-visible { outline: none; } .Map-module__\[local\]___04Lpe, .Map-module__\[local\]___eUJNt:focus-visible .Map-module__\[local\]___TjWVQ, .Map-module__\[local\]___eUJNt:hover .Map-module__\[local\]___TjWVQ { fill: var(--state-hover-fill,var(--color-primary-default,#0050b3)); } .Map-module__\[local\]___D70CH { cursor: default; } .Map-module__\[local\]___VjxIS { pointer-events: none; } .Map-module__\[local\]___L\+AVb { fill: var(--state-label-color,var(--gray-80,#595959)); font-size: 80px; font-weight: 600; letter-spacing: 4.8px; text-transform: uppercase; transition: fill 0.2s ease 0s, stroke 0.2s ease 0s; } .Map-module__\[local\]___43WB7 { fill: var(--state-label-link-color,var(--gray-110,#1f1f1f)); } .Map-module__\[local\]___zjTZ4 { fill: var(--state-label-active-color,var(--pure-0,#fff)); } .Map-module__\[local\]___lFVvi { font-size: 65px; letter-spacing: 3.6px; } .Map-module__\[local\]___LeBcL { font-size: 70px; letter-spacing: 2.8px; } .public-consultations-listing-grid { display: grid; align-items: start; gap: 2rem; grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr); } .public-consultations-listing-closed-column, .public-consultations-listing-open-column { min-width: 0px; } .public-consultations-listing-open-column { grid-column: 1 / auto; } .public-consultations-listing-closed-column { grid-column: 2 / auto; } .public-consultations-listing-closed-column > span, .public-consultations-listing-open-column > span { display: block; margin-bottom: 0.75rem; font-weight: 600; } @media (max-width: 991px) { .public-consultations-listing-grid { gap: 1rem; grid-template-columns: 1fr; } .public-consultations-listing-closed-column, .public-consultations-listing-open-column { grid-column: auto / auto; }} .block-editor-responsiveContent [data-rbd-draggable-context-id] { margin-bottom: 1rem; } .block-editor-responsiveContent .block.responsiveContent.selected::before, .block-editor-responsiveContent .block.responsiveContent:hover::before { border: 1px dashed rgba(120, 192, 215, 0.75) !important; } .block-editor-responsiveContent fieldset { border: none; } .block-editor-responsiveContent fieldset legend { position: absolute; z-index: 3; top: -1.3em; left: 0px; width: fit-content; padding: 0px 0px 0px 1rem; margin: 0px auto; background-color: var(--pure-0); color: rgba(120, 192, 215, 0.75); cursor: pointer; font-size: 1rem; font-weight: 400; text-align: center; } .block-editor-responsiveContent .responsive-content-block { padding-top: 1rem; padding-bottom: 0.1rem; margin: 0px; } .block-editor-responsiveContent .counter { display: grid; align-items: center; font-size: 85%; gap: 0.5em; grid-template-columns: 98% auto; text-align: end; } .block-editor-responsiveContent .counter.info { color: rgb(204, 204, 204); } .block-editor-responsiveContent .counter.danger { color: rgb(220, 20, 60); } .block-editor-responsiveContent .counter.warning { color: rgb(255, 140, 0); } .block-editor-responsiveContent .blocks-form { margin-top: 0.5rem; } .block-editor-responsiveContent .block-toolbar { position: absolute; z-index: 3; right: -9px; display: flex; border-top: 1px solid rgba(120, 192, 215, 0.75); border-right: 1px solid rgba(120, 192, 215, 0.75); border-left: 1px solid rgba(120, 192, 215, 0.75); border-image: initial; border-bottom: 1px solid var(--pure-0); margin-top: -45px; background-color: var(--pure-0); border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .block-editor-responsiveContent .block-toolbar .ui.basic.button { padding: 8px 5px; } .block-editor-responsiveContent .block-toolbar .ui.basic.button:hover { background: transparent !important; } .block-editor-responsiveContent .icons { cursor: auto; } .block-editor-responsiveContent .device-icon { padding-left: var(--spacing-scale-half); color: rgba(120, 192, 215, 0.25); cursor: auto; } .block-editor-responsiveContent .device-icon:first-of-type { padding-left: var(--spacing-scale-base); } .block-editor-responsiveContent .device-icon:last-of-type { padding-right: 1rem; } .block-editor-responsiveContent .device-icon.visible { color: rgb(120, 192, 215); } .block-editor-responsiveContent .no-device-selected { padding: 0 0 var(--spacing-scale-base); } @media screen and (min-width: 1280px) { .ServiceChannelsBody-module__\[local\]___-vGeq { --cards-width:33% !important; --cards-max-width:33% !important; }} .ServiceChannelsBody-module__\[local\]___YMQV0 { width: var(--cards-grid-width); --cards-grid-width:100%; --cards-width:100%; --cards-max-width:none; margin-right: calc(var(--spacing-scale-baseh)*-1) !important; margin-left: calc(var(--spacing-scale-baseh)*-1) !important; } @media screen and (min-width: 576px) { .ServiceChannelsBody-module__\[local\]___YMQV0 { --cards-width:50%; --cards-max-width:50%; }} @media screen and (min-width: 992px) { .ServiceChannelsBody-module__\[local\]___YMQV0 { --cards-width:33.3333%; --cards-max-width:33.3333%; }} @media screen and (min-width: 1280px) { .ServiceChannelsBody-module__\[local\]___YMQV0 { --cards-width:25%; --cards-max-width:25%; }} .ServiceChannelsBody-module__\[local\]___O4t4X { display: flex; width: var(--cards-grid-width); max-width: var(--cards-max-width); flex-basis: var(--cards-width); } @media screen and (min-width: 576px) { .ServiceChannelsBody-module__\[local\]___O4t4X { padding: var(--spacing-scale-baseh); }} .DefaultTemplate-module__\[local\]___0n4uH { --teaser-aspect-ratio:var(--teaser-user-aspect-ratio-mobile,66.6666%); } @media screen and (min-width: 768px) { .DefaultTemplate-module__\[local\]___0n4uH { --teaser-aspect-ratio:var(--teaser-user-aspect-ratio-tablet,75%); }} @media screen and (min-width: 992px) { .DefaultTemplate-module__\[local\]___0n4uH { --teaser-aspect-ratio:var(--teaser-user-aspect-ratio-desktop,56.25%); }} .DefaultTemplate-module__\[local\]___0n4uH .DefaultTemplate-module__\[local\]___ANrdx { position: relative; width: 100%; height: 0px; padding-bottom: var(--teaser-aspect-ratio); margin-bottom: var(--spacing-scale-base); } .DefaultTemplate-module__\[local\]___0n4uH .DefaultTemplate-module__\[local\]___ANrdx img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: var(--surface-rounder-md); object-fit: cover; object-position: var(--teaser-horizontal-align) var(--teaser-vertical-align); } .DefaultTemplate-module__\[local\]___zilk\+ .DefaultTemplate-module__\[local\]___ANrdx { height: auto; padding-bottom: 0px; } .DefaultTemplate-module__\[local\]___zilk\+ .DefaultTemplate-module__\[local\]___ANrdx img { position: relative; height: auto; } .DefaultTemplate-module__\[local\]___zilk\+.DefaultTemplate-module__\[local\]___yKj-U { aspect-ratio: auto; } .DefaultTemplate-module__\[local\]___Hqjra div { margin-bottom: var(--spacing-scale-base); color: var(--color-light); font-size: var(--font-size-scale-base); font-weight: 700; text-transform: uppercase; } .DefaultTemplate-module__\[local\]___Hqjra h2 { color: var(--color-active) !important; font-size: var(--font-size-scale-up-02) !important; font-weight: 500 !important; } .DefaultTemplate-module__\[local\]___Hqjra h2, .DefaultTemplate-module__\[local\]___Hqjra p { margin: 0 0 var(--spacing-scale-base) !important; } .DefaultTemplate-module__\[local\]___yKj-U { position: relative; display: flex; flex-direction: column; justify-content: flex-end; aspect-ratio: var(--teaser-aspect-ratio); } .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___ANrdx { margin: 0px; } .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___ANrdx img { z-index: 0; } .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra { position: absolute; z-index: 1; display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: flex-end; padding: 12px 20px; border-radius: var(--surface-rounder-md); background: var(--surface-overlay-text); } .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra div, .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra h2, .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra p { text-shadow: 0 1px 3px rgba(var(--pure-100-rgb),0.6); color: rgb(255, 255, 255) !important; } .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra h2 { overflow: hidden; font-size: 1em; text-overflow: ellipsis; line-height: 1.3 !important; } @supports (-webkit-line-clamp:1) { .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra h2 { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }} @supports not (-webkit-line-clamp:1) { .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra h2 { display: block; max-height: 4.4em; }} @media screen and (max-width: 575px) { .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra h2 { overflow: hidden; font-size: 20px; text-overflow: ellipsis; line-height: 1.3 !important; } @supports (-webkit-line-clamp:1) { .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra h2 { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }} @supports not (-webkit-line-clamp:1) { .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra h2 { display: block; max-height: 88px; }}} .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra p { overflow: hidden; font-size: 1em; text-overflow: ellipsis; line-height: 1.3 !important; } @supports (-webkit-line-clamp:1) { .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra p { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }} @supports not (-webkit-line-clamp:1) { .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra p { display: block; max-height: 4.4em; }} @media screen and (max-width: 575px) { .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra p { overflow: hidden; font-size: 16px; text-overflow: ellipsis; line-height: 1.3 !important; } @supports (-webkit-line-clamp:1) { .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra p { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }} @supports not (-webkit-line-clamp:1) { .DefaultTemplate-module__\[local\]___yKj-U .DefaultTemplate-module__\[local\]___Hqjra p { display: block; max-height: 49.6px; }}} .is-authenticated .DefaultTemplate-module__\[local\]___cAlKf h2 { color: var(--color-review-state-private-dark) !important; } .is-authenticated .DefaultTemplate-module__\[local\]___cAlKf .DefaultTemplate-module__\[local\]___yKj-U h2 { color: var(--color-review-state-private-light) !important; } .is-authenticated .DefaultTemplate-module__\[local\]___hJ-H- h2 { color: var(--color-review-state-pending-dark) !important; } .is-authenticated .DefaultTemplate-module__\[local\]___hJ-H- .DefaultTemplate-module__\[local\]___yKj-U h2 { color: var(--color-review-state-pending-light) !important; } .DefaultTemplate-module__\[local\]___Kgs6h:hover { background: none !important; box-shadow: none !important; filter: none !important; } [class*="DefaultTemplate-module__linkWrapper"]:hover .DefaultTemplate-module__\[local\]___nQ-1s h2 { transition: color 0.2s ease 0s; color: var(--blue-warm-vivid-50) !important; } .ui.message.HelpMessageWidget-module__\[local\]___wDjWk { padding: 12px; width: auto !important; } .AgendaInfoCard-module__\[local\]___oH19h { overflow: hidden; font-size: 1em; text-overflow: ellipsis; line-height: 1.33 !important; } @supports (-webkit-line-clamp:1) { .AgendaInfoCard-module__\[local\]___oH19h { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }} @supports not (-webkit-line-clamp:1) { .AgendaInfoCard-module__\[local\]___oH19h { display: block; max-height: 4.49em; }} .AgendaInfoCard-module__\[local\]___yj\+2s { --color:#333; width: 100%; height: 100%; margin-bottom: 0px !important; } .AgendaInfoCard-module__\[local\]___Ex2E\+ { height: 100%; box-sizing: border-box; } .AgendaSummary-module__\[local\]___-udGO { --color:var(--pure-0); } .AgendaSummary-module__\[local\]___YFzg0 { position: relative; padding: 0px 3.75rem 3rem; } .AgendaSummary-module__\[local\]___YFzg0 .slick-list { margin: 0px; } .AgendaSummary-module__\[local\]___YFzg0 .slick-track { display: flex; align-items: stretch; } .AgendaSummary-module__\[local\]___YFzg0 .slick-slide { min-width: 0px; height: auto; } .AgendaSummary-module__\[local\]___YFzg0 .slick-slide > div { height: 100%; padding: 0px 0.75rem; } .AgendaSummary-module__\[local\]___YFzg0 .slick-dots { bottom: -2.5rem; } .AgendaSummary-module__\[local\]___YFzg0 .slick-dots li button::before { color: currentcolor; font-size: 0.75rem; opacity: 0.3; } .AgendaSummary-module__\[local\]___YFzg0 .slick-dots li.slick-active button::before { color: currentcolor; opacity: 1; } .AgendaSummary-module__\[local\]___8bF1x { color: var(--blue-warm-vivid-70); } .AgendaSummary-module__\[local\]___WG8qz { color: rgb(255, 255, 255); } .AgendaSummary-module__\[local\]___OZJM1 { box-sizing: border-box; } .AgendaSummary-module__\[local\]___6moyy { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; padding: 0px 0.75rem; gap: 1.5rem; } .AgendaSummary-module__\[local\]___FY-MO { display: flex; width: calc(25% - 0.75rem); min-width: 180px; box-sizing: border-box; flex: 0 0 auto; } @media screen and (max-width: 767px) { .AgendaSummary-module__\[local\]___YFzg0 { padding: 0px 0px 2.25rem; } .AgendaSummary-module__\[local\]___YFzg0 .slick-arrow { display: none !important; } .AgendaSummary-module__\[local\]___YFzg0 .slick-list { margin: 0px; } .AgendaSummary-module__\[local\]___YFzg0 .slick-slide > div { padding: 0px 0.5rem; } .AgendaSummary-module__\[local\]___YFzg0 .slick-dots { bottom: -1.9rem; } .AgendaSummary-module__\[local\]___6moyy { padding-right: 0.5rem; padding-left: 0.5rem; gap: 1rem; } .AgendaSummary-module__\[local\]___FY-MO { width: calc(50% - 0.5rem); min-width: 0px; }} .CardsBody-module__\[local\]___BncSx { overflow: visible; width: 100%; } .CardsBody-module__\[local\]___0C7hh, .CardsBody-module__\[local\]___7w-Ri, .CardsBody-module__\[local\]___37grR, .CardsBody-module__\[local\]___eCKdm, .CardsBody-module__\[local\]___VhnBH, .CardsBody-module__\[local\]___yaSNL { display: flex; width: 100%; max-width: 100%; box-sizing: border-box; flex-wrap: wrap; margin-right: 0px; margin-left: 0px; gap: 0px; } .CardsBody-module__\[local\]___yaSNL { max-width: calc(300px + var(--spacing-scale-baseh)*2*1); } .CardsBody-module__\[local\]___VhnBH { max-width: calc(600px + var(--spacing-scale-baseh)*2*2); } .CardsBody-module__\[local\]___7w-Ri { max-width: calc(900px + var(--spacing-scale-baseh)*2*3); } .CardsBody-module__\[local\]___0C7hh, .CardsBody-module__\[local\]___37grR { max-width: calc(1200px + var(--spacing-scale-baseh)*2*4); } .CardsBody-module__\[local\]___eCKdm { max-width: calc(1500px + var(--spacing-scale-baseh)*2*5); } .CardsBody-module__\[local\]___A7qZK { display: flex; min-width: 10rem; max-width: 100%; box-sizing: border-box; flex: 1 0 100%; align-items: flex-start; justify-content: center; } @media screen and (min-width: 576px) { .CardsBody-module__\[local\]___A7qZK { padding: var(--spacing-scale-baseh); }} .CardsBody-module__\[local\]___rIVDy { width: 100%; max-width: 300px; } @media screen and (min-width: 576px) { .CardsBody-module__\[local\]___yaSNL > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 100%; max-width: 100%; }} @media screen and (min-width: 992px) { .CardsBody-module__\[local\]___yaSNL > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 100%; max-width: 100%; }} @media screen and (min-width: 1280px) { .CardsBody-module__\[local\]___yaSNL > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 100%; max-width: 100%; }} @media screen and (min-width: 576px) { .CardsBody-module__\[local\]___VhnBH > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 50%; max-width: 50%; }} @media screen and (min-width: 992px) { .CardsBody-module__\[local\]___VhnBH > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 50%; max-width: 50%; }} @media screen and (min-width: 1280px) { .CardsBody-module__\[local\]___VhnBH > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 50%; max-width: 50%; }} @media screen and (min-width: 576px) { .CardsBody-module__\[local\]___7w-Ri > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 50%; max-width: 50%; }} @media screen and (min-width: 992px) { .CardsBody-module__\[local\]___7w-Ri > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 33.3333%; max-width: 33.3333%; }} @media screen and (min-width: 1280px) { .CardsBody-module__\[local\]___7w-Ri > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 33.3333%; max-width: 33.3333%; }} @media screen and (min-width: 576px) { .CardsBody-module__\[local\]___0C7hh > .CardsBody-module__\[local\]___A7qZK, .CardsBody-module__\[local\]___37grR > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 50%; max-width: 50%; }} @media screen and (min-width: 992px) { .CardsBody-module__\[local\]___0C7hh > .CardsBody-module__\[local\]___A7qZK, .CardsBody-module__\[local\]___37grR > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 33.3333%; max-width: 33.3333%; }} @media screen and (min-width: 1280px) { .CardsBody-module__\[local\]___0C7hh > .CardsBody-module__\[local\]___A7qZK, .CardsBody-module__\[local\]___37grR > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 25%; max-width: 25%; }} @media screen and (min-width: 576px) { .CardsBody-module__\[local\]___eCKdm > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 33.3333%; max-width: 33.3333%; }} @media screen and (min-width: 992px) { .CardsBody-module__\[local\]___eCKdm > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 25%; max-width: 25%; }} @media screen and (min-width: 1280px) { .CardsBody-module__\[local\]___eCKdm > .CardsBody-module__\[local\]___A7qZK { flex: 1 0 20%; max-width: 20%; }} .person-card__links-collapse summary { position: relative; display: inline-flex; align-items: center; cursor: pointer; gap: 0.4rem; list-style: none; outline: none; } .person-card__links-collapse summary::-webkit-details-marker { display: none; } .person-card__links-collapse .collapse-icon { transition: transform 0.25s ease 0s; } .person-card__links-collapse[open] .collapse-icon { transform: rotate(180deg); } .person-card__links-collapse .br-item + .br-item { margin-top: 0.25rem; } .person-card__links-collapse .br-item { display: flex; overflow: hidden; width: 100%; max-width: 100%; box-sizing: border-box; align-items: flex-start; padding: 0.45rem 0.85rem; border-radius: 4px; gap: 0.4rem; text-overflow: ellipsis; } .person-card__links-collapse .br-item .flex-fill { min-width: 0px; } .person-card { position: relative; overflow: hidden; } .person-card__links-collapse .br-item:hover { margin-right: 0px; margin-left: 0px; } .person-card__body { width: 100%; } .person-card__docs { position: relative; padding-top: 1rem; border-top: 1px solid var(--color-secondary-03,#e0e0e0); margin-top: 1.25rem; } .person-card__docs-list { padding-left: 0.35rem; margin-left: 1rem; } .person-card__substitute { position: relative; } .br-item .br-avatar.large, .br-item .br-avatar.medium, .br-item .br-avatar.small { flex-shrink: 0; } .object-position-left-top { object-position: left top; } .object-position-left-center { object-position: left center; } .object-position-left-bottom { object-position: left bottom; } .object-position-center-top { object-position: center top; } .object-position-center-center { object-position: center center; } .object-position-center-bottom { object-position: center bottom; } .object-position-right-top { object-position: right top; } .object-position-right-center { object-position: right center; } .object-position-right-bottom { object-position: right bottom; } .ListingPersons-module__\[local\]___PcdJm { position: sticky; z-index: 1; top: 64px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 8px; } .ListingPersons-module__\[local\]___4TW1A > .ListingPersons-module__\[local\]___E60mg { display: flex; min-height: 340px; flex-direction: column; } .ListingPersons-module__\[local\]___4TW1A > .ListingPersons-module__\[local\]___E60mg.ListingPersons-module__\[local\]___N0kUE { min-height: 280px; } .ListingPersons-module__\[local\]___Zhk46 { display: flex; align-items: center; margin-left: 2em; gap: 1.5em; } .ListingPersons-module__\[local\]___l\+8s- { display: flex; flex-direction: column; align-items: center; padding: 0.2em 0.7em; border-radius: 6px; background: rgb(243, 246, 250); color: rgb(68, 68, 68); font-size: 0.95em; } .ListingPersons-module__\[local\]___EXMDO { border: none; margin-left: 1em; background: none; color: rgb(0, 123, 255); cursor: pointer; font-size: 1.1em; transition: color 0.2s ease 0s; } .ListingPersons-module__\[local\]___EXMDO:hover { color: rgb(0, 86, 179); } .ListingPersons-module__\[local\]___uPW6h { padding: 1.75em 1.25em; border-radius: 12px; margin-bottom: 1em; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; transition: box-shadow 0.2s ease 0s; } .ListingPersons-module__\[local\]___uPW6h:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px; } .ListingPersons-module__\[local\]___uPW6h .ListingPersons-module__\[local\]___hzyxE { padding-bottom: 0px; border-bottom: none; } .ListingPersons-module__\[local\]___uPW6h .ListingPersons-module__\[local\]___E2trw { color: rgb(85, 85, 85); font-size: 0.95em; } .ListingPersons-module__\[local\]___uPW6h .ListingPersons-module__\[local\]___E2trw .ListingPersons-module__\[local\]___QXIW1, .ListingPersons-module__\[local\]___uPW6h .ListingPersons-module__\[local\]___E2trw .ListingPersons-module__\[local\]___RHCPe { color: rgb(0, 123, 255); } .ListingPersons-module__\[local\]___uPW6h .ListingPersons-module__\[local\]___lQpMB { margin: 1em 0px; } .ListingPersons-module__\[local\]___uPW6h .ListingPersons-module__\[local\]___lQpMB .ListingPersons-module__\[local\]___lb0hI { border-radius: 6px; background: rgb(0, 123, 255); color: rgb(255, 255, 255); font-weight: 500; } .ListingPersons-module__\[local\]___uPW6h .ListingPersons-module__\[local\]___KG81b { padding-top: 0.5em; border-top: 1px solid rgb(238, 238, 238); } .ListingPersons-module__\[local\]___uPW6h .ListingPersons-module__\[local\]___KG81b .ListingPersons-module__\[local\]___YJUec { padding: 0px 0.5em; color: rgb(0, 123, 255); font-size: 0.95em; } .ListingPersons-module__\[local\]___eNqkm { border-left: 2px solid rgb(224, 224, 224); margin-bottom: 1em; } .ListingPersons-module__\[local\]___ngAQg { padding-left: 2.5em; border-left: 2px solid rgb(189, 189, 189); } .ListingPersons-module__\[local\]___tmDBI { width: 100%; } .ListingPersons-module__\[local\]___LQX9U { display: block; text-align: center; } @media (min-width: 576px) { .ListingPersons-module__\[local\]___LQX9U { text-align: left; }} .ListingPersons-module__\[local\]___4TW1A { display: grid; gap: 1rem; } @media (min-width: 992px) { .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___LWEf4 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___fV7xQ { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___pJTxL { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___IX5zo { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___YMLDC { grid-template-columns: repeat(5, minmax(0px, 1fr)); }} @media (max-width: 991.98px) and (min-width: 576px) { .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___fV7xQ, .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___IX5zo, .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___LWEf4, .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___pJTxL, .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___YMLDC { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }} @media (max-width: 575.98px) { .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___fV7xQ, .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___IX5zo, .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___LWEf4, .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___pJTxL, .ListingPersons-module__\[local\]___4TW1A.ListingPersons-module__\[local\]___YMLDC { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }} :root { --person-avatar-sm:40px; --person-avatar-md:100px; --person-avatar-lg:160px; } .ListingPersons-module__\[local\]___Tmwws .ListingPersons-module__\[local\]___eaDJY .ListingPersons-module__\[local\]___bPpCe img, .ListingPersons-module__\[local\]___Tmwws .ListingPersons-module__\[local\]___eaDJY .ListingPersons-module__\[local\]___bPpCe picture img, .ListingPersons-module__\[local\]___Tmwws img { border-radius: 50%; object-fit: cover; } .ListingPersons-module__\[local\]___w-Tns { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; } @media screen and (max-width: 575px) { .ListingPersons-module__\[local\]___ACrZk { width: 100% !important; }} .rbc-btn { color: inherit; font: inherit; margin: 0px; } button.rbc-btn { overflow: visible; text-transform: none; appearance: button; cursor: pointer; } button[disabled].rbc-btn { cursor: not-allowed; } .rbc-toolbar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 16px; } .rbc-toolbar .rbc-toolbar-label { flex-grow: 1; padding: 0px 10px; text-align: center; } .rbc-toolbar button { color: rgb(55, 58, 60); display: inline-block; margin: 0px; text-align: center; vertical-align: middle; background: none; border: 1px solid rgb(204, 204, 204); padding: 0.375rem 1rem; border-radius: 4px; line-height: normal; white-space: nowrap; } .rbc-toolbar button.rbc-active, .rbc-toolbar button:active { background-image: none; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; background-color: rgb(230, 230, 230); border-color: rgb(173, 173, 173); } .rbc-toolbar button.rbc-active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button:active:hover { color: rgb(55, 58, 60); background-color: rgb(212, 212, 212); border-color: rgb(140, 140, 140); } .rbc-toolbar button:focus, .rbc-toolbar button:hover { color: rgb(55, 58, 60); background-color: rgb(230, 230, 230); border-color: rgb(173, 173, 173); } .rbc-toolbar button:hover { cursor: pointer; } .rbc-btn-group { display: inline-block; white-space: nowrap; } .rbc-btn-group > button:first-child:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .rbc-btn-group > button:last-child:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) { border-radius: 0px 4px 4px 0px; } .rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) { border-radius: 4px 0px 0px 4px; } .rbc-btn-group > button:not(:first-child):not(:last-child) { border-radius: 0px; } .rbc-btn-group button + button { margin-left: -1px; } .rbc-rtl .rbc-btn-group button + button { margin-left: 0px; margin-right: -1px; } .rbc-btn-group + .rbc-btn-group, .rbc-btn-group + button { margin-left: 10px; } @media (max-width: 767px) { .rbc-toolbar { flex-direction: column; }} .rbc-event { box-sizing: border-box; margin: 0px; padding: 2px 5px; background-color: rgb(49, 116, 173); border-radius: 5px; color: rgb(255, 255, 255); cursor: pointer; width: 100%; text-align: left; } .rbc-slot-selecting .rbc-event { cursor: inherit; pointer-events: none; } .rbc-event.rbc-selected { background-color: rgb(38, 89, 133); } .rbc-event:focus { outline: rgb(59, 153, 252) auto 5px; } .rbc-event-label { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 80%; } .rbc-event-overlaps { box-shadow: rgba(51, 51, 51, 0.5) -1px 1px 5px 0px; } .rbc-event-continues-prior { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .rbc-event-continues-after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .rbc-event-continues-earlier { border-top-left-radius: 0px; border-top-right-radius: 0px; } .rbc-event-continues-later { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .rbc-row { display: flex; flex-direction: row; } .rbc-row-segment { padding: 0px 1px 1px; } .rbc-row-segment .rbc-event-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rbc-selected-cell { background-color: rgba(0, 0, 0, 0.1); } .rbc-show-more { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(255, 255, 255, 0.298); z-index: 4; font-size: 85%; height: auto; line-height: normal; color: rgb(49, 116, 173); } .rbc-show-more:focus, .rbc-show-more:hover { color: rgb(38, 89, 133); } .rbc-month-view { position: relative; border: 1px solid rgb(221, 221, 221); display: flex; flex-direction: column; flex: 1 0 0px; width: 100%; user-select: none; height: 100%; } .rbc-month-header { display: flex; flex-direction: row; } .rbc-month-row { display: flex; position: relative; flex-direction: column; flex: 1 0 0px; height: 100%; } .rbc-month-row + .rbc-month-row { border-top: 1px solid rgb(221, 221, 221); } .rbc-date-cell { flex: 1 1 0px; min-width: 0px; padding-right: 5px; text-align: right; } .rbc-date-cell.rbc-now { font-weight: 700; } .rbc-date-cell > a, .rbc-date-cell > a:active, .rbc-date-cell > a:visited { color: inherit; text-decoration: none; } .rbc-row-bg { position: absolute; inset: 0px 1px 0px 0px; display: flex; flex-direction: row; flex: 1 0 0px; overflow: hidden; } .rbc-day-bg { flex: 1 0 0%; } .rbc-day-bg + .rbc-day-bg { border-left: 1px solid rgb(221, 221, 221); } .rbc-rtl .rbc-day-bg + .rbc-day-bg { border-left-width: 0px; border-right: 1px solid rgb(221, 221, 221); } .rbc-overlay { position: absolute; z-index: 5; border: 1px solid rgb(229, 229, 229); background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px; padding: 10px; } .rbc-overlay > * + * { margin-top: 1px; } .rbc-overlay-header { border-bottom: 1px solid rgb(229, 229, 229); margin: -10px -10px 5px; padding: 2px 10px; } .rbc-agenda-view { display: flex; flex-direction: column; flex: 1 0 0px; overflow: auto; } .rbc-agenda-view table.rbc-agenda-table { width: 100%; border: 1px solid rgb(221, 221, 221); border-spacing: 0px; border-collapse: collapse; } .rbc-agenda-view table.rbc-agenda-table tbody > tr > td { padding: 5px 10px; vertical-align: top; } .rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell { padding-left: 15px; padding-right: 15px; text-transform: lowercase; } .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td { border-left: 1px solid rgb(221, 221, 221); } .rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td { border-left-width: 0px; border-right: 1px solid rgb(221, 221, 221); } .rbc-agenda-view table.rbc-agenda-table tbody > tr + tr { border-top: 1px solid rgb(221, 221, 221); } .rbc-agenda-view table.rbc-agenda-table thead > tr > th { padding: 3px 5px; text-align: left; border-bottom: 1px solid rgb(221, 221, 221); } .rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th { text-align: right; } .rbc-agenda-time-cell { text-transform: lowercase; } .rbc-agenda-time-cell .rbc-continues-after::after { content: " »"; } .rbc-agenda-time-cell .rbc-continues-prior::before { content: "« "; } .rbc-agenda-date-cell, .rbc-agenda-time-cell { white-space: nowrap; } .rbc-agenda-event-cell { width: 100%; } .rbc-time-column { display: flex; flex-direction: column; min-height: 100%; } .rbc-time-column .rbc-timeslot-group { flex: 1 1 0%; } .rbc-timeslot-group { border-bottom: 1px solid rgb(221, 221, 221); min-height: 40px; display: flex; flex-flow: column nowrap; } .rbc-header-gutter, .rbc-time-gutter { flex: 0 0 auto; } .rbc-label { padding: 0px 5px; } .rbc-day-slot { position: relative; } .rbc-day-slot .rbc-events-container { inset: 0px; position: absolute; margin-right: 10px; } .rbc-day-slot .rbc-events-container.rbc-rtl { left: 10px; right: 0px; } .rbc-day-slot .rbc-background-event, .rbc-day-slot .rbc-event { border: 1px solid rgb(38, 89, 133); display: flex; max-height: 100%; min-height: 20px; flex-flow: column wrap; align-items: flex-start; overflow: hidden; position: absolute; } .rbc-day-slot .rbc-background-event { opacity: 0.75; } .rbc-day-slot .rbc-event-label { flex: 0 0 auto; padding-right: 5px; width: auto; } .rbc-day-slot .rbc-event-content { width: 100%; flex: 1 1 0px; overflow-wrap: break-word; line-height: 1; height: 100%; min-height: 1em; } .rbc-day-slot .rbc-time-slot { border-top: 1px solid rgb(247, 247, 247); } .rbc-time-view-resources .rbc-time-gutter, .rbc-time-view-resources .rbc-time-header-gutter { position: sticky; left: 0px; background-color: rgb(255, 255, 255); border-right: 1px solid rgb(221, 221, 221); z-index: 10; margin-right: -1px; } .rbc-time-view-resources .rbc-time-header { overflow: hidden; } .rbc-time-view-resources .rbc-time-header-content { min-width: auto; flex: 1 0 0px; } .rbc-time-view-resources .rbc-time-header-cell-single-day { display: none; } .rbc-time-view-resources .rbc-day-slot { min-width: 140px; } .rbc-time-view-resources .rbc-day-bg, .rbc-time-view-resources .rbc-header { width: 140px; flex: 1 1 0px; } .rbc-time-header-content + .rbc-time-header-content { margin-left: -1px; } .rbc-time-slot { flex: 1 0 0px; } .rbc-time-slot.rbc-now { font-weight: 700; } .rbc-day-header { text-align: center; } .rbc-slot-selection { z-index: 10; position: absolute; background-color: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); font-size: 75%; width: 100%; padding: 3px; } .rbc-slot-selecting { cursor: move; } .rbc-time-view { display: flex; flex-direction: column; flex: 1 1 0%; width: 100%; border: 1px solid rgb(221, 221, 221); } .rbc-time-view .rbc-time-gutter { white-space: nowrap; text-align: right; } .rbc-time-view .rbc-allday-cell { box-sizing: content-box; width: 100%; height: 100%; position: relative; } .rbc-time-view .rbc-allday-cell + .rbc-allday-cell { border-left: 1px solid rgb(221, 221, 221); } .rbc-time-view .rbc-allday-events { position: relative; z-index: 4; } .rbc-time-view .rbc-row { box-sizing: border-box; min-height: 20px; } .rbc-time-header { display: flex; flex: 0 0 auto; flex-direction: row; } .rbc-time-header.rbc-overflowing { border-right: 1px solid rgb(221, 221, 221); } .rbc-rtl .rbc-time-header.rbc-overflowing { border-right-width: 0px; border-left: 1px solid rgb(221, 221, 221); } .rbc-time-header > .rbc-row.rbc-row-resource, .rbc-time-header > .rbc-row:first-child { border-bottom: 1px solid rgb(221, 221, 221); } .rbc-time-header-cell-single-day { display: none; } .rbc-time-header-content { flex: 1 1 0%; display: flex; min-width: 0px; flex-direction: column; border-left: 1px solid rgb(221, 221, 221); } .rbc-rtl .rbc-time-header-content { border-left-width: 0px; border-right: 1px solid rgb(221, 221, 221); } .rbc-time-header-content > .rbc-row.rbc-row-resource { border-bottom: 1px solid rgb(221, 221, 221); flex-shrink: 0; } .rbc-time-content { display: flex; flex: 1 0 0%; align-items: flex-start; width: 100%; border-top: 2px solid rgb(221, 221, 221); position: relative; } .rbc-time-content > .rbc-time-gutter { flex: 0 0 auto; } .rbc-time-content > * + * > * { border-left: 1px solid rgb(221, 221, 221); } .rbc-rtl .rbc-time-content > * + * > * { border-left-width: 0px; border-right: 1px solid rgb(221, 221, 221); } .rbc-time-content > .rbc-day-slot { width: 100%; user-select: none; } .rbc-current-time-indicator { position: absolute; z-index: 3; left: 0px; right: 0px; height: 1px; background-color: rgb(116, 173, 49); pointer-events: none; } .rbc-resource-grouping.rbc-time-header-content { display: flex; flex-direction: column; } .rbc-resource-grouping .rbc-row .rbc-header { width: 141px; } .rbc-calendar { box-sizing: border-box; height: 100%; display: flex; flex-direction: column; align-items: stretch; } .rbc-m-b-negative-3 { margin-bottom: -3px; } .rbc-h-full { height: 100%; } .rbc-calendar *, .rbc-calendar ::after, .rbc-calendar ::before { box-sizing: inherit; } .rbc-abs-full { overflow: hidden; position: absolute; inset: 0px; } .rbc-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rbc-rtl { direction: rtl; } .rbc-off-range { color: rgb(153, 153, 153); } .rbc-off-range-bg { background: rgb(230, 230, 230); } .rbc-header { overflow: hidden; flex: 1 0 0%; text-overflow: ellipsis; white-space: nowrap; padding: 0px 3px; text-align: center; vertical-align: middle; font-size: 90%; min-height: 0px; border-bottom: 1px solid rgb(221, 221, 221); } .rbc-header + .rbc-header { border-left: 1px solid rgb(221, 221, 221); } .rbc-rtl .rbc-header + .rbc-header { border-left-width: 0px; border-right: 1px solid rgb(221, 221, 221); } .rbc-header > a, .rbc-header > a:active, .rbc-header > a:visited { color: inherit; text-decoration: none; } .rbc-button-link { color: inherit; background: none; margin: 0px; padding: 0px; border: none; cursor: pointer; user-select: text; } .rbc-row-content { position: relative; user-select: none; z-index: 4; } .rbc-row-content-scrollable { display: flex; flex-direction: column; height: 100%; } .rbc-row-content-scrollable .rbc-row-content-scroll-container { height: 100%; overflow-y: scroll; } .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar { display: none; } .rbc-today { background-color: rgb(234, 246, 255); } .rbc-time-content, .rbc-time-view { min-height: 0px; overflow-y: auto; } .rbc-time-content { max-height: 540px; } .AgendaCalendar-module__\[local\]___OLuNi { display: block; --agenda-week-count:6; --agenda-date-row-height:26px; --agenda-event-row-height:56px; --agenda-show-more-height:30px; --agenda-week-row-gap:6px; --agenda-week-row-height:calc(var(--agenda-date-row-height) + var(--agenda-event-row-height)*2 + var(--agenda-show-more-height) + var(--agenda-week-row-gap)); --agenda-calendar-header-height:3rem; } .AgendaCalendar-module__\[local\]___EVv8A { overflow: visible; min-width: 0px; border: 1px solid rgb(223, 225, 229); border-radius: 0.5rem; background: rgb(255, 255, 255); box-shadow: rgba(12, 27, 54, 0.04) 0px 1px 2px; } .AgendaCalendar-module__\[local\]___r2qvV { height: calc(var(--agenda-calendar-header-height) + var(--agenda-week-count)*var(--agenda-week-row-height)); } .AgendaCalendar-module__\[local\]___REB7Q { padding: 1rem 1.25rem 1.25rem; color: rgb(85, 85, 85); font-size: 0.9375rem; line-height: 1.45; } .AgendaCalendar-module__\[local\]___3OkjH { display: flex; min-height: 100%; flex-direction: column; justify-content: flex-start; color: inherit; gap: 0.125rem; } .AgendaCalendar-module__\[local\]___3OkjH:focus-visible { outline: rgb(19, 81, 180) solid 2px; outline-offset: 2px; } .AgendaCalendar-module__\[local\]___P168v, .AgendaCalendar-module__\[local\]___SyVEe { color: inherit; font-size: 0.6875rem; font-weight: 400; line-height: 1.25; } .AgendaCalendar-module__\[local\]___DRb9x { overflow: hidden; font-size: 0.8125rem; text-overflow: ellipsis; width: 100%; color: inherit; font-weight: 600; white-space: normal; word-break: break-word; line-height: 1.2 !important; } @supports (-webkit-line-clamp:1) { .AgendaCalendar-module__\[local\]___DRb9x { display: -webkit-box; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }} @supports not (-webkit-line-clamp:1) { .AgendaCalendar-module__\[local\]___DRb9x { display: block; max-height: 2.35625rem; }} .AgendaCalendar-module__\[local\]___P168v { overflow: hidden; min-width: 0px; text-overflow: ellipsis; white-space: nowrap; } .rbc-calendar { height: auto; min-height: 0px; font-family: inherit; } .AgendaCalendar-module__\[local\]___r2qvV .rbc-calendar, .AgendaCalendar-module__\[local\]___r2qvV .rbc-month-view { height: 100%; } .rbc-month-view { overflow: visible; border: 0px; border-radius: 0px; } .rbc-month-row { overflow: hidden; } .rbc-day-bg { transition: background-color 0.16s ease 0s; } .rbc-day-bg.rbc-off-range-bg { background: var(--gray-2,#f8f8f8); } .rbc-day-bg:hover { background: var(--gray-4,#f3f3f3); } .rbc-header { padding: 0.875rem 0.5rem 0.75rem; background: rgb(255, 255, 255); color: rgb(19, 81, 180); font-size: 1rem; font-weight: 700; letter-spacing: 0.01em; } .rbc-time-header { overflow: visible; } .rbc-time-header-content, .rbc-time-header .rbc-row.rbc-time-header-cell { min-height: 4.25rem; } .rbc-time-header .rbc-header { min-height: 4.25rem; padding: 0.625rem 0.5rem; } .rbc-time-header .rbc-button-link, .rbc-time-header .rbc-header, .rbc-time-header .rbc-header > span { display: flex; align-items: center; justify-content: center; line-height: 1.2; text-align: center; white-space: normal; } .rbc-time-header .rbc-button-link, .rbc-time-header .rbc-header > span { width: 100%; } .rbc-time-view .rbc-allday-cell, .rbc-time-view .rbc-allday-events { display: none; } .rbc-month-row { min-height: var(--agenda-week-row-height); } .rbc-month-view .rbc-row-content { min-height: calc(var(--agenda-date-row-height) + var(--agenda-event-row-height)*2 + var(--agenda-show-more-height)); } .rbc-row-content { z-index: 1; } .rbc-row-segment { padding: 0px 0.25rem 0.25rem; } .rbc-row-segment .rbc-event-content { line-height: 1; } .rbc-day-bg + .rbc-day-bg, .rbc-header + .rbc-header, .rbc-month-row + .rbc-month-row { border-left: 1px solid rgb(232, 234, 237); } .rbc-date-cell { min-height: var(--agenda-date-row-height); padding: 0.5rem 0.5rem 0.125rem; color: rgb(85, 85, 85); font-size: 0.8125rem; font-weight: 600; } .rbc-button-link, .rbc-date-cell > a { color: inherit; font-size: var(--font-size-scale-base,1rem); font-weight: 500; } .rbc-today { background: var(--blue-warm-vivid-5,#edf5ff); } .rbc-today .rbc-date-cell { color: rgb(19, 81, 180); font-weight: 700; } .rbc-event { padding: 0.25rem 0.375rem; border-radius: 0px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 4px solid transparent; box-shadow: none; transition: transform 0.14s ease 0s, box-shadow 0.14s ease 0s, filter 0.14s ease 0s; } .rbc-overlay > .rbc-event { border-radius: 0px; border-top: none; border-right: none; border-bottom: none; } .rbc-month-view .rbc-event { min-height: var(--agenda-event-row-height); } .rbc-month-view .rbc-event:hover { box-shadow: rgba(12, 27, 54, 0.08) 0px 3px 8px; filter: saturate(1.05); transform: translateY(-1px); } .rbc-event:focus-visible, .rbc-show-more:focus-visible { outline: rgb(19, 81, 180) solid 2px; outline-offset: 2px; } .rbc-event-content { white-space: normal; } .rbc-month-view .eventCard { gap: 0.0625rem; } .rbc-time-view .rbc-timeslot-group { min-height: 72px; } .rbc-day-slot .rbc-event, .rbc-overlay > .rbc-event, .rbc-time-slot .rbc-event, .rbc-time-view .rbc-event { min-height: 48px; border-radius: 0px !important; border-top: none !important; border-right: none !important; border-bottom: none !important; border-left-width: 4px !important; border-left-style: solid !important; } .rbc-overlay .eventCard, .rbc-time-view .eventCard { gap: 0.125rem; } .rbc-show-more { display: inline-block; min-height: var(--agenda-show-more-height); padding: 0.25rem 0.5rem; border: 0px; border-radius: 999px; margin: 0.125rem 0.375rem 0.25rem; background: rgb(238, 245, 255); color: rgb(19, 81, 180); cursor: pointer; font-size: 0.75rem; font-weight: 700; line-height: 1.2; transition: background-color 0.14s ease 0s, color 0.14s ease 0s; } .rbc-show-more:hover { background: rgb(219, 234, 254); } .rbc-overlay { overflow: hidden; width: 22rem; border: 1px solid rgb(223, 225, 229); border-radius: 0.75rem; background: rgb(255, 255, 255); box-shadow: rgba(12, 27, 54, 0.12) 0px 16px 32px; } .rbc-overlay-header { padding: 0.75rem 0.875rem; border-bottom: 1px solid rgb(238, 241, 244); background: rgb(248, 251, 255); color: rgb(27, 27, 27); font-size: 0.875rem; font-weight: 700; line-height: 1.3; } .rbc-overlay > .rbc-event { display: flex; align-items: flex-start; padding: 0.625rem 0.75rem; border-radius: 0.375rem; border-left-width: 4px; gap: 0.625rem; transition: transform 0.14s ease 0s, box-shadow 0.14s ease 0s; } .rbc-overlay > .rbc-event:hover { box-shadow: rgba(12, 27, 54, 0.08) 0px 6px 16px; transform: translateY(-1px); } .rbc-overlay > .rbc-event:first-of-type { margin-top: 0.75rem; } .rbc-overlay > .rbc-event:last-of-type { margin-bottom: 0.75rem; } .rbc-overlay .rbc-event-label { min-width: 3rem; color: rgb(75, 85, 99); font-size: 0.75rem; font-weight: 700; line-height: 1.3; } .rbc-overlay .rbc-event-content { flex: 1 1 auto; } .rbc-overlay .eventCard { gap: 0.25rem; } .rbc-overlay .eventTitle { font-size: 0.875rem; -webkit-line-clamp: 2; line-height: 1.3; } .rbc-overlay .eventCategory, .rbc-overlay .eventTime { font-size: 0.75rem; line-height: 1.35; } .rbc-overlay .eventCategory { display: inline-block; max-width: 100%; } .PersonAgenda-module__\[local\]___mtZMp { width: 100%; } .PersonAgenda-module__\[local\]___y5D\+r { display: none; } .PersonAgenda-module__\[local\]___Kev2S { position: fixed; z-index: 1000; top: 0px; left: 0px; display: flex; width: 100vw; height: 100vh; align-items: flex-start; justify-content: center; padding-top: 2rem; background: rgba(0, 0, 0, 0.4); } .PersonAgenda-module__\[local\]___MdI94 { position: relative; width: 400px; max-width: 95vw; padding: 2rem 1.5rem 1.5rem; border-radius: 1rem; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 16px; } .PersonAgenda-module__\[local\]___bKbZQ { position: absolute; top: 1rem; right: 1rem; border: none; background: none; color: rgb(19, 81, 180); cursor: pointer; font-size: 2rem; } @media (max-width: 991px) { .PersonAgenda-module__\[local\]___8kcEB { grid-template-columns: 1fr; } .PersonAgenda-module__\[local\]___5YoV\+ { flex-direction: column; align-items: stretch; justify-content: stretch; } .PersonAgenda-module__\[local\]___hhaNy { width: 100%; } .PersonAgenda-module__\[local\]___8GpZf { display: none; } .PersonAgenda-module__\[local\]___y5D\+r { z-index: 10; display: flex; align-items: center; padding: 0.5rem 1rem; border: none; border-radius: 0.5rem; margin-bottom: 1rem; background: rgb(19, 81, 180); color: rgb(255, 255, 255); cursor: pointer; font-size: 1rem; font-weight: 600; gap: 0.5rem; }} .PersonAgenda-module__\[local\]___gzLlU { padding: 1rem 0px 2rem; } .PersonAgenda-module__\[local\]___8kcEB { display: grid; align-items: end; margin-bottom: 1.5rem; gap: 1rem 1.5rem; grid-template-columns: minmax(0px, 1fr) minmax(24rem, 34rem); } .PersonAgenda-module__\[local\]___eczNt { min-width: 0px; } .PersonAgenda-module__\[local\]___5YoV\+ { display: flex; min-width: 0px; align-items: center; justify-content: flex-end; gap: 0.75rem; } .PersonAgenda-module__\[local\]___mSj3s { min-width: 0px; flex: 1 1 auto; margin-bottom: 0px; } .PersonAgenda-module__\[local\]___1RaTO { position: relative; } .PersonAgenda-module__\[local\]___PsGX7 { position: absolute; top: 50%; right: 0.875rem; padding: 0px; border: 0px; background: transparent; color: rgb(19, 81, 180); cursor: pointer; transform: translateY(-50%); } .PersonAgenda-module__\[local\]___PsGX7:focus-visible { outline: rgb(38, 112, 232) solid 2px; outline-offset: 2px; } .PersonAgenda-module__\[local\]___hhaNy { display: inline-flex; min-height: 2.5rem; flex: 0 0 auto; align-items: center; justify-content: center; gap: 0.5rem; } .PersonAgenda-module__\[local\]___HyChL { margin: 0px; color: rgb(27, 27, 27); font-size: 2rem; font-weight: 400; line-height: 1.1; } .PersonAgenda-module__\[local\]___s6-qB { margin-top: 0.25rem; color: rgb(27, 27, 27); font-size: 1.125rem; font-weight: 400; line-height: 1.25; text-transform: none; } .PersonAgenda-module__\[local\]___oddo9, .PersonAgenda-module__\[local\]___SKJsy { width: fit-content; padding: 0.3125rem 0.75rem; border-radius: 999px; background: rgb(237, 245, 255); color: rgb(19, 81, 180); font-size: 0.75rem; font-weight: 700; line-height: 1.2; } .PersonAgenda-module__\[local\]___SKJsy { background: rgb(232, 245, 233); color: rgb(31, 95, 42); } .PersonAgenda-module__\[local\]___8GpZf .br-button, .PersonAgenda-module__\[local\]___\+fyJO .br-button, .PersonAgenda-module__\[local\]___bosuF .br-button, .PersonAgenda-module__\[local\]___BzWYt .br-button, .PersonAgenda-module__\[local\]___h3uGn .br-button { white-space: nowrap; } .PersonAgenda-module__\[local\]___36JII { margin-bottom: 1rem; } .PersonAgenda-module__\[local\]___kzo7v { margin-bottom: 0px; } .PersonAgenda-module__\[local\]___RLGEB { position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0px; border: 0px; margin: -1px; clip: rect(0px, 0px, 0px, 0px); } .PersonAgenda-module__\[local\]___0X9bw { width: 100%; padding-right: 2.75rem; font-size: 0.9375rem; line-height: 1.4; } .PersonAgenda-module__\[local\]___0X9bw::placeholder { color: rgb(107, 114, 128); font-style: italic; } .PersonAgenda-module__\[local\]___5v8cv, .PersonAgenda-module__\[local\]___KDWBu, .PersonAgenda-module__\[local\]___u6fH-, .PersonAgenda-module__\[local\]___W2oHq, .PersonAgenda-module__\[local\]___XgAT9 { padding: 0.9375rem 1.125rem; border-radius: 0.5rem; margin-bottom: 1rem; font-size: 0.9375rem; line-height: 1.45; } .PersonAgenda-module__\[local\]___5v8cv, .PersonAgenda-module__\[local\]___KDWBu { background: rgb(238, 245, 255); color: rgb(19, 81, 180); } .PersonAgenda-module__\[local\]___XgAT9 { background: rgb(253, 231, 233); color: rgb(192, 43, 54); } .PersonAgenda-module__\[local\]___u6fH-, .PersonAgenda-module__\[local\]___W2oHq { background: rgb(248, 248, 248); color: rgb(85, 85, 85); } .PersonAgenda-module__\[local\]___z6NP4 { display: grid; align-items: start; gap: 0.75rem; grid-template-columns: minmax(0px, 280px) minmax(0px, 1fr); } .PersonAgenda-module__\[local\]___1iutE { grid-template-columns: 0px minmax(0px, 1fr); } .PersonAgenda-module__\[local\]___8GpZf { min-width: 0px; } .PersonAgenda-module__\[local\]___3uQXU { max-width: 17.5rem; padding-right: 0.75rem; opacity: 1; transform: translateX(0px); } .PersonAgenda-module__\[local\]___dSAeL { max-width: 0px; padding-right: 0px; border-right: 0px; opacity: 0; transform: translateX(-0.75rem); } .PersonAgenda-module__\[local\]___vcauD { min-width: 16rem; } .PersonAgenda-module__\[local\]___R6qQO { margin-bottom: 1rem; } .PersonAgenda-module__\[local\]___ro1J6 { display: inline-flex; align-items: center; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-weight: 500; gap: 0.375rem; translate: -12px; padding: 0px 12px !important; } .PersonAgenda-module__\[local\]___-AJnq .DateInput, .PersonAgenda-module__\[local\]___-AJnq .DateInput_input, .PersonAgenda-module__\[local\]___-AJnq .SingleDatePicker, .PersonAgenda-module__\[local\]___-AJnq .SingleDatePickerInput { width: 100%; } .PersonAgenda-module__\[local\]___-AJnq .SingleDatePickerInput { border-radius: 0.25rem; } .PersonAgenda-module__\[local\]___-AJnq .DateInput_input { height: 2.5rem; padding: 0.5rem 0.75rem; font-size: 1rem; } .PersonAgenda-module__\[local\]___\+0QXy { display: grid; gap: 0.75rem; grid-template-columns: repeat(2, minmax(0px, 1fr)); } .PersonAgenda-module__\[local\]___In530 { padding-top: 0px; border-top: 0px; margin-top: 1.25rem; } .PersonAgenda-module__\[local\]___In530:first-child { margin-top: 0px; } .PersonAgenda-module__\[local\]___HNWQ\+ { margin: 0px 0px 1rem; color: rgb(27, 27, 27); font-weight: 400; } .PersonAgenda-module__\[local\]___iqR5D { display: flex; flex-direction: column; gap: 0.75rem; } .PersonAgenda-module__\[local\]___eoQ1Q { display: flex; flex-wrap: wrap; gap: 0.5rem; } .PersonAgenda-module__\[local\]___SNyMI { padding: 0.375rem 0.75rem; } .PersonAgenda-module__\[local\]___-AJnq { min-width: 0px; margin-bottom: 0.875rem; } .PersonAgenda-module__\[local\]___FZXa3 { color: rgb(85, 85, 85); font-weight: 600; } @media (max-width: 480px) { .PersonAgenda-module__\[local\]___\+0QXy { grid-template-columns: minmax(0px, 1fr); }} .PersonAgenda-module__\[local\]___q1s6d { display: block; color: rgb(51, 51, 51); line-height: 1.35; } .PersonAgenda-module__\[local\]___-z9vk { display: flex; align-items: center; } .PersonAgenda-module__\[local\]___-z9vk label { display: inline-flex; align-items: center; gap: 0.625rem; } .PersonAgenda-module__\[local\]___OxtAj { margin: 0px; } .PersonAgenda-module__\[local\]___iVVZy { flex: 1 1 auto; } .PersonAgenda-module__\[local\]___oOvAF { display: inline-flex; min-height: 1.5rem; align-items: center; padding-left: 0.625rem; border-left: 0.1875rem solid transparent; } .PersonAgenda-module__\[local\]___8MQB1 { display: flex; align-items: center; justify-content: center; margin-top: 32px; } .PersonAgenda-module__\[local\]___8MQB1 button { font-size: 0.875rem; font-weight: 500; } .PersonAgenda-module__\[local\]___3kZMR { min-width: 0px; } .PersonAgenda-module__\[local\]___\+fyJO { display: flex; align-items: center; justify-content: space-between; padding: 0px 0px 0.125rem; margin-bottom: 0.5rem; gap: 1rem; } .PersonAgenda-module__\[local\]___h3uGn { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; gap: 1rem; } .PersonAgenda-module__\[local\]___Pf65V { justify-content: flex-end; } .PersonAgenda-module__\[local\]___Pf65V, .PersonAgenda-module__\[local\]___qcYr7 { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; } .PersonAgenda-module__\[local\]___qY1ze { display: inline-flex; align-items: center; padding: 0px; border: 0px; background: transparent; color: rgb(19, 81, 180); cursor: pointer; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-size: var(--font-size-scale-down-01); font-weight: 600; gap: 0.375rem; } .PersonAgenda-module__\[local\]___qY1ze:disabled { color: rgb(136, 136, 136); cursor: default; } .PersonAgenda-module__\[local\]___qY1ze:focus-visible { outline: rgb(19, 81, 180) solid 2px; outline-offset: 2px; } .PersonAgenda-module__\[local\]___bKN66 { font-weight: 600; } .PersonAgenda-module__\[local\]___7dPTo, .PersonAgenda-module__\[local\]___ZFcZG { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; } .PersonAgenda-module__\[local\]___qknMc { display: inline-flex; align-items: center; gap: 0.75rem; } .PersonAgenda-module__\[local\]___WPBxN { color: rgb(85, 85, 85); } .PersonAgenda-module__\[local\]___OLwgB { display: inline-flex; align-items: center; gap: 0.375rem; } .PersonAgenda-module__\[local\]___paTao { position: relative; } .PersonAgenda-module__\[local\]___gL4qM { display: inline-flex; align-items: center; padding: 0px; border: 0px; background: transparent; color: rgb(19, 81, 180); cursor: pointer; font: inherit; gap: 0.375rem; } .PersonAgenda-module__\[local\]___DR3wx { position: absolute; z-index: 5; top: calc(100% + 0.375rem); right: 0px; min-width: 9rem; padding: 0.25rem; border: 1px solid rgb(223, 225, 229); border-radius: 0.75rem; background: rgb(255, 255, 255); box-shadow: rgba(12, 27, 54, 0.12) 0px 16px 32px; } .PersonAgenda-module__\[local\]___gF\+1c { width: 100%; padding: 0.5rem 0.75rem; border: 0px; border-radius: 0.5rem; background: transparent; color: rgb(27, 27, 27); cursor: pointer; font: inherit; text-align: left; } .PersonAgenda-module__\[local\]___gF\+1c[aria-pressed="true"] { background: rgb(237, 245, 255); color: rgb(19, 81, 180); } .PersonAgenda-module__\[local\]___uofrl { min-width: 8rem; color: rgb(19, 81, 180); font-weight: 600; text-align: center; text-transform: none; } .PersonAgenda-module__\[local\]___\+fyJO .br-button:disabled { cursor: default; opacity: 0.55; } .PersonAgenda-module__\[local\]___qknMc .br-button.circle { display: inline-flex; width: 2.5rem; min-width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; padding: 0px; } .PersonAgenda-module__\[local\]___OLwgB .br-button[aria-pressed="true"] { background: rgb(219, 232, 251); box-shadow: rgb(182, 207, 251) 0px 0px 0px 1px inset; } .PersonAgenda-module__\[local\]___9u0HW, .PersonAgenda-module__\[local\]___ArxCo, .PersonAgenda-module__\[local\]___ZodWP { color: rgb(19, 81, 180); font-weight: 600; } .PersonAgenda-module__\[local\]___4uAMf, .PersonAgenda-module__\[local\]___-37FK, .PersonAgenda-module__\[local\]___qqleM, .PersonAgenda-module__\[local\]___zAYB0 { color: rgb(51, 51, 51); font-size: 0.875rem; } .PersonAgenda-module__\[local\]___6Tdx1 { border: 1px solid rgb(223, 225, 229); border-radius: 0.75rem; background: rgb(255, 255, 255); } .PersonAgenda-module__\[local\]___v7V1N + .PersonAgenda-module__\[local\]___v7V1N { border-top: 1px solid rgb(223, 225, 229); } .PersonAgenda-module__\[local\]___VdfiD { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border: 0px; background: transparent; cursor: pointer; gap: 1rem; } .PersonAgenda-module__\[local\]___VdfiD:hover { background: rgb(248, 251, 255); } .PersonAgenda-module__\[local\]___VdfiD:focus-visible { outline: rgb(19, 81, 180) solid 2px; outline-offset: -2px; } .PersonAgenda-module__\[local\]___4hJZN { display: flex; min-width: 0px; align-items: center; gap: 0.75rem; } .PersonAgenda-module__\[local\]___VdfiD h3 { text-transform: capitalize; margin: 0.5rem 0px !important; font-size: 1.125rem !important; line-height: 1.2 !important; } .PersonAgenda-module__\[local\]___FQt4b { color: rgb(19, 81, 180); font-size: 1rem; } .PersonAgenda-module__\[local\]___uxMbU { padding: 0.25rem 0.75rem; border-radius: 999px; background: rgb(230, 239, 255); color: rgb(19, 81, 180); font-size: 0.75rem; font-weight: 700; } .PersonAgenda-module__\[local\]___vHbhw { display: grid; width: 100%; padding: 1rem 1.25rem; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(240, 240, 240); background: transparent; cursor: pointer; gap: 1rem; grid-template-columns: 5rem 0.25rem minmax(0px, 1fr); text-align: left; } .PersonAgenda-module__\[local\]___vHbhw:hover { background: rgb(248, 251, 255); } .PersonAgenda-module__\[local\]___vHbhw:focus-visible { outline: rgb(19, 81, 180) solid 2px; outline-offset: -2px; } .PersonAgenda-module__\[local\]___C\+23p { color: rgb(85, 85, 85); font-size: 0.8125rem; line-height: 1.35; } .PersonAgenda-module__\[local\]___X15qj { border-radius: 999px; } .PersonAgenda-module__\[local\]___7OOvd { display: flex; min-width: 0px; flex-direction: column; gap: 0.25rem; } .PersonAgenda-module__\[local\]___-37FK { font-size: 0.75rem; font-weight: 400; line-height: 1.3; } .PersonAgenda-module__\[local\]___9u0HW { line-height: 1.35; } .PersonAgenda-module__\[local\]___hvn58 { position: fixed; z-index: 20; display: flex; align-items: center; justify-content: center; padding: 1rem; background: rgba(12, 27, 54, 0.45); inset: 0px; } .PersonAgenda-module__\[local\]___Y-PPj { width: 100%; max-width: 28rem; padding: 1.5rem; border-radius: 1rem; background: rgb(255, 255, 255); box-shadow: rgba(12, 27, 54, 0.2) 0px 20px 60px; } .PersonAgenda-module__\[local\]___K0cZw { margin-bottom: 0.75rem; color: rgb(27, 27, 27); font-size: 1.125rem; font-weight: 700; } .PersonAgenda-module__\[local\]___8e8RJ { margin: 0px 0px 1rem; color: rgb(85, 85, 85); line-height: 1.5; } .PersonAgenda-module__\[local\]___BzWYt { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.75rem; } .PersonAgenda-module__\[local\]___y\+s16 { position: relative; max-width: 34rem; } .PersonAgenda-module__\[local\]___1te60 { position: absolute; top: 0.75rem; right: 0.75rem; border: 0px; background: transparent; color: rgb(19, 81, 180); cursor: pointer; font-size: 2rem; line-height: 1; } .PersonAgenda-module__\[local\]___SOnkZ { display: grid; margin-bottom: 1rem; gap: 0.75rem; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); } .PersonAgenda-module__\[local\]___gZ2vR { padding: 0.75rem; border-radius: 0.5rem; margin-bottom: 1rem; background: rgb(253, 231, 233); color: rgb(192, 43, 54); font-size: 0.875rem; } .PersonAgenda-module__\[local\]___yDvqe { position: fixed; z-index: 25; width: calc(100vw - 2rem); max-width: 28rem; } .PersonAgenda-module__\[local\]___hgdUn { position: relative; padding: 1.75rem 1.5rem 1.5rem; border: 1px solid rgb(223, 225, 229); border-radius: 0.5rem; background: rgb(255, 255, 255); box-shadow: rgba(12, 27, 54, 0.2) 0px 20px 60px; } .PersonAgenda-module__\[local\]___BS9W9 .PersonAgenda-module__\[local\]___hgdUn::after, .PersonAgenda-module__\[local\]___hubyO .PersonAgenda-module__\[local\]___hgdUn::after { position: absolute; left: var(--event-popover-arrow-left,2rem); width: 1rem; height: 1rem; background: rgb(255, 255, 255); content: ""; transform: translateX(-50%) rotate(45deg); } .PersonAgenda-module__\[local\]___BS9W9 .PersonAgenda-module__\[local\]___hgdUn::after { bottom: -0.5625rem; border-right: 1px solid rgb(223, 225, 229); border-bottom: 1px solid rgb(223, 225, 229); } .PersonAgenda-module__\[local\]___hubyO .PersonAgenda-module__\[local\]___hgdUn::after { top: -0.5625rem; border-top: 1px solid rgb(223, 225, 229); border-left: 1px solid rgb(223, 225, 229); } .PersonAgenda-module__\[local\]___SyEEI { position: absolute; top: 0.75rem; right: 0.75rem; display: inline-flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; padding: 0px; border: 0px; background: transparent; color: rgb(19, 81, 180); cursor: pointer; } .PersonAgenda-module__\[local\]___EKRuX { margin: 0px 2rem 0.75rem 0px; color: rgb(27, 27, 27); font-size: 1.125rem; font-weight: 700; line-height: 1.3; } .PersonAgenda-module__\[local\]___hczdl { padding: 0px 0px 0.875rem; border-bottom: 1px solid rgb(223, 225, 229); margin-bottom: 1rem; } .PersonAgenda-module__\[local\]___Rs4Eh { display: inline-flex; min-height: 1.5rem; align-items: center; padding-left: 0.625rem; border-left: 0.1875rem solid transparent; color: rgb(85, 85, 85); } .PersonAgenda-module__\[local\]___fHmGl { display: flex; flex-direction: column; padding-bottom: 1rem; border-bottom: 1px solid rgb(223, 225, 229); margin-bottom: 1.25rem; gap: 0.75rem; } .PersonAgenda-module__\[local\]___PGa4g { display: flex; align-items: flex-start; color: rgb(85, 85, 85); font-size: 0.9375rem; gap: 0.75rem; line-height: 1.45; } .PersonAgenda-module__\[local\]___PGa4g i { width: 1rem; margin-top: 0.1875rem; color: rgb(85, 85, 85); text-align: center; } .PersonAgenda-module__\[local\]___lO7HQ { display: flex; justify-content: center; } @media (max-width: 991px) { .PersonAgenda-module__\[local\]___z6NP4 { grid-template-columns: 1fr; } .PersonAgenda-module__\[local\]___8GpZf { padding-right: 0px; padding-bottom: 1.25rem; border-right: 0px; border-bottom: 1px solid rgb(223, 225, 229); }} @media (max-width: 767px) { .PersonAgenda-module__\[local\]___\+fyJO, .PersonAgenda-module__\[local\]___bosuF { flex-direction: column; align-items: stretch; } .PersonAgenda-module__\[local\]___7dPTo, .PersonAgenda-module__\[local\]___OLwgB, .PersonAgenda-module__\[local\]___qknMc, .PersonAgenda-module__\[local\]___ZFcZG { width: 100%; } .PersonAgenda-module__\[local\]___7dPTo { align-items: stretch; } .PersonAgenda-module__\[local\]___qknMc { justify-content: space-between; } .PersonAgenda-module__\[local\]___OLwgB { justify-content: stretch; } .PersonAgenda-module__\[local\]___9m2ep, .PersonAgenda-module__\[local\]___lCFrt { flex: 1 1 0%; justify-content: center; } .PersonAgenda-module__\[local\]___HyChL { font-size: 1.75rem; } .PersonAgenda-module__\[local\]___s6-qB { font-size: 1rem; } .PersonAgenda-module__\[local\]___SOnkZ { grid-template-columns: minmax(0px, 1fr); } .PersonAgenda-module__\[local\]___uofrl { min-width: auto; font-size: 1.25rem; }} .ServicesBody-module__\[local\]___GpYLI { display: flex; width: 100%; box-sizing: border-box; flex-wrap: wrap; margin-right: 0px; margin-left: 0px; gap: 0px; } .ServicesBody-module__\[local\]___-xgwd { display: flex; min-width: 10rem; max-width: 100%; box-sizing: border-box; flex: 1 0 100%; align-items: flex-start; justify-content: center; } @media screen and (min-width: 576px) { .ServicesBody-module__\[local\]___-xgwd { padding: var(--spacing-scale-baseh); }} @media screen and (min-width: 576px) { .ServicesBody-module__\[local\]___GpYLI > .ServicesBody-module__\[local\]___-xgwd { flex: 1 0 100%; max-width: 100%; padding-bottom: var(--spacing-scale-2x); }} @media screen and (min-width: 992px) { .ServicesBody-module__\[local\]___GpYLI > .ServicesBody-module__\[local\]___-xgwd { flex: 1 0 50%; max-width: 50%; padding-bottom: var(--spacing-scale-2x); }} @media screen and (min-width: 1280px) { .ServicesBody-module__\[local\]___GpYLI > .ServicesBody-module__\[local\]___-xgwd { flex: 1 0 33.3333%; max-width: 33.3333%; padding-bottom: var(--spacing-scale-2x); }} .BannerServicos-module__\[local\]___exDKF { padding: var(--spacing-scale-baseh) 0 var(--spacing-scale-5x); background-color: var(--gray-3); } @media screen and (min-width: 768px) { .BannerServicos-module__\[local\]___exDKF { padding: var(--spacing-scale-baseh) var(--spacing-scale-base); }} .BannerServicos-module__\[local\]___exDKF .slick-slide { padding: 0px 7px; } .BannerServicos-module__\[local\]___exDKF .slick-list { margin: 0px -7px; } .BannerServicos-module__\[local\]___exDKF .slick-dots { bottom: -32px !important; } .BannerServicos-module__\[local\]___yHDS1 { min-height: 48px; } .BannerServicos-module__\[local\]___q-zIZ { display: none; gap: var(--spacing-scale-baseh); } @media screen and (min-width: 768px) { .BannerServicos-module__\[local\]___q-zIZ { display: flex; }} @media screen and (min-width: 768px) { .BannerServicos-module__\[local\]___zFh1N { display: none; }} .slick-track { display: flex !important; } .slick-slide { height: inherit !important; } .slick-slide > div { min-height: 100%; display: flex !important; } .slick-dots li button::before { color: var(--interactive) !important; font-size: 10px !important; opacity: 0.16 !important; } .slick-dots li button:focus::before, .slick-dots li button:hover::before { opacity: 0.8 !important; } .slick-dots li.slick-active button::before { opacity: 1 !important; } .BannerServicos-module__\[local\]___OJvz8 { position: absolute; top: 8px; left: 8px; } .service-list { flex: 1 1 0%; border-radius: 6px; margin: 4px 0px; background-color: var(--background); } .service-list.is-inactive { opacity: 0.6; } .service-list__toggle { display: flex; width: 100%; align-items: baseline; justify-content: space-between; padding: var(--spacing-scale-baseh) var(--spacing-scale-2x); border: 0px; background-color: transparent; cursor: pointer; font-weight: 500; } .service-list__toggle.is-loading { cursor: default; } .service-list__label { flex: 1 1 0%; margin: 0 var(--spacing-scale-base); color: var(--color); text-align: left; } @media screen and (min-width: 768px) { .service-list__label { font-size: 12px; }} @media screen and (min-width: 992px) { .service-list__label { font-size: 1em; }} .service-list__icon { color: var(--gray-40); } .service-list__icon--spinner { color: var(--interactive); } .service-list__dropdown { overflow: hidden; } .service-list__items { padding: var(--spacing-scale-baseh) var(--spacing-scale-2x); } .service-list__empty { padding: 1px var(--spacing-scale-2x) var(--spacing-scale-2x); } .service-list__item { position: relative; display: flex; align-items: center; padding: var(--spacing-scale-2x) 0; border-top: 1px solid var(--gray-20); cursor: pointer; text-decoration: none; transition: background-color 0.3s ease 0s; } .service-list__item:first-of-type { border-top: 0px; } .service-list__item:hover::before { position: absolute; top: -1px; right: calc(var(--spacing-scale-2x)*-1); bottom: -1px; left: calc(var(--spacing-scale-2x)*-1); display: block; background-color: rgba(var(--interactive-rgb),0.16); content: ""; pointer-events: none; } .service-list__item[aria-hidden="true"] { pointer-events: none; } .service-list__category-icon, .service-list__rank { align-self: flex-start; justify-content: flex-start; color: var(--gray-20); text-align: left !important; } .service-list__rank { width: 1.1em; min-width: 1em; font-size: var(--font-size-scale-up-03); font-weight: 700; line-height: 1; } .service-list__category-icon { min-width: 1.5em; padding-top: var(--spacing-scale-half); margin-right: var(--spacing-scale-base); font-size: var(--font-size-scale-up-02) !important; } .service-list__name { color: var(--interactive); font-weight: 600; } .service-list__category { margin-bottom: var(--spacing-scale-half); font-size: 12px; } .image-gallery-icon { color: rgb(255, 255, 255); transition: all 0.3s ease-out 0s; appearance: none; background-color: transparent; border: 0px; cursor: pointer; outline: none; position: absolute; z-index: 4; filter: drop-shadow(rgb(26, 26, 26) 0px 2px 2px); } @media (hover: hover) and (pointer: fine) { .image-gallery-icon:hover { color: rgb(51, 122, 183); } .image-gallery-icon:hover .image-gallery-svg { transform: scale(1.1); }} .image-gallery-icon:focus { outline: rgb(51, 122, 183) solid 2px; } .image-gallery-using-mouse .image-gallery-icon:focus { outline: none; } .image-gallery-fullscreen-button, .image-gallery-play-button { bottom: 0px; padding: 20px; } .image-gallery-fullscreen-button .image-gallery-svg, .image-gallery-play-button .image-gallery-svg { height: 28px; width: 28px; } @media (max-width: 768px) { .image-gallery-fullscreen-button, .image-gallery-play-button { padding: 15px; } .image-gallery-fullscreen-button .image-gallery-svg, .image-gallery-play-button .image-gallery-svg { height: 24px; width: 24px; }} @media (max-width: 480px) { .image-gallery-fullscreen-button, .image-gallery-play-button { padding: 10px; } .image-gallery-fullscreen-button .image-gallery-svg, .image-gallery-play-button .image-gallery-svg { height: 16px; width: 16px; }} .image-gallery-fullscreen-button { right: 0px; } .image-gallery-play-button { left: 0px; } .image-gallery-left-nav, .image-gallery-right-nav { padding: 50px 10px; top: 50%; transform: translateY(-50%); } .image-gallery-left-nav .image-gallery-svg, .image-gallery-right-nav .image-gallery-svg { height: 120px; width: 60px; } @media (max-width: 768px) { .image-gallery-left-nav .image-gallery-svg, .image-gallery-right-nav .image-gallery-svg { height: 72px; width: 36px; }} @media (max-width: 480px) { .image-gallery-left-nav .image-gallery-svg, .image-gallery-right-nav .image-gallery-svg { height: 48px; width: 24px; }} .image-gallery-left-nav[disabled], .image-gallery-right-nav[disabled] { opacity: 0.6; pointer-events: none; } .image-gallery-left-nav { left: 0px; } .image-gallery-right-nav { right: 0px; } .image-gallery { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; } .image-gallery.fullscreen-modal { background: rgb(0, 0, 0); inset: 0px; height: 100%; position: fixed; width: 100%; z-index: 5; } .image-gallery.fullscreen-modal .image-gallery-content { top: 50%; transform: translateY(-50%); } .image-gallery-content { position: relative; line-height: 0; top: 0px; } .image-gallery-content.fullscreen { background: rgb(0, 0, 0); } .image-gallery-content .image-gallery-slide .image-gallery-image { max-height: calc(100vh - 80px); } .image-gallery-content.left .image-gallery-slide .image-gallery-image, .image-gallery-content.right .image-gallery-slide .image-gallery-image { max-height: 100vh; } .image-gallery-slide-wrapper { position: relative; } .image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right { display: inline-block; width: calc(100% - 110px); } @media (max-width: 768px) { .image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right { width: calc(100% - 87px); }} .image-gallery-slide-wrapper.image-gallery-rtl { direction: rtl; } .image-gallery-slides { line-height: 0; overflow: hidden; position: relative; white-space: nowrap; text-align: center; } .image-gallery-slide { left: 0px; position: absolute; top: 0px; width: 100%; } .image-gallery-slide.center { position: relative; } .image-gallery-slide .image-gallery-image { width: 100%; object-fit: contain; } .image-gallery-slide .image-gallery-description { background: rgba(0, 0, 0, 0.4); bottom: 70px; color: rgb(255, 255, 255); left: 0px; line-height: 1; padding: 10px 20px; position: absolute; white-space: normal; } @media (max-width: 768px) { .image-gallery-slide .image-gallery-description { bottom: 45px; font-size: 0.8em; padding: 8px 15px; }} .image-gallery-bullets { bottom: 20px; left: 0px; margin: 0px auto; position: absolute; right: 0px; width: 80%; z-index: 4; } .image-gallery-bullets .image-gallery-bullets-container { margin: 0px; padding: 0px; text-align: center; } .image-gallery-bullets .image-gallery-bullet { appearance: none; background-color: transparent; border: 1px solid rgb(255, 255, 255); border-radius: 50%; box-shadow: rgb(26, 26, 26) 0px 2px 2px; cursor: pointer; display: inline-block; margin: 0px 5px; outline: none; padding: 5px; transition: all 0.2s ease-out 0s; } @media (max-width: 768px) { .image-gallery-bullets .image-gallery-bullet { margin: 0px 3px; padding: 3px; }} @media (max-width: 480px) { .image-gallery-bullets .image-gallery-bullet { padding: 2.7px; }} .image-gallery-bullets .image-gallery-bullet:focus { transform: scale(1.2); background: rgb(51, 122, 183); border: 1px solid rgb(51, 122, 183); } .image-gallery-bullets .image-gallery-bullet.active { transform: scale(1.2); border: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255); } @media (hover: hover) and (pointer: fine) { .image-gallery-bullets .image-gallery-bullet:hover { background: rgb(51, 122, 183); border: 1px solid rgb(51, 122, 183); } .image-gallery-bullets .image-gallery-bullet.active:hover { background: rgb(51, 122, 183); }} .image-gallery-thumbnails-wrapper { position: relative; } .image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal { touch-action: pan-y; } .image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical { touch-action: pan-x; } .image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl { direction: rtl; } .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right { display: inline-block; vertical-align: top; width: 100px; } @media (max-width: 768px) { .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right { width: 81px; }} .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails { height: 100%; width: 100%; left: 0px; padding: 0px; position: absolute; top: 0px; } .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail { display: block; margin-right: 0px; padding: 0px; } .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail { margin-left: 0px; margin-top: 2px; } .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right { margin: 0px 5px; } @media (max-width: 768px) { .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right { margin: 0px 3px; }} .image-gallery-thumbnails { overflow: hidden; padding: 5px 0px; } @media (max-width: 768px) { .image-gallery-thumbnails { padding: 3px 0px; }} .image-gallery-thumbnails .image-gallery-thumbnails-container { cursor: pointer; text-align: center; white-space: nowrap; } .image-gallery-thumbnail { display: inline-block; border: 4px solid transparent; transition: border 0.3s ease-out 0s; width: 100px; background: transparent; padding: 0px; } @media (max-width: 768px) { .image-gallery-thumbnail { border: 3px solid transparent; width: 81px; }} .image-gallery-thumbnail + .image-gallery-thumbnail { margin-left: 2px; } .image-gallery-thumbnail .image-gallery-thumbnail-inner { display: block; position: relative; } .image-gallery-thumbnail .image-gallery-thumbnail-image { vertical-align: middle; width: 100%; line-height: 0; } .image-gallery-thumbnail.active, .image-gallery-thumbnail:focus { outline: none; border: 4px solid rgb(51, 122, 183); } @media (max-width: 768px) { .image-gallery-thumbnail.active, .image-gallery-thumbnail:focus { border: 3px solid rgb(51, 122, 183); }} @media (hover: hover) and (pointer: fine) { .image-gallery-thumbnail:hover { outline: none; border: 4px solid rgb(51, 122, 183); }} @media (hover: hover) and (pointer: fine) and (max-width: 768px) { .image-gallery-thumbnail:hover { border: 3px solid rgb(51, 122, 183); }} .image-gallery-thumbnail-label { box-sizing: border-box; color: rgb(255, 255, 255); font-size: 1em; left: 0px; line-height: 1em; padding: 5%; position: absolute; top: 50%; text-shadow: rgb(26, 26, 26) 0px 2px 2px; transform: translateY(-50%); white-space: normal; width: 100%; } @media (max-width: 768px) { .image-gallery-thumbnail-label { font-size: 0.8em; line-height: 0.8em; }} .image-gallery-index { background: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); line-height: 1; padding: 10px 20px; position: absolute; right: 0px; top: 0px; z-index: 4; } @media (max-width: 768px) { .image-gallery-index { font-size: 0.8em; padding: 5px 10px; }} .flatpickr-calendar { opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0px; animation: 0s ease 0s 1 normal none running none; direction: ltr; border: 0px; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; box-sizing: border-box; touch-action: manipulation; background: rgb(255, 255, 255); box-shadow: rgb(230, 230, 230) 1px 0px 0px, rgb(230, 230, 230) -1px 0px 0px, rgb(230, 230, 230) 0px 1px 0px, rgb(230, 230, 230) 0px -1px 0px, rgba(0, 0, 0, 0.08) 0px 3px 13px; } .flatpickr-calendar.inline, .flatpickr-calendar.open { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { animation: 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s 1 normal none running fpFadeInDown; } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { box-shadow: rgb(230, 230, 230) -2px 0px 0px, rgb(230, 230, 230) 5px 0px 0px; } .flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0px; } .flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid rgb(230, 230, 230); } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar::after, .flatpickr-calendar::before { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ""; height: 0px; width: 0px; left: 22px; } .flatpickr-calendar.arrowRight::after, .flatpickr-calendar.arrowRight::before, .flatpickr-calendar.rightMost::after, .flatpickr-calendar.rightMost::before { left: auto; right: 22px; } .flatpickr-calendar.arrowCenter::after, .flatpickr-calendar.arrowCenter::before { left: 50%; right: 50%; } .flatpickr-calendar::before { border-width: 5px; margin: 0px -5px; } .flatpickr-calendar::after { border-width: 4px; margin: 0px -4px; } .flatpickr-calendar.arrowTop::after, .flatpickr-calendar.arrowTop::before { bottom: 100%; } .flatpickr-calendar.arrowTop::before { border-bottom-color: rgb(230, 230, 230); } .flatpickr-calendar.arrowTop::after { border-bottom-color: rgb(255, 255, 255); } .flatpickr-calendar.arrowBottom::after, .flatpickr-calendar.arrowBottom::before { top: 100%; } .flatpickr-calendar.arrowBottom::before { border-top-color: rgb(230, 230, 230); } .flatpickr-calendar.arrowBottom::after { border-top-color: rgb(255, 255, 255); } .flatpickr-calendar:focus { outline: 0px; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: flex; } .flatpickr-months .flatpickr-month { background: transparent; line-height: 1; text-align: center; position: relative; overflow: hidden; flex: 1 1 0%; } .flatpickr-months .flatpickr-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 34px; user-select: none; } .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { text-decoration: none; cursor: pointer; position: absolute; top: 0px; padding: 10px; z-index: 3; } .flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i { position: relative; } .flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month { left: 0px; } .flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month { right: 0px; } .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover { color: rgb(149, 158, 169); } .flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg { fill: rgb(246, 71, 71); } .flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path { transition: fill 0.1s ease 0s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-webkit-inner-spin-button, .numInputWrapper input::-webkit-outer-spin-button { margin: 0px; appearance: none; } .numInputWrapper span { position: absolute; right: 0px; width: 14px; padding: 0px 4px 0px 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span::after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0px; border-bottom: 0px; } .numInputWrapper span.arrowUp::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0px 0px; line-height: 1; height: 34px; display: inline-block; text-align: center; transform: translateZ(0px); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0px; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp::after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown::after { border-top-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month input.cur-year { background: transparent; box-sizing: border-box; color: inherit; cursor: text; padding: 0px 0px 0px 0.5ch; margin: 0px; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0px; border-radius: 0px; vertical-align: initial; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0px; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { background: transparent; border: none; border-radius: 0px; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0px 0px; outline: none; padding: 0px 0px 0px 0.5ch; position: relative; vertical-align: initial; box-sizing: border-box; appearance: menulist; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:active, .flatpickr-current-month .flatpickr-monthDropdown-months:focus { outline: none; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: none; padding: 0px; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: flex; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: flex; flex: 1 1 0%; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0px; text-align: center; display: block; flex: 1 1 0%; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0px 0px; } .flatpickr-days { position: relative; overflow: hidden; display: flex; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0px; } .dayContainer { padding: 0px; outline: 0px; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-around; transform: translateZ(0px); opacity: 1; } .dayContainer + .dayContainer { box-shadow: rgb(230, 230, 230) -1px 0px 0px; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: rgb(57, 57, 57); cursor: pointer; font-weight: 400; width: 14.2857%; flex-basis: 14.2857%; max-width: 39px; height: 39px; line-height: 39px; margin: 0px; display: inline-block; position: relative; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover { cursor: pointer; outline: 0px; background: rgb(230, 230, 230); border-color: rgb(230, 230, 230); } .flatpickr-day.today { border-color: rgb(149, 158, 169); } .flatpickr-day.today:focus, .flatpickr-day.today:hover { border-color: rgb(149, 158, 169); background: rgb(149, 158, 169); color: rgb(255, 255, 255); } .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover { background: rgb(86, 159, 247); box-shadow: none; color: rgb(255, 255, 255); border-color: rgb(86, 159, 247); } .flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange { border-radius: 50px 0px 0px 50px; } .flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange { border-radius: 0px 50px 50px 0px; } .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: rgb(86, 159, 247) -10px 0px 0px; } .flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0px; box-shadow: rgb(230, 230, 230) -5px 0px 0px, rgb(230, 230, 230) 5px 0px 0px; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, 0.1); } .flatpickr-day.week.selected { border-radius: 0px; box-shadow: rgb(86, 159, 247) -5px 0px 0px, rgb(86, 159, 247) 5px 0px 0px; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0px 12px; box-shadow: rgb(230, 230, 230) 1px 0px 0px; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, 0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: flex; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0px; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0px; height: 0px; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; display: flex; } .flatpickr-time::after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { flex: 1 1 0%; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp::after { border-bottom-color: rgb(57, 57, 57); } .flatpickr-time .numInputWrapper span.arrowDown::after { border-top-color: rgb(57, 57, 57); } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; box-shadow: none; border: 0px; border-radius: 0px; text-align: center; margin: 0px; padding: 0px; height: inherit; line-height: inherit; color: rgb(57, 57, 57); font-size: 14px; position: relative; box-sizing: border-box; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: 700; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0px; border: 0px; } .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator { height: inherit; float: left; line-height: inherit; color: rgb(57, 57, 57); font-weight: 700; width: 2%; user-select: none; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0px; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover { background: rgb(238, 238, 238); } .flatpickr-input[readonly] { cursor: pointer; } @keyframes fpFadeInDown { 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 1; transform: translateZ(0px); }} :root { --blue-90:#11181d; --blue-80:#1f303e; --blue-70:#274863; --blue-60:#2c608a; --blue-50:#2378c3; --blue-40:#4f97d1; --blue-30:#73b3e7; --blue-20:#aacdec; --blue-10:#dbe8fb; --blue-5:#eff6fb; --blue-cool-90:#0f191c; --blue-cool-80:#14333d; --blue-cool-70:#224a58; --blue-cool-60:#2e6276; --blue-cool-50:#3a7d95; --blue-cool-40:#6499af; --blue-cool-30:#82b4c9; --blue-cool-20:#adcfdc; --blue-cool-10:#dae9ee; --blue-cool-5:#e7f2f5; --blue-warm-90:#13171f; --blue-warm-80:#252f3e; --blue-warm-70:#2f4668; --blue-warm-60:#345d96; --blue-warm-50:#4a77b4; --blue-warm-40:#7292c7; --blue-warm-30:#98afd2; --blue-warm-20:#c5d4eb; --blue-warm-10:#e1e7f1; --blue-warm-5:#ecf1f7; --blue-vivid-80:#112f4e; --blue-vivid-70:#0b4778; --blue-vivid-60:#005ea2; --blue-vivid-50:#0076d6; --blue-vivid-40:#2491ff; --blue-vivid-30:#58b4ff; --blue-vivid-20:#a1d3ff; --blue-vivid-10:#cfe8ff; --blue-vivid-5:#e8f5ff; --blue-cool-vivid-80:#002d3f; --blue-cool-vivid-70:#074b69; --blue-cool-vivid-60:#07648d; --blue-cool-vivid-50:#0d7ea2; --blue-cool-vivid-40:#28a0cb; --blue-cool-vivid-30:#59b9de; --blue-cool-vivid-20:#97d4ea; --blue-cool-vivid-10:#c3ebfa; --blue-cool-vivid-5:#e1f3f8; --blue-warm-vivid-90:#071d41; --blue-warm-vivid-80:#0c326f; --blue-warm-vivid-70:#1351b4; --blue-warm-vivid-60:#155bcb; --blue-warm-vivid-50:#2670e8; --blue-warm-vivid-40:#5992ed; --blue-warm-vivid-30:#81aefc; --blue-warm-vivid-20:#adcdff; --blue-warm-vivid-10:#d4e5ff; --blue-warm-vivid-5:#edf5ff; --blue-90-rgb:17,24,29; --blue-80-rgb:31,48,62; --blue-70-rgb:39,72,99; --blue-60-rgb:44,96,138; --blue-50-rgb:35,120,195; --blue-40-rgb:79,151,209; --blue-30-rgb:115,179,231; --blue-20-rgb:170,205,236; --blue-10-rgb:219,232,251; --blue-5-rgb:239,246,251; --blue-cool-90-rgb:15,25,28; --blue-cool-80-rgb:20,51,61; --blue-cool-70-rgb:34,74,88; --blue-cool-60-rgb:46,98,118; --blue-cool-50-rgb:58,125,149; --blue-cool-40-rgb:100,153,175; --blue-cool-30-rgb:130,180,201; --blue-cool-20-rgb:173,207,220; --blue-cool-10-rgb:218,233,238; --blue-cool-5-rgb:231,242,245; --blue-warm-90-rgb:19,23,31; --blue-warm-80-rgb:37,47,62; --blue-warm-70-rgb:47,70,104; --blue-warm-60-rgb:52,93,150; --blue-warm-50-rgb:74,119,180; --blue-warm-40-rgb:114,146,199; --blue-warm-30-rgb:152,175,210; --blue-warm-20-rgb:197,212,235; --blue-warm-10-rgb:225,231,241; --blue-warm-5-rgb:236,241,247; --blue-vivid-80-rgb:17,47,78; --blue-vivid-70-rgb:11,71,120; --blue-vivid-60-rgb:0,94,162; --blue-vivid-50-rgb:0,118,214; --blue-vivid-40-rgb:36,145,255; --blue-vivid-30-rgb:88,180,255; --blue-vivid-20-rgb:161,211,255; --blue-vivid-10-rgb:207,232,255; --blue-vivid-5-rgb:232,245,255; --blue-cool-vivid-80-rgb:0,45,63; --blue-cool-vivid-70-rgb:7,75,105; --blue-cool-vivid-60-rgb:7,100,141; --blue-cool-vivid-50-rgb:13,126,162; --blue-cool-vivid-40-rgb:40,160,203; --blue-cool-vivid-30-rgb:89,185,222; --blue-cool-vivid-20-rgb:151,212,234; --blue-cool-vivid-10-rgb:195,235,250; --blue-cool-vivid-5-rgb:225,243,248; --blue-warm-vivid-90-rgb:7,29,65; --blue-warm-vivid-80-rgb:12,50,111; --blue-warm-vivid-70-rgb:19,81,180; --blue-warm-vivid-60-rgb:21,91,203; --blue-warm-vivid-50-rgb:38,112,232; --blue-warm-vivid-40-rgb:89,146,237; --blue-warm-vivid-30-rgb:129,174,252; --blue-warm-vivid-20-rgb:173,205,255; --blue-warm-vivid-10-rgb:212,229,255; --blue-warm-vivid-5-rgb:237,245,255; --cyan-90:#111819; --cyan-80:#203133; --cyan-70:#2c4a4e; --cyan-60:#2a646d; --cyan-50:#168092; --cyan-40:#449dac; --cyan-30:#5dc0d1; --cyan-20:#99deea; --cyan-10:#ccecf2; --cyan-5:#e7f6f8; --cyan-vivid-80:#093b44; --cyan-vivid-70:#0e4f5c; --cyan-vivid-60:#00687d; --cyan-vivid-50:#0081a1; --cyan-vivid-40:#009ec1; --cyan-vivid-30:#00bde3; --cyan-vivid-20:#52daf2; --cyan-vivid-10:#a8f2ff; --cyan-vivid-5:#e5faff; --cyan-90-rgb:17,24,25; --cyan-80-rgb:32,49,51; --cyan-70-rgb:44,74,78; --cyan-60-rgb:42,100,109; --cyan-50-rgb:22,128,146; --cyan-40-rgb:68,157,172; --cyan-30-rgb:93,192,209; --cyan-20-rgb:153,222,234; --cyan-10-rgb:204,236,242; --cyan-5-rgb:231,246,248; --cyan-vivid-80-rgb:9,59,68; --cyan-vivid-70-rgb:14,79,92; --cyan-vivid-60-rgb:0,104,125; --cyan-vivid-50-rgb:0,129,161; --cyan-vivid-40-rgb:0,158,193; --cyan-vivid-30-rgb:0,189,227; --cyan-vivid-20-rgb:82,218,242; --cyan-vivid-10-rgb:168,242,255; --cyan-vivid-5-rgb:229,250,255; --gold-90:#191714; --gold-80:#322d26; --gold-70:#4d4438; --gold-60:#6b5947; --gold-50:#8e704f; --gold-40:#ad8b65; --gold-30:#c7a97b; --gold-20:#dec69a; --gold-10:#f1e5cd; --gold-5:#f5f0e6; --gold-vivid-80:#3b2b15; --gold-vivid-70:#5c410a; --gold-vivid-60:#7a591a; --gold-vivid-50:#936f38; --gold-vivid-40:#c2850c; --gold-vivid-30:#e5a000; --gold-vivid-20:#ffbe2e; --gold-vivid-10:#ffe396; --gold-vivid-5:#fef0c8; --gold-90-rgb:25,23,20; --gold-80-rgb:50,45,38; --gold-70-rgb:77,68,56; --gold-60-rgb:107,89,71; --gold-50-rgb:142,112,79; --gold-40-rgb:173,139,101; --gold-30-rgb:199,169,123; --gold-20-rgb:222,198,154; --gold-10-rgb:241,229,205; --gold-5-rgb:245,240,230; --gold-vivid-80-rgb:59,43,21; --gold-vivid-70-rgb:92,65,10; --gold-vivid-60-rgb:122,89,26; --gold-vivid-50-rgb:147,111,56; --gold-vivid-40-rgb:194,133,12; --gold-vivid-30-rgb:229,160,0; --gold-vivid-20-rgb:255,190,46; --gold-vivid-10-rgb:255,227,150; --gold-vivid-5-rgb:254,240,200; --gray-90:#1b1b1b; --gray-80:#333; --gray-70:#555; --gray-60:#636363; --gray-50:#757575; --gray-40:#888; --gray-30:#adadad; --gray-20:#ccc; --gray-10:#e6e6e6; --gray-5:#f0f0f0; --gray-4:#f3f3f3; --gray-3:#f6f6f6; --gray-2:#f8f8f8; --gray-1:#fcfcfc; --gray-cool-90:#1c1d1f; --gray-cool-80:#2d2e2f; --gray-cool-70:#3d4551; --gray-cool-60:#565c65; --gray-cool-50:#71767a; --gray-cool-40:#8d9297; --gray-cool-30:#a9aeb1; --gray-cool-20:#c6cace; --gray-cool-10:#dfe1e2; --gray-cool-5:#edeff0; --gray-cool-4:#f1f3f6; --gray-cool-3:#f5f6f7; --gray-cool-2:#f7f9fa; --gray-cool-1:#fbfcfd; --gray-warm-90:#171716; --gray-warm-80:#2e2e2a; --gray-warm-70:#454540; --gray-warm-60:#5d5d52; --gray-warm-50:#76766a; --gray-warm-40:#929285; --gray-warm-30:#afaea2; --gray-warm-20:#cac9c0; --gray-warm-10:#e6e6e2; --gray-warm-5:#f0f0ec; --gray-warm-4:#f5f5f0; --gray-warm-3:#f6f6f2; --gray-warm-2:#f9f9f7; --gray-warm-1:#fcfcfb; --gray-90-rgb:27,27,27; --gray-80-rgb:51,51,51; --gray-70-rgb:85,85,85; --gray-60-rgb:99,99,99; --gray-50-rgb:117,117,117; --gray-40-rgb:136,136,136; --gray-30-rgb:173,173,173; --gray-20-rgb:204,204,204; --gray-10-rgb:230,230,230; --gray-5-rgb:240,240,240; --gray-4-rgb:243,243,243; --gray-3-rgb:246,246,246; --gray-2-rgb:248,248,248; --gray-1-rgb:252,252,252; --gray-cool-90-rgb:28,29,31; --gray-cool-80-rgb:45,46,47; --gray-cool-70-rgb:61,69,81; --gray-cool-60-rgb:86,92,101; --gray-cool-50-rgb:113,118,122; --gray-cool-40-rgb:141,146,151; --gray-cool-30-rgb:169,174,177; --gray-cool-20-rgb:198,202,206; --gray-cool-10-rgb:223,225,226; --gray-cool-5-rgb:237,239,240; --gray-cool-4-rgb:241,243,246; --gray-cool-3-rgb:245,246,247; --gray-cool-2-rgb:247,249,250; --gray-cool-1-rgb:251,252,253; --gray-warm-90-rgb:23,23,22; --gray-warm-80-rgb:46,46,42; --gray-warm-70-rgb:69,69,64; --gray-warm-60-rgb:93,93,82; --gray-warm-50-rgb:118,118,106; --gray-warm-40-rgb:146,146,133; --gray-warm-30-rgb:175,174,162; --gray-warm-20-rgb:202,201,192; --gray-warm-10-rgb:230,230,226; --gray-warm-5-rgb:240,240,236; --gray-warm-4-rgb:245,245,240; --gray-warm-3-rgb:246,246,242; --gray-warm-2-rgb:249,249,247; --gray-warm-1-rgb:252,252,251; --green-90:#161814; --green-80:#293021; --green-70:#3c4a29; --green-60:#4c6424; --green-50:#607f35; --green-40:#7d9b4e; --green-30:#9bb672; --green-20:#b8d293; --green-10:#dfeacd; --green-5:#eaf4dd; --green-cool-90:#1a1f1a; --green-cool-80:#28312a; --green-cool-70:#37493b; --green-cool-60:#446443; --green-cool-50:#4d8055; --green-cool-40:#5e9f69; --green-cool-30:#86b98e; --green-cool-20:#b4d0b9; --green-cool-10:#dbebde; --green-cool-5:#ecf3ec; --green-warm-90:#171712; --green-warm-80:#2d2f21; --green-warm-70:#45472f; --green-warm-60:#5a5f38; --green-warm-50:#6f7a41; --green-warm-40:#8a984b; --green-warm-30:#a6b557; --green-warm-20:#cbd17a; --green-warm-10:#e7eab7; --green-warm-5:#f1f4d7; --green-vivid-80:#243413; --green-vivid-70:#2f4a0b; --green-vivid-60:#466c04; --green-vivid-50:#538200; --green-vivid-40:#719f2a; --green-vivid-30:#7fb135; --green-vivid-20:#98d035; --green-vivid-10:#c5ee93; --green-vivid-5:#ddf9c7; --green-cool-vivid-80:#19311e; --green-cool-vivid-70:#154c21; --green-cool-vivid-60:#216e1f; --green-cool-vivid-50:#168821; --green-cool-vivid-40:#00a91c; --green-cool-vivid-30:#21c834; --green-cool-vivid-20:#70e17b; --green-cool-vivid-10:#b7f5bd; --green-cool-vivid-5:#e3f5e1; --green-warm-vivid-80:#38380b; --green-warm-vivid-70:#4b4e10; --green-warm-vivid-60:#5a6613; --green-warm-vivid-50:#6a7d00; --green-warm-vivid-40:#7e9c1d; --green-warm-vivid-30:#a3b72c; --green-warm-vivid-20:#c5d30a; --green-warm-vivid-10:#e7f434; --green-warm-vivid-5:#f5fbc1; --green-90-rgb:22,24,20; --green-80-rgb:41,48,33; --green-70-rgb:60,74,41; --green-60-rgb:76,100,36; --green-50-rgb:96,127,53; --green-40-rgb:125,155,78; --green-30-rgb:155,182,114; --green-20-rgb:184,210,147; --green-10-rgb:223,234,205; --green-5-rgb:234,244,221; --green-cool-90-rgb:26,31,26; --green-cool-80-rgb:40,49,42; --green-cool-70-rgb:55,73,59; --green-cool-60-rgb:68,100,67; --green-cool-50-rgb:77,128,85; --green-cool-40-rgb:94,159,105; --green-cool-30-rgb:134,185,142; --green-cool-20-rgb:180,208,185; --green-cool-10-rgb:219,235,222; --green-cool-5-rgb:236,243,236; --green-warm-90-rgb:23,23,18; --green-warm-80-rgb:45,47,33; --green-warm-70-rgb:69,71,47; --green-warm-60-rgb:90,95,56; --green-warm-50-rgb:111,122,65; --green-warm-40-rgb:138,152,75; --green-warm-30-rgb:166,181,87; --green-warm-20-rgb:203,209,122; --green-warm-10-rgb:231,234,183; --green-warm-5-rgb:241,244,215; --green-vivid-80-rgb:36,52,19; --green-vivid-70-rgb:47,74,11; --green-vivid-60-rgb:70,108,4; --green-vivid-50-rgb:83,130,0; --green-vivid-40-rgb:113,159,42; --green-vivid-30-rgb:127,177,53; --green-vivid-20-rgb:152,208,53; --green-vivid-10-rgb:197,238,147; --green-vivid-5-rgb:221,249,199; --green-cool-vivid-80-rgb:25,49,30; --green-cool-vivid-70-rgb:21,76,33; --green-cool-vivid-60-rgb:33,110,31; --green-cool-vivid-50-rgb:22,136,33; --green-cool-vivid-40-rgb:0,169,28; --green-cool-vivid-30-rgb:33,200,52; --green-cool-vivid-20-rgb:112,225,123; --green-cool-vivid-10-rgb:183,245,189; --green-cool-vivid-5-rgb:227,245,225; --green-warm-vivid-80-rgb:56,56,11; --green-warm-vivid-70-rgb:75,78,16; --green-warm-vivid-60-rgb:90,102,19; --green-warm-vivid-50-rgb:106,125,0; --green-warm-vivid-40-rgb:126,156,29; --green-warm-vivid-30-rgb:163,183,44; --green-warm-vivid-20-rgb:197,211,10; --green-warm-vivid-10-rgb:231,244,52; --green-warm-vivid-5-rgb:245,251,193; --indigo-90:#16171f; --indigo-80:#2b2c40; --indigo-70:#3d4076; --indigo-60:#4d52af; --indigo-50:#676cc8; --indigo-40:#8889db; --indigo-30:#a5a8eb; --indigo-20:#c5c5f3; --indigo-10:#e5e4fa; --indigo-5:#efeff8; --indigo-cool-90:#151622; --indigo-cool-80:#292d42; --indigo-cool-70:#374274; --indigo-cool-60:#3f57a6; --indigo-cool-50:#496fd8; --indigo-cool-40:#6b8ee8; --indigo-cool-30:#96abee; --indigo-cool-20:#bbc8f5; --indigo-cool-10:#e1e6f9; --indigo-cool-5:#eef0f9; --indigo-warm-90:#18161d; --indigo-warm-80:#2e2c40; --indigo-warm-70:#453c7b; --indigo-warm-60:#5e519e; --indigo-warm-50:#7665d1; --indigo-warm-40:#9287d8; --indigo-warm-30:#afa5e8; --indigo-warm-20:#cbc4f2; --indigo-warm-10:#e7e3fa; --indigo-warm-5:#f1eff7; --indigo-vivid-80:#212463; --indigo-vivid-70:#3333a3; --indigo-vivid-60:#4a50c4; --indigo-vivid-50:#656bd7; --indigo-vivid-40:#8289ff; --indigo-vivid-30:#a3a7fa; --indigo-vivid-20:#ccceff; --indigo-vivid-10:#e0e0ff; --indigo-vivid-5:#f0f0ff; --indigo-cool-vivid-80:#1b2b85; --indigo-cool-vivid-70:#222fbf; --indigo-cool-vivid-60:#3e4ded; --indigo-cool-vivid-50:#4866ff; --indigo-cool-vivid-40:#628ef4; --indigo-cool-vivid-30:#94adff; --indigo-cool-vivid-20:#b8c8ff; --indigo-cool-vivid-10:#dee5ff; --indigo-cool-vivid-5:#edf0ff; --indigo-warm-vivid-80:#261f5b; --indigo-warm-vivid-70:#3d2c9d; --indigo-warm-vivid-60:#5942d2; --indigo-warm-vivid-50:#745fe9; --indigo-warm-vivid-40:#967efb; --indigo-warm-vivid-30:#b69fff; --indigo-warm-vivid-20:#cfc4fd; --indigo-warm-vivid-10:#e4deff; --indigo-warm-vivid-5:#f5f2ff; --indigo-90-rgb:22,23,31; --indigo-80-rgb:43,44,64; --indigo-70-rgb:61,64,118; --indigo-60-rgb:77,82,175; --indigo-50-rgb:103,108,200; --indigo-40-rgb:136,137,219; --indigo-30-rgb:165,168,235; --indigo-20-rgb:197,197,243; --indigo-10-rgb:229,228,250; --indigo-5-rgb:239,239,248; --indigo-cool-90-rgb:21,22,34; --indigo-cool-80-rgb:41,45,66; --indigo-cool-70-rgb:55,66,116; --indigo-cool-60-rgb:63,87,166; --indigo-cool-50-rgb:73,111,216; --indigo-cool-40-rgb:107,142,232; --indigo-cool-30-rgb:150,171,238; --indigo-cool-20-rgb:187,200,245; --indigo-cool-10-rgb:225,230,249; --indigo-cool-5-rgb:238,240,249; --indigo-warm-90-rgb:24,22,29; --indigo-warm-80-rgb:46,44,64; --indigo-warm-70-rgb:69,60,123; --indigo-warm-60-rgb:94,81,158; --indigo-warm-50-rgb:118,101,209; --indigo-warm-40-rgb:146,135,216; --indigo-warm-30-rgb:175,165,232; --indigo-warm-20-rgb:203,196,242; --indigo-warm-10-rgb:231,227,250; --indigo-warm-5-rgb:241,239,247; --indigo-vivid-80-rgb:33,36,99; --indigo-vivid-70-rgb:51,51,163; --indigo-vivid-60-rgb:74,80,196; --indigo-vivid-50-rgb:101,107,215; --indigo-vivid-40-rgb:130,137,255; --indigo-vivid-30-rgb:163,167,250; --indigo-vivid-20-rgb:204,206,255; --indigo-vivid-10-rgb:224,224,255; --indigo-vivid-5-rgb:240,240,255; --indigo-cool-vivid-80-rgb:27,43,133; --indigo-cool-vivid-70-rgb:34,47,191; --indigo-cool-vivid-60-rgb:62,77,237; --indigo-cool-vivid-50-rgb:72,102,255; --indigo-cool-vivid-40-rgb:98,142,244; --indigo-cool-vivid-30-rgb:148,173,255; --indigo-cool-vivid-20-rgb:184,200,255; --indigo-cool-vivid-10-rgb:222,229,255; --indigo-cool-vivid-5-rgb:237,240,255; --indigo-warm-vivid-80-rgb:38,31,91; --indigo-warm-vivid-70-rgb:61,44,157; --indigo-warm-vivid-60-rgb:89,66,210; --indigo-warm-vivid-50-rgb:116,95,233; --indigo-warm-vivid-40-rgb:150,126,251; --indigo-warm-vivid-30-rgb:182,159,255; --indigo-warm-vivid-20-rgb:207,196,253; --indigo-warm-vivid-10-rgb:228,222,255; --indigo-warm-vivid-5-rgb:245,242,255; --magenta-90:#1b1617; --magenta-80:#402731; --magenta-70:#66364b; --magenta-60:#8b4566; --magenta-50:#c84281; --magenta-40:#e0699f; --magenta-30:#e895b3; --magenta-20:#f0bbcc; --magenta-10:#f6e1e8; --magenta-5:#f9f0f2; --magenta-vivid-80:#4f172e; --magenta-vivid-70:#731f44; --magenta-vivid-60:#ab2165; --magenta-vivid-50:#d72d79; --magenta-vivid-40:#fd4496; --magenta-vivid-30:#ff87b2; --magenta-vivid-20:#ffb4cf; --magenta-vivid-10:#ffddea; --magenta-vivid-5:#fff2f5; --magenta-90-rgb:27,22,23; --magenta-80-rgb:64,39,49; --magenta-70-rgb:102,54,75; --magenta-60-rgb:139,69,102; --magenta-50-rgb:200,66,129; --magenta-40-rgb:224,105,159; --magenta-30-rgb:232,149,179; --magenta-20-rgb:240,187,204; --magenta-10-rgb:246,225,232; --magenta-5-rgb:249,240,242; --magenta-vivid-80-rgb:79,23,46; --magenta-vivid-70-rgb:115,31,68; --magenta-vivid-60-rgb:171,33,101; --magenta-vivid-50-rgb:215,45,121; --magenta-vivid-40-rgb:253,68,150; --magenta-vivid-30-rgb:255,135,178; --magenta-vivid-20-rgb:255,180,207; --magenta-vivid-10-rgb:255,221,234; --magenta-vivid-5-rgb:255,242,245; --mint-90:#0d1a12; --mint-80:#193324; --mint-70:#204e34; --mint-60:#286846; --mint-50:#2e8367; --mint-40:#34a37e; --mint-30:#5abf95; --mint-20:#92d9bb; --mint-10:#c7efe2; --mint-5:#dbf6ed; --mint-cool-90:#111818; --mint-cool-80:#203131; --mint-cool-70:#2a4b45; --mint-cool-60:#376462; --mint-cool-50:#40807e; --mint-cool-40:#4f9e99; --mint-cool-30:#6fbab3; --mint-cool-20:#9bd4cf; --mint-cool-10:#c4eeeb; --mint-cool-5:#e0f7f6; --mint-vivid-80:#0d351e; --mint-vivid-70:#0c4e29; --mint-vivid-60:#146947; --mint-vivid-50:#008659; --mint-vivid-40:#00a871; --mint-vivid-30:#04c585; --mint-vivid-20:#0ceda6; --mint-vivid-10:#83fcd4; --mint-vivid-5:#c9fbeb; --mint-cool-vivid-80:#123131; --mint-cool-vivid-70:#0b4b3f; --mint-cool-vivid-60:#0f6460; --mint-cool-vivid-50:#008480; --mint-cool-vivid-40:#36a191; --mint-cool-vivid-30:#1dc2ae; --mint-cool-vivid-20:#40e0d0; --mint-cool-vivid-10:#7efbe1; --mint-cool-vivid-5:#d5fbf3; --mint-90-rgb:13,26,18; --mint-80-rgb:25,51,36; --mint-70-rgb:32,78,52; --mint-60-rgb:40,104,70; --mint-50-rgb:46,131,103; --mint-40-rgb:52,163,126; --mint-30-rgb:90,191,149; --mint-20-rgb:146,217,187; --mint-10-rgb:199,239,226; --mint-5-rgb:219,246,237; --mint-cool-90-rgb:17,24,24; --mint-cool-80-rgb:32,49,49; --mint-cool-70-rgb:42,75,69; --mint-cool-60-rgb:55,100,98; --mint-cool-50-rgb:64,128,126; --mint-cool-40-rgb:79,158,153; --mint-cool-30-rgb:111,186,179; --mint-cool-20-rgb:155,212,207; --mint-cool-10-rgb:196,238,235; --mint-cool-5-rgb:224,247,246; --mint-vivid-80-rgb:13,53,30; --mint-vivid-70-rgb:12,78,41; --mint-vivid-60-rgb:20,105,71; --mint-vivid-50-rgb:0,134,89; --mint-vivid-40-rgb:0,168,113; --mint-vivid-30-rgb:4,197,133; --mint-vivid-20-rgb:12,237,166; --mint-vivid-10-rgb:131,252,212; --mint-vivid-5-rgb:201,251,235; --mint-cool-vivid-80-rgb:18,49,49; --mint-cool-vivid-70-rgb:11,75,63; --mint-cool-vivid-60-rgb:15,100,96; --mint-cool-vivid-50-rgb:0,132,128; --mint-cool-vivid-40-rgb:54,161,145; --mint-cool-vivid-30-rgb:29,194,174; --mint-cool-vivid-20-rgb:64,224,208; --mint-cool-vivid-10-rgb:126,251,225; --mint-cool-vivid-5-rgb:213,251,243; --orange-90:#1b1614; --orange-80:#332d27; --orange-70:#524236; --orange-60:#775540; --orange-50:#a26739; --orange-40:#dd7533; --orange-30:#f09860; --orange-20:#f3bf90; --orange-10:#f2e4d4; --orange-5:#f6efe9; --orange-warm-90:#1c1615; --orange-warm-80:#3d2925; --orange-warm-70:#633a32; --orange-warm-60:#914734; --orange-warm-50:#bd5727; --orange-warm-40:#e17141; --orange-warm-30:#f3966d; --orange-warm-20:#f7bca2; --orange-warm-10:#fbe0d0; --orange-warm-5:#faeee5; --orange-vivid-80:#352313; --orange-vivid-70:#5f3617; --orange-vivid-60:#8c471c; --orange-vivid-50:#c05600; --orange-vivid-40:#e66f0e; --orange-vivid-30:#ff8c00; --orange-vivid-20:#ffbc78; --orange-vivid-10:#fce2c5; --orange-vivid-5:#fdf5e6; --orange-warm-vivid-80:#3d231d; --orange-warm-vivid-70:#782312; --orange-warm-vivid-60:#a72f10; --orange-warm-vivid-50:#cf4900; --orange-warm-vivid-40:#ff580a; --orange-warm-vivid-30:#fc906d; --orange-warm-vivid-20:#fbbaa7; --orange-warm-vivid-10:#ffe2d1; --orange-warm-vivid-5:#fff3ea; --orange-90-rgb:27,22,20; --orange-80-rgb:51,45,39; --orange-70-rgb:82,66,54; --orange-60-rgb:119,85,64; --orange-50-rgb:162,103,57; --orange-40-rgb:221,117,51; --orange-30-rgb:240,152,96; --orange-20-rgb:243,191,144; --orange-10-rgb:242,228,212; --orange-5-rgb:246,239,233; --orange-warm-90-rgb:28,22,21; --orange-warm-80-rgb:61,41,37; --orange-warm-70-rgb:99,58,50; --orange-warm-60-rgb:145,71,52; --orange-warm-50-rgb:189,87,39; --orange-warm-40-rgb:225,113,65; --orange-warm-30-rgb:243,150,109; --orange-warm-20-rgb:247,188,162; --orange-warm-10-rgb:251,224,208; --orange-warm-5-rgb:250,238,229; --orange-vivid-80-rgb:53,35,19; --orange-vivid-70-rgb:95,54,23; --orange-vivid-60-rgb:140,71,28; --orange-vivid-50-rgb:192,86,0; --orange-vivid-40-rgb:230,111,14; --orange-vivid-30-rgb:255,140,0; --orange-vivid-20-rgb:255,188,120; --orange-vivid-10-rgb:252,226,197; --orange-vivid-5-rgb:253,245,230; --orange-warm-vivid-80-rgb:61,35,29; --orange-warm-vivid-70-rgb:120,35,18; --orange-warm-vivid-60-rgb:167,47,16; --orange-warm-vivid-50-rgb:207,73,0; --orange-warm-vivid-40-rgb:255,88,10; --orange-warm-vivid-30-rgb:252,144,109; --orange-warm-vivid-20-rgb:251,186,167; --orange-warm-vivid-10-rgb:255,226,209; --orange-warm-vivid-5-rgb:255,243,234; --pure-100:#000; --pure-0:#fff; --pure-100-rgb:0,0,0; --pure-0-rgb:255,255,255; --red-90:#1b1616; --red-80:#3e2927; --red-70:#6f3331; --red-60:#a23737; --red-50:#d83933; --red-40:#e9695f; --red-30:#f2938c; --red-20:#f7bbb1; --red-10:#f8e1de; --red-5:#f9eeee; --red-cool-90:#1e1517; --red-cool-80:#40282c; --red-cool-70:#68363f; --red-cool-60:#9e394b; --red-cool-50:#cd425b; --red-cool-40:#e16b80; --red-cool-30:#e09aa6; --red-cool-20:#ecbec6; --red-cool-10:#f3e1e4; --red-cool-5:#f8eff1; --red-warm-90:#1f1c18; --red-warm-80:#332d29; --red-warm-70:#524236; --red-warm-60:#805039; --red-warm-50:#c3512c; --red-warm-40:#d27a56; --red-warm-30:#dca081; --red-warm-20:#ecc0a7; --red-warm-10:#f4e3db; --red-warm-5:#f6efea; --red-vivid-80:#5c1111; --red-vivid-70:#8b0a03; --red-vivid-60:#b50909; --red-vivid-50:#e52207; --red-vivid-40:#fb5a47; --red-vivid-30:#ff8d7b; --red-vivid-20:#fdb8ae; --red-vivid-10:#fde0db; --red-vivid-5:#fff3f2; --red-cool-vivid-80:#4f1c24; --red-cool-vivid-70:#822133; --red-cool-vivid-60:#b21d38; --red-cool-vivid-50:#e41d3d; --red-cool-vivid-40:#f45d79; --red-cool-vivid-30:#fd8ba0; --red-cool-vivid-20:#f8b9c5; --red-cool-vivid-10:#f8dfe2; --red-cool-vivid-5:#fff2f5; --red-warm-vivid-80:#3e2a1e; --red-warm-vivid-70:#63340f; --red-warm-vivid-60:#9c3d10; --red-warm-vivid-50:#d54309; --red-warm-vivid-40:#ef5e25; --red-warm-vivid-30:#f39268; --red-warm-vivid-20:#f6bd9c; --red-warm-vivid-10:#fce1d4; --red-warm-vivid-5:#fff5ee; --red-90-rgb:27,22,22; --red-80-rgb:62,41,39; --red-70-rgb:111,51,49; --red-60-rgb:162,55,55; --red-50-rgb:216,57,51; --red-40-rgb:233,105,95; --red-30-rgb:242,147,140; --red-20-rgb:247,187,177; --red-10-rgb:248,225,222; --red-5-rgb:249,238,238; --red-cool-90-rgb:30,21,23; --red-cool-80-rgb:64,40,44; --red-cool-70-rgb:104,54,63; --red-cool-60-rgb:158,57,75; --red-cool-50-rgb:205,66,91; --red-cool-40-rgb:225,107,128; --red-cool-30-rgb:224,154,166; --red-cool-20-rgb:236,190,198; --red-cool-10-rgb:243,225,228; --red-cool-5-rgb:248,239,241; --red-warm-90-rgb:31,28,24; --red-warm-80-rgb:51,45,41; --red-warm-70-rgb:82,66,54; --red-warm-60-rgb:128,80,57; --red-warm-50-rgb:195,81,44; --red-warm-40-rgb:210,122,86; --red-warm-30-rgb:220,160,129; --red-warm-20-rgb:236,192,167; --red-warm-10-rgb:244,227,219; --red-warm-5-rgb:246,239,234; --red-vivid-80-rgb:92,17,17; --red-vivid-70-rgb:139,10,3; --red-vivid-60-rgb:181,9,9; --red-vivid-50-rgb:229,34,7; --red-vivid-40-rgb:251,90,71; --red-vivid-30-rgb:255,141,123; --red-vivid-20-rgb:253,184,174; --red-vivid-10-rgb:253,224,219; --red-vivid-5-rgb:255,243,242; --red-cool-vivid-80-rgb:79,28,36; --red-cool-vivid-70-rgb:130,33,51; --red-cool-vivid-60-rgb:178,29,56; --red-cool-vivid-50-rgb:228,29,61; --red-cool-vivid-40-rgb:244,93,121; --red-cool-vivid-30-rgb:253,139,160; --red-cool-vivid-20-rgb:248,185,197; --red-cool-vivid-10-rgb:248,223,226; --red-cool-vivid-5-rgb:255,242,245; --red-warm-vivid-80-rgb:62,42,30; --red-warm-vivid-70-rgb:99,52,15; --red-warm-vivid-60-rgb:156,61,16; --red-warm-vivid-50-rgb:213,67,9; --red-warm-vivid-40-rgb:239,94,37; --red-warm-vivid-30-rgb:243,146,104; --red-warm-vivid-20-rgb:246,189,156; --red-warm-vivid-10-rgb:252,225,212; --red-warm-vivid-5-rgb:255,245,238; --violet-90:#18161d; --violet-80:#312b3f; --violet-70:#4c3d69; --violet-60:#665190; --violet-50:#8168b3; --violet-40:#9d84d2; --violet-30:#b8a2e3; --violet-20:#d0c3e9; --violet-10:#ebe3f9; --violet-5:#f4f1f9; --violet-warm-90:#1b151b; --violet-warm-80:#382936; --violet-warm-70:#5c395a; --violet-warm-60:#864381; --violet-warm-50:#b04abd; --violet-warm-40:#bf77c8; --violet-warm-30:#d29ad8; --violet-warm-20:#e2bee4; --violet-warm-10:#f6dff8; --violet-warm-5:#f8f0f9; --violet-vivid-80:#39215e; --violet-vivid-70:#54278f; --violet-vivid-60:#783cb9; --violet-vivid-50:#9355dc; --violet-vivid-40:#ad79e9; --violet-vivid-30:#c39deb; --violet-vivid-20:#d5bfff; --violet-vivid-10:#ede3ff; --violet-vivid-5:#f7f2ff; --violet-warm-vivid-80:#481441; --violet-warm-vivid-70:#711e6c; --violet-warm-vivid-60:#93348c; --violet-warm-vivid-50:#be32d0; --violet-warm-vivid-40:#d85bef; --violet-warm-vivid-30:#ee83ff; --violet-warm-vivid-20:#f4b2ff; --violet-warm-vivid-10:#fbdcff; --violet-warm-vivid-5:#fef2ff; --violet-90-rgb:24,22,29; --violet-80-rgb:49,43,63; --violet-70-rgb:76,61,105; --violet-60-rgb:102,81,144; --violet-50-rgb:129,104,179; --violet-40-rgb:157,132,210; --violet-30-rgb:184,162,227; --violet-20-rgb:208,195,233; --violet-10-rgb:235,227,249; --violet-5-rgb:244,241,249; --violet-warm-90-rgb:27,21,27; --violet-warm-80-rgb:56,41,54; --violet-warm-70-rgb:92,57,90; --violet-warm-60-rgb:134,67,129; --violet-warm-50-rgb:176,74,189; --violet-warm-40-rgb:191,119,200; --violet-warm-30-rgb:210,154,216; --violet-warm-20-rgb:226,190,228; --violet-warm-10-rgb:246,223,248; --violet-warm-5-rgb:248,240,249; --violet-vivid-80-rgb:57,33,94; --violet-vivid-70-rgb:84,39,143; --violet-vivid-60-rgb:120,60,185; --violet-vivid-50-rgb:147,85,220; --violet-vivid-40-rgb:173,121,233; --violet-vivid-30-rgb:195,157,235; --violet-vivid-20-rgb:213,191,255; --violet-vivid-10-rgb:237,227,255; --violet-vivid-5-rgb:247,242,255; --violet-warm-vivid-80-rgb:72,20,65; --violet-warm-vivid-70-rgb:113,30,108; --violet-warm-vivid-60-rgb:147,52,140; --violet-warm-vivid-50-rgb:190,50,208; --violet-warm-vivid-40-rgb:216,91,239; --violet-warm-vivid-30-rgb:238,131,255; --violet-warm-vivid-20-rgb:244,178,255; --violet-warm-vivid-10-rgb:251,220,255; --violet-warm-vivid-5-rgb:254,242,255; --yellow-90:#1a1614; --yellow-80:#332d27; --yellow-70:#504332; --yellow-60:#6b5a39; --yellow-50:#8a7237; --yellow-40:#a88f48; --yellow-30:#c9ab48; --yellow-20:#e6c74c; --yellow-10:#f5e6af; --yellow-5:#faf3d1; --yellow-vivid-80:#422d19; --yellow-vivid-70:#5c4809; --yellow-vivid-60:#776017; --yellow-vivid-50:#947100; --yellow-vivid-40:#b38c00; --yellow-vivid-30:#ddaa01; --yellow-vivid-20:#ffcd07; --yellow-vivid-10:#fee685; --yellow-vivid-5:#fff5c2; --yellow-90-rgb:26,22,20; --yellow-80-rgb:51,45,39; --yellow-70-rgb:80,67,50; --yellow-60-rgb:107,90,57; --yellow-50-rgb:138,114,55; --yellow-40-rgb:168,143,72; --yellow-30-rgb:201,171,72; --yellow-20-rgb:230,199,76; --yellow-10-rgb:245,230,175; --yellow-5-rgb:250,243,209; --yellow-vivid-80-rgb:66,45,25; --yellow-vivid-70-rgb:92,72,9; --yellow-vivid-60-rgb:119,96,23; --yellow-vivid-50-rgb:148,113,0; --yellow-vivid-40-rgb:179,140,0; --yellow-vivid-30-rgb:221,170,1; --yellow-vivid-20-rgb:255,205,7; --yellow-vivid-10-rgb:254,230,133; --yellow-vivid-5-rgb:255,245,194; --background:var(--background-light); --background-rgb:var(--background-light-rgb); --background-light:var(--pure-0); --background-light-rgb:var(--pure-0-rgb); --background-alternative:var(--gray-5); --background-alternative-rgb:var(--gray-5-rgb); --background-dark:var(--blue-warm-vivid-90); --background-dark-rgb:var(--blue-warm-vivid-90-rgb); --border-color:var(--gray-20); --border-color-alternative:var(--gray-40); --border-style:solid; --border-width:var(--surface-width-sm); --color:var(--color-light); --color-rgb:var(--color-light-rgb); --color-light:var(--gray-80); --color-light-rgb:var(--gray-80-rgb); --color-dark:var(--pure-0); --color-dark-rgb:var(--pure-0-rgb); --interactive:var(--interactive-light); --interactive-rgb:var(--interactive-light-rgb); --interactive-light:var(--blue-warm-vivid-70); --interactive-light-rgb:var(--blue-warm-vivid-70-rgb); --interactive-dark:var(--blue-warm-20); --interactive-dark-rgb:var(--blue-warm-20-rgb); --interactive-alternative:var(--green-cool-vivid-50); --interactive-alternative-rgb:var(--green-cool-vivid-50-rgb); --info:var(--blue-warm-vivid-60); --info-alternative:var(--blue-warm-vivid-10); --info-rgb:var(--blue-warm-vivid-60-rgb); --info-alternative-rgb:var(--blue-warm-vivid-10-rgb); --success:var(--green-cool-vivid-50); --success-alternative:var(--green-cool-vivid-5); --success-rgb:var(--green-cool-vivid-50-rgb); --success-alternative-rgb:var(--green-cool-vivid-5-rgb); --warning:var(--yellow-vivid-20); --warning-alternative:var(--yellow-vivid-5); --warning-rgb:var(--yellow-vivid-20-rgb); --warning-alternative-rgb:var(--yellow-vivid-5-rgb); --danger:var(--red-vivid-50); --danger-alternative:var(--red-vivid-10); --danger-rgb:var(--red-vivid-50-rgb); --danger-alternative-rgb:var(--red-vivid-20-rgb); --font-family-base:Rawline,Raleway,sans-serif; --surface-overlay-scrim:rgba(var(--rgb-secondary-09),var(--surface-opacity-md)); --surface-overlay-text:linear-gradient(rgba(var(--rgb-secondary-01),var(--surface-opacity-none)),rgba(var(--rgb-secondary-09),var(--surface-opacity-default))); --visited:var(--visited-light); --visited-light:var(--blue-warm-vivid-80); --visited-dark:var(--gray-20); --disabled:var(--surface-opacity-md); --hover:var(--hover-light); --hover-light:var(--surface-opacity-xs); --hover-dark:var(--surface-opacity-sm); --hover-effect:linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); --pressed:var(--pressed-light); --pressed-light:var(--surface-opacity-md); --pressed-dark:var(--surface-opacity-lg); --pressed-effect:linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed))); --focus-style:dashed; --focus-color:var(--focus-color-light); --focus-color-light:var(--gold-vivid-40); --focus-color-dark:var(--gold-vivid-20); --focus:var(--focus-color); --focus-offset:var(--spacing-scale-half); --focus-width:var(--surface-width-lg); --active:var(--blue-warm-vivid-80); --active-rgb:var(--blue-warm-vivid-80-rgb); --selected:var(--blue-warm-vivid-50); --on:var(--blue-warm-vivid-40); --on-rgb:var(--blue-warm-vivid-40-rgb); --off:var(--gray-20); --off-rgb:var(--gray-20-rgb); --ondrag-border-color:var(--interactive); --ondrag-border-width:var(--surface-width-md); --ondrag-border-style:solid; --ondrag-shadow-offset-x:var(--surface-offset-none); --ondrag-shadow-offset-y:var(--surface-offset-md); --ondrag-shadow-blur:var(--surface-blur-lg); --ondrag-shadow-color:var(--interactive-rgb); --ondrag-shadow-opacity:var(--surface-opacity-sm); --ondrag-opacity:var(--surface-opacity-xl); --ondrag-rotate:-5deg; --ondrag-cursor:grabbing; --draggable-icon:grip-vertical; --draggable-cursor:grab; --dropzone-border-color:var(--interactive); --dropzone-border-width:var(--surface-width-sm); --dropzone-border-style:dashed; --ondrop-background:var(--interactive-rgb); --ondrop-opacity:var(--surface-opacity-sm); --ondrop-cursor:copy; --z-index-layer-0:0; --z-index-layer-1:1000; --z-index-layer-2:2000; --z-index-layer-3:3000; --z-index-layer-4:4000; --color-primary-pastel-01:#c5d4eb; --color-primary-pastel-02:#dbe8fb; --color-primary-lighten-01:#2670e8; --color-primary-lighten-02:#5992ed; --color-primary-default:#1351b4; --color-primary-darken-01:#0c326f; --color-primary-darken-02:#071d41; --color-secondary-01:#fff; --color-secondary-02:#f8f8f8; --color-secondary-03:#ededed; --color-secondary-04:#ccc; --color-secondary-05:#9e9d9d; --color-secondary-06:#888; --color-secondary-07:#555; --color-secondary-08:#333; --color-secondary-09:#000; --color-highlight:#268744; --color-support-01:#36a191; --color-support-02:#f2e317; --color-support-03:#db4800; --color-support-04:#a26739; --color-support-05:#40e0d0; --color-support-06:#48cbeb; --color-support-07:#c72487; --color-support-08:#63007f; --color-support-09:#f08080; --color-support-10:#ff8c00; --color-support-11:#fdf5e6; --icon-size-base:16px; --icon-size-xs:8px; --icon-size-sm:12px; --icon-size-lg:20px; --icon-size-2x:32px; --icon-size-3x:48px; --icon-size-4x:64px; --icon-size-5x:80px; --icon-size-6x:96px; --icon-size-7x:112px; --icon-size-8x:128px; --icon-size-9x:144px; --icon-size-10x:160px; --surface-width-none:0; --surface-width-sm:1px; --surface-width-md:2px; --surface-width-lg:4px; --surface-rounder-none:0; --surface-rounder-sm:4px; --surface-rounder-md:8px; --surface-rounder-lg:16px; --surface-rounder-pill:999em; --surface-opacity-none:0; --surface-opacity-default:1; --surface-opacity-xs:0.16; --surface-opacity-sm:0.3; --surface-opacity-md:0.45; --surface-opacity-lg:0.65; --surface-opacity-xl:0.85; --surface-border-solid-none:var(--surface-width-none) solid var(--color-secondary-06); --surface-border-solid-sm:var(--surface-width-sm) solid var(--color-secondary-06); --surface-border-solid-md:var(--surface-width-md) solid var(--color-secondary-06); --surface-border-solid-lg:var(--surface-width-lg) solid var(--color-secondary-06); --surface-border-dashed-none:var(--surface-width-none) dashed var(--color-secondary-06); --surface-border-dashed-sm:var(--surface-width-sm) dashed var(--color-secondary-06); --surface-border-dashed-md:var(--surface-width-md) dashed var(--color-secondary-06); --surface-border-dashed-lg:var(--surface-width-lg) dashed var(--color-secondary-06); --surface-blur-none:0; --surface-blur-sm:1px; --surface-blur-md:3px; --surface-blur-lg:6px; --surface-blur-xl:9px; --surface-offset-none:0; --surface-offset-sm:1px; --surface-offset-md:3px; --surface-offset-lg:6px; --surface-offset-xl:9px; --surface-offset-sm-n:-1px; --surface-offset-md-n:-3px; --surface-offset-lg-n:-6px; --surface-offset-xl-n:-9px; --surface-shadow-color:var(--rgb-secondary-09); --surface-shadow-none:none; --surface-shadow-sm:var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-md:var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-lg:var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-xl:var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-sm-inset:var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-md-inset:var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-lg-inset:var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-xl-inset:var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-sm-up:var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-md-up:var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-lg-up:var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-xl-up:var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-sm-inset-up:var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-md-inset-up:var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-lg-inset-up:var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-xl-inset-up:var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-sm-right:var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-md-right:var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-lg-right:var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-xl-right:var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-sm-inset-right:var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-md-inset-right:var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-lg-inset-right:var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-xl-inset-right:var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-sm-left:var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-md-left:var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-lg-left:var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-xl-left:var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-sm-inset-left:var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-md-inset-left:var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-lg-inset-left:var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --surface-shadow-xl-inset-left:var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); --animation-ease:cubic-bezier(0.25,0.1,0.25,1); --animation-ease-in:cubic-bezier(0.42,0,1,1); --animation-ease-out:cubic-bezier(0,0,0.58,1); --animation-ease-in-out:cubic-bezier(0.42,0,0.58,1); --animation-ease-linear:cubic-bezier(0,0,1,1); --duration-very-fast:0.1s; --duration-fast:0.3s; --duration-moderate:0.5s; --duration-slow:0.8s; --duration-very-slow:1s; --font-weight-thin:100; --font-weight-extra-light:200; --font-weight-light:300; --font-weight-regular:400; --font-weight-medium:500; --font-weight-semi-bold:600; --font-weight-bold:700; --font-weight-extra-bold:800; --font-weight-black:900; --font-size-scale-base:14px; --font-size-scale-down-01:11.662px; --font-size-scale-down-02:9.716px; --font-size-scale-down-03:8.106px; --font-size-scale-up-01:16.8px; --font-size-scale-up-02:20.16px; --font-size-scale-up-03:24.192px; --font-size-scale-up-04:29.036px; --font-size-scale-up-05:34.832px; --font-size-scale-up-06:41.804px; --font-size-scale-up-07:50.162px; --font-size-scale-up-08:60.2px; --font-size-scale-up-09:72.24px; --font-size-scale-up-10:86.688px; --font-size-scale-up-11:104.02px; --font-line-height-low:1.15; --font-line-height-medium:1.45; --font-line-height-high:1.85; --grid-breakpoint-xs:0; --grid-breakpoint-xs-max-width:100%; --grid-breakpoint-sm:576px; --grid-breakpoint-sm-max-width:536px; --grid-breakpoint-md:992px; --grid-breakpoint-md-max-width:952px; --grid-breakpoint-lg:1280px; --grid-breakpoint-lg-max-width:1200px; --grid-breakpoint-xl:1600px; --grid-breakpoint-xl-max-width:1560px; --grid-portrait-maxwidth:100%; --grid-portrait-gutter:16px; --grid-portrait-columns:4; --grid-portrait-margin:8px; --grid-tablet-maxwidth:100%; --grid-tablet-gutter:24px; --grid-tablet-columns:8; --grid-tablet-margin:40px; --grid-desktop-maxwidth:1200px; --grid-desktop-gutter:24px; --grid-desktop-columns:12; --grid-desktop-margin:40px; --grid-tv-maxwidth:1520px; --grid-tv-gutter:40px; --grid-tv-columns:12; --grid-tv-margin:40px; --spacing-vertical-top:top; --spacing-vertical-center:center; --spacing-vertical-bottom:bottom; --spacing-horizontal-left:left; --spacing-horizontal-center:center; --spacing-horizontal-right:right; --spacing-scale-default:0; --spacing-scale-half:4px; --spacing-scale-base:8px; --spacing-scale-baseh:12px; --spacing-scale-2x:16px; --spacing-scale-2xh:20px; --spacing-scale-3x:24px; --spacing-scale-3xh:28px; --spacing-scale-4x:32px; --spacing-scale-4xh:36px; --spacing-scale-5x:40px; --spacing-scale-5xh:44px; --spacing-scale-6x:48px; --spacing-scale-6xh:52px; --spacing-scale-7x:56px; --spacing-scale-7xh:60px; --spacing-scale-8x:64px; --spacing-scale-8xh:68px; --spacing-scale-9x:72px; --spacing-scale-9xh:76px; --spacing-scale-10x:80px; --spacing-scale-10xh:84px; --rgb-primary-pastel-01:197,212,235; --rgb-primary-pastel-02:219,232,251; --rgb-primary-lighten-01:38,112,232; --rgb-primary-lighten-02:89,146,237; --rgb-primary-default:19,81,180; --rgb-primary-darken-01:12,50,111; --rgb-primary-darken-02:7,29,65; --rgb-secondary-01:255,255,255; --rgb-secondary-02:248,248,248; --rgb-secondary-03:237,237,237; --rgb-secondary-04:204,204,204; --rgb-secondary-05:158,157,157; --rgb-secondary-06:136,136,136; --rgb-secondary-07:85,85,85; --rgb-secondary-08:51,51,51; --rgb-secondary-09:0,0,0; --rgb-highlight:38,135,68; --rgb-support-01:54,161,145; --rgb-support-02:242,227,23; --rgb-support-03:219,72,0; --rgb-support-04:162,103,57; --rgb-support-05:64,224,208; --rgb-support-06:72,203,235; --rgb-support-07:199,36,135; --rgb-support-08:99,0,127; --rgb-support-09:240,128,128; --rgb-support-10:255,140,0; --rgb-support-11:253,245,230; } *, ::after, ::before { box-sizing: border-box; } html { line-height: var(--font-line-height-medium); text-size-adjust: 100%; } main { display: block; } pre { font-family: monospace; } abbr[title] { border-bottom: 0px; } code, kbd, samp { font-family: monospace; } button, input, optgroup, select, textarea { font-family: inherit; line-height: var(--font-line-height-medium); } [type="button"], [type="reset"], [type="submit"], button { appearance: button; } [type="search"] { appearance: textfield; } [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; } details { display: block; } .d-none { display: none !important; } .d-block { display: block !important; } .d-flex { display: flex !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-block { display: block !important; } .d-sm-flex { display: flex !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-inline-flex { display: inline-flex !important; }} @media (min-width: 992px) { .d-md-none { display: none !important; } .d-md-block { display: block !important; } .d-md-flex { display: flex !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-inline-flex { display: inline-flex !important; }} @media (min-width: 1280px) { .d-lg-none { display: none !important; } .d-lg-block { display: block !important; } .d-lg-flex { display: flex !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-inline-flex { display: inline-flex !important; }} @media (min-width: 1600px) { .d-xl-none { display: none !important; } .d-xl-block { display: block !important; } .d-xl-flex { display: flex !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-inline-flex { display: inline-flex !important; }} .flex-row { flex-direction: row !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column { flex-direction: column !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-6 { order: 6 !important; } .order-7 { order: 7 !important; } .order-8 { order: 8 !important; } .order-9 { order: 9 !important; } .order-10 { order: 10 !important; } .order-11 { order: 11 !important; } .order-12 { order: 12 !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-evenly { align-content: space-evenly !important; } .align-content-stretch { align-content: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-grow-sm-1 { flex-grow: 1 !important; } .flex-grow-sm-0 { flex-grow: 0 !important; } .flex-shrink-sm-1 { flex-shrink: 1 !important; } .flex-shrink-sm-0 { flex-shrink: 0 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-6 { order: 6 !important; } .order-sm-7 { order: 7 !important; } .order-sm-8 { order: 8 !important; } .order-sm-9 { order: 9 !important; } .order-sm-10 { order: 10 !important; } .order-sm-11 { order: 11 !important; } .order-sm-12 { order: 12 !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-evenly { align-content: space-evenly !important; } .align-content-sm-stretch { align-content: stretch !important; }} @media (min-width: 992px) { .flex-md-row { flex-direction: row !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column { flex-direction: column !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-grow-md-1 { flex-grow: 1 !important; } .flex-grow-md-0 { flex-grow: 0 !important; } .flex-shrink-md-1 { flex-shrink: 1 !important; } .flex-shrink-md-0 { flex-shrink: 0 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-6 { order: 6 !important; } .order-md-7 { order: 7 !important; } .order-md-8 { order: 8 !important; } .order-md-9 { order: 9 !important; } .order-md-10 { order: 10 !important; } .order-md-11 { order: 11 !important; } .order-md-12 { order: 12 !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-evenly { align-content: space-evenly !important; } .align-content-md-stretch { align-content: stretch !important; }} @media (min-width: 1280px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-grow-lg-1 { flex-grow: 1 !important; } .flex-grow-lg-0 { flex-grow: 0 !important; } .flex-shrink-lg-1 { flex-shrink: 1 !important; } .flex-shrink-lg-0 { flex-shrink: 0 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-6 { order: 6 !important; } .order-lg-7 { order: 7 !important; } .order-lg-8 { order: 8 !important; } .order-lg-9 { order: 9 !important; } .order-lg-10 { order: 10 !important; } .order-lg-11 { order: 11 !important; } .order-lg-12 { order: 12 !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-evenly { align-content: space-evenly !important; } .align-content-lg-stretch { align-content: stretch !important; }} @media (min-width: 1600px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-grow-xl-1 { flex-grow: 1 !important; } .flex-grow-xl-0 { flex-grow: 0 !important; } .flex-shrink-xl-1 { flex-shrink: 1 !important; } .flex-shrink-xl-0 { flex-shrink: 0 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-6 { order: 6 !important; } .order-xl-7 { order: 7 !important; } .order-xl-8 { order: 8 !important; } .order-xl-9 { order: 9 !important; } .order-xl-10 { order: 10 !important; } .order-xl-11 { order: 11 !important; } .order-xl-12 { order: 12 !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-evenly { align-content: space-evenly !important; } .align-content-xl-stretch { align-content: stretch !important; }} .col, [class*="col-"] { padding-left: calc(var(--grid-gutter)*0.5); padding-right: calc(var(--grid-gutter)*0.5); width: 100%; } .col { flex: 1 0 0%; min-width: 8.33333%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex-basis: 8.33333%; max-width: 8.33333%; } .col-2 { flex-basis: 16.6667%; max-width: 16.6667%; } .col-3 { flex-basis: 25%; max-width: 25%; } .col-4 { flex-basis: 33.3333%; max-width: 33.3333%; } .col-5 { flex-basis: 41.6667%; max-width: 41.6667%; } .col-6 { flex-basis: 50%; max-width: 50%; } .col-7 { flex-basis: 58.3333%; max-width: 58.3333%; } .col-8 { flex-basis: 66.6667%; max-width: 66.6667%; } .col-9 { flex-basis: 75%; max-width: 75%; } .col-10 { flex-basis: 83.3333%; max-width: 83.3333%; } .col-11 { flex-basis: 91.6667%; max-width: 91.6667%; } .col-12 { flex-basis: 100%; max-width: 100%; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { --grid-margin:var(--grid-portrait-margin); --grid-maxwidth:var(--grid-portrait-maxwidth); margin-left: auto; margin-right: auto; max-width: var(--grid-maxwidth); padding-left: var(--grid-margin); padding-right: var(--grid-margin); width: 100%; } .row { --grid-gutter:var(--grid-portrait-gutter); display: flex; flex-wrap: wrap; margin-left: calc(var(--grid-gutter)*-0.5); margin-right: calc(var(--grid-gutter)*-0.5); } @media (min-width: 576px) { .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { --grid-margin:var(--grid-tablet-margin); } .row { --grid-gutter:var(--grid-tablet-gutter); } .container, .container-sm { --grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin)); } .col-sm { flex: 1 0 0%; min-width: 8.33333%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex-basis: 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex-basis: 16.6667%; max-width: 16.6667%; } .col-sm-3 { flex-basis: 25%; max-width: 25%; } .col-sm-4 { flex-basis: 33.3333%; max-width: 33.3333%; } .col-sm-5 { flex-basis: 41.6667%; max-width: 41.6667%; } .col-sm-6 { flex-basis: 50%; max-width: 50%; } .col-sm-7 { flex-basis: 58.3333%; max-width: 58.3333%; } .col-sm-8 { flex-basis: 66.6667%; max-width: 66.6667%; } .col-sm-9 { flex-basis: 75%; max-width: 75%; } .col-sm-10 { flex-basis: 83.3333%; max-width: 83.3333%; } .col-sm-11 { flex-basis: 91.6667%; max-width: 91.6667%; } .col-sm-12 { flex-basis: 100%; max-width: 100%; }} @media (min-width: 992px) { .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { --grid-margin:var(--grid-tablet-margin); } .row { --grid-gutter:var(--grid-tablet-gutter); } .container, .container-md, .container-sm { --grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin)); } .col-md { flex: 1 0 0%; min-width: 8.33333%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex-basis: 8.33333%; max-width: 8.33333%; } .col-md-2 { flex-basis: 16.6667%; max-width: 16.6667%; } .col-md-3 { flex-basis: 25%; max-width: 25%; } .col-md-4 { flex-basis: 33.3333%; max-width: 33.3333%; } .col-md-5 { flex-basis: 41.6667%; max-width: 41.6667%; } .col-md-6 { flex-basis: 50%; max-width: 50%; } .col-md-7 { flex-basis: 58.3333%; max-width: 58.3333%; } .col-md-8 { flex-basis: 66.6667%; max-width: 66.6667%; } .col-md-9 { flex-basis: 75%; max-width: 75%; } .col-md-10 { flex-basis: 83.3333%; max-width: 83.3333%; } .col-md-11 { flex-basis: 91.6667%; max-width: 91.6667%; } .col-md-12 { flex-basis: 100%; max-width: 100%; }} @media (min-width: 1280px) { .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { --grid-margin:var(--grid-desktop-margin); } .row { --grid-gutter:var(--grid-desktop-gutter); } .container, .container-lg, .container-md, .container-sm { --grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin)); } .col-lg { flex: 1 0 0%; min-width: 8.33333%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex-basis: 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex-basis: 16.6667%; max-width: 16.6667%; } .col-lg-3 { flex-basis: 25%; max-width: 25%; } .col-lg-4 { flex-basis: 33.3333%; max-width: 33.3333%; } .col-lg-5 { flex-basis: 41.6667%; max-width: 41.6667%; } .col-lg-6 { flex-basis: 50%; max-width: 50%; } .col-lg-7 { flex-basis: 58.3333%; max-width: 58.3333%; } .col-lg-8 { flex-basis: 66.6667%; max-width: 66.6667%; } .col-lg-9 { flex-basis: 75%; max-width: 75%; } .col-lg-10 { flex-basis: 83.3333%; max-width: 83.3333%; } .col-lg-11 { flex-basis: 91.6667%; max-width: 91.6667%; } .col-lg-12 { flex-basis: 100%; max-width: 100%; }} @media (min-width: 1600px) { .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { --grid-margin:var(--grid-tv-margin); } .row { --grid-gutter:var(--grid-tv-gutter); } .container, .container-lg, .container-md, .container-sm, .container-xl { --grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin)); } .col-xl { flex: 1 0 0%; min-width: 8.33333%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex-basis: 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex-basis: 16.6667%; max-width: 16.6667%; } .col-xl-3 { flex-basis: 25%; max-width: 25%; } .col-xl-4 { flex-basis: 33.3333%; max-width: 33.3333%; } .col-xl-5 { flex-basis: 41.6667%; max-width: 41.6667%; } .col-xl-6 { flex-basis: 50%; max-width: 50%; } .col-xl-7 { flex-basis: 58.3333%; max-width: 58.3333%; } .col-xl-8 { flex-basis: 66.6667%; max-width: 66.6667%; } .col-xl-9 { flex-basis: 75%; max-width: 75%; } .col-xl-10 { flex-basis: 83.3333%; max-width: 83.3333%; } .col-xl-11 { flex-basis: 91.6667%; max-width: 91.6667%; } .col-xl-12 { flex-basis: 100%; max-width: 100%; }} .m-0 { margin: var(--spacing-scale-default) !important; } .mx-0 { margin-left: var(--spacing-scale-default) !important; margin-right: var(--spacing-scale-default) !important; } .my-0 { margin-bottom: var(--spacing-scale-default) !important; } .mt-0, .my-0 { margin-top: var(--spacing-scale-default) !important; } .mr-0 { margin-right: var(--spacing-scale-default) !important; } .mb-0 { margin-bottom: var(--spacing-scale-default) !important; } .ml-0 { margin-left: var(--spacing-scale-default) !important; } .m-half { margin: var(--spacing-scale-half) !important; } .mx-half { margin-left: var(--spacing-scale-half) !important; margin-right: var(--spacing-scale-half) !important; } .my-half { margin-bottom: var(--spacing-scale-half) !important; } .mt-half, .my-half { margin-top: var(--spacing-scale-half) !important; } .mt-nhalf { margin-top: calc(var(--spacing-scale-half)*-1) !important; } .mr-half { margin-right: var(--spacing-scale-half) !important; } .mr-nhalf { margin-right: calc(var(--spacing-scale-half)*-1) !important; } .mb-half { margin-bottom: var(--spacing-scale-half) !important; } .mb-nhalf { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; } .ml-half { margin-left: var(--spacing-scale-half) !important; } .ml-nhalf { margin-left: calc(var(--spacing-scale-half)*-1) !important; } .m-nhalf { margin: calc(var(--spacing-scale-half)*-1) !important; } .mx-nhalf { margin-left: calc(var(--spacing-scale-half)*-1) !important; margin-right: calc(var(--spacing-scale-half)*-1) !important; } .my-nhalf { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; margin-top: calc(var(--spacing-scale-half)*-1) !important; } .m-base { margin: var(--spacing-scale-base) !important; } .mx-base { margin-left: var(--spacing-scale-base) !important; margin-right: var(--spacing-scale-base) !important; } .my-base { margin-bottom: var(--spacing-scale-base) !important; } .mt-base, .my-base { margin-top: var(--spacing-scale-base) !important; } .mt-nbase { margin-top: calc(var(--spacing-scale-base)*-1) !important; } .mr-base { margin-right: var(--spacing-scale-base) !important; } .mr-nbase { margin-right: calc(var(--spacing-scale-base)*-1) !important; } .mb-base { margin-bottom: var(--spacing-scale-base) !important; } .mb-nbase { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; } .ml-base { margin-left: var(--spacing-scale-base) !important; } .ml-nbase { margin-left: calc(var(--spacing-scale-base)*-1) !important; } .m-nbase { margin: calc(var(--spacing-scale-base)*-1) !important; } .mx-nbase { margin-left: calc(var(--spacing-scale-base)*-1) !important; margin-right: calc(var(--spacing-scale-base)*-1) !important; } .my-nbase { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; margin-top: calc(var(--spacing-scale-base)*-1) !important; } .m-baseh { margin: var(--spacing-scale-baseh) !important; } .mx-baseh { margin-left: var(--spacing-scale-baseh) !important; margin-right: var(--spacing-scale-baseh) !important; } .my-baseh { margin-bottom: var(--spacing-scale-baseh) !important; } .mt-baseh, .my-baseh { margin-top: var(--spacing-scale-baseh) !important; } .mt-nbaseh { margin-top: calc(var(--spacing-scale-baseh)*-1) !important; } .mr-baseh { margin-right: var(--spacing-scale-baseh) !important; } .mr-nbaseh { margin-right: calc(var(--spacing-scale-baseh)*-1) !important; } .mb-baseh { margin-bottom: var(--spacing-scale-baseh) !important; } .mb-nbaseh { margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important; } .ml-baseh { margin-left: var(--spacing-scale-baseh) !important; } .ml-nbaseh { margin-left: calc(var(--spacing-scale-baseh)*-1) !important; } .m-nbaseh { margin: calc(var(--spacing-scale-baseh)*-1) !important; } .mx-nbaseh { margin-left: calc(var(--spacing-scale-baseh)*-1) !important; margin-right: calc(var(--spacing-scale-baseh)*-1) !important; } .my-nbaseh { margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important; margin-top: calc(var(--spacing-scale-baseh)*-1) !important; } .m-1 { margin: var(--spacing-scale-half) !important; } .mx-1 { margin-left: var(--spacing-scale-half) !important; margin-right: var(--spacing-scale-half) !important; } .my-1 { margin-bottom: var(--spacing-scale-half) !important; } .mt-1, .my-1 { margin-top: var(--spacing-scale-half) !important; } .mt-n1 { margin-top: calc(var(--spacing-scale-half)*-1) !important; } .mr-1 { margin-right: var(--spacing-scale-half) !important; } .mr-n1 { margin-right: calc(var(--spacing-scale-half)*-1) !important; } .mb-1 { margin-bottom: var(--spacing-scale-half) !important; } .mb-n1 { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; } .ml-1 { margin-left: var(--spacing-scale-half) !important; } .ml-n1 { margin-left: calc(var(--spacing-scale-half)*-1) !important; } .m-n1 { margin: calc(var(--spacing-scale-half)*-1) !important; } .mx-n1 { margin-left: calc(var(--spacing-scale-half)*-1) !important; margin-right: calc(var(--spacing-scale-half)*-1) !important; } .my-n1 { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; margin-top: calc(var(--spacing-scale-half)*-1) !important; } .m-2 { margin: var(--spacing-scale-base) !important; } .mx-2 { margin-left: var(--spacing-scale-base) !important; margin-right: var(--spacing-scale-base) !important; } .my-2 { margin-bottom: var(--spacing-scale-base) !important; } .mt-2, .my-2 { margin-top: var(--spacing-scale-base) !important; } .mt-n2 { margin-top: calc(var(--spacing-scale-base)*-1) !important; } .mr-2 { margin-right: var(--spacing-scale-base) !important; } .mr-n2 { margin-right: calc(var(--spacing-scale-base)*-1) !important; } .mb-2 { margin-bottom: var(--spacing-scale-base) !important; } .mb-n2 { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; } .ml-2 { margin-left: var(--spacing-scale-base) !important; } .ml-n2 { margin-left: calc(var(--spacing-scale-base)*-1) !important; } .m-n2 { margin: calc(var(--spacing-scale-base)*-1) !important; } .mx-n2 { margin-left: calc(var(--spacing-scale-base)*-1) !important; margin-right: calc(var(--spacing-scale-base)*-1) !important; } .my-n2 { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; margin-top: calc(var(--spacing-scale-base)*-1) !important; } .m-3 { margin: var(--spacing-scale-2x) !important; } .mx-3 { margin-left: var(--spacing-scale-2x) !important; margin-right: var(--spacing-scale-2x) !important; } .my-3 { margin-bottom: var(--spacing-scale-2x) !important; } .mt-3, .my-3 { margin-top: var(--spacing-scale-2x) !important; } .mt-n3 { margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .mr-3 { margin-right: var(--spacing-scale-2x) !important; } .mr-n3 { margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .mb-3 { margin-bottom: var(--spacing-scale-2x) !important; } .mb-n3 { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .ml-3 { margin-left: var(--spacing-scale-2x) !important; } .ml-n3 { margin-left: calc(var(--spacing-scale-2x)*-1) !important; } .m-n3 { margin: calc(var(--spacing-scale-2x)*-1) !important; } .mx-n3 { margin-left: calc(var(--spacing-scale-2x)*-1) !important; margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .my-n3 { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .m-4 { margin: var(--spacing-scale-3x) !important; } .mx-4 { margin-left: var(--spacing-scale-3x) !important; margin-right: var(--spacing-scale-3x) !important; } .my-4 { margin-bottom: var(--spacing-scale-3x) !important; } .mt-4, .my-4 { margin-top: var(--spacing-scale-3x) !important; } .mt-n4 { margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .mr-4 { margin-right: var(--spacing-scale-3x) !important; } .mr-n4 { margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .mb-4 { margin-bottom: var(--spacing-scale-3x) !important; } .mb-n4 { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .ml-4 { margin-left: var(--spacing-scale-3x) !important; } .ml-n4 { margin-left: calc(var(--spacing-scale-3x)*-1) !important; } .m-n4 { margin: calc(var(--spacing-scale-3x)*-1) !important; } .mx-n4 { margin-left: calc(var(--spacing-scale-3x)*-1) !important; margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .my-n4 { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .m-5 { margin: var(--spacing-scale-4x) !important; } .mx-5 { margin-left: var(--spacing-scale-4x) !important; margin-right: var(--spacing-scale-4x) !important; } .my-5 { margin-bottom: var(--spacing-scale-4x) !important; } .mt-5, .my-5 { margin-top: var(--spacing-scale-4x) !important; } .mt-n5 { margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .mr-5 { margin-right: var(--spacing-scale-4x) !important; } .mr-n5 { margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .mb-5 { margin-bottom: var(--spacing-scale-4x) !important; } .mb-n5 { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .ml-5 { margin-left: var(--spacing-scale-4x) !important; } .ml-n5 { margin-left: calc(var(--spacing-scale-4x)*-1) !important; } .m-n5 { margin: calc(var(--spacing-scale-4x)*-1) !important; } .mx-n5 { margin-left: calc(var(--spacing-scale-4x)*-1) !important; margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .my-n5 { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .m-6 { margin: var(--spacing-scale-5x) !important; } .mx-6 { margin-left: var(--spacing-scale-5x) !important; margin-right: var(--spacing-scale-5x) !important; } .my-6 { margin-bottom: var(--spacing-scale-5x) !important; } .mt-6, .my-6 { margin-top: var(--spacing-scale-5x) !important; } .mt-n6 { margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .mr-6 { margin-right: var(--spacing-scale-5x) !important; } .mr-n6 { margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .mb-6 { margin-bottom: var(--spacing-scale-5x) !important; } .mb-n6 { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .ml-6 { margin-left: var(--spacing-scale-5x) !important; } .ml-n6 { margin-left: calc(var(--spacing-scale-5x)*-1) !important; } .m-n6 { margin: calc(var(--spacing-scale-5x)*-1) !important; } .mx-n6 { margin-left: calc(var(--spacing-scale-5x)*-1) !important; margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .my-n6 { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .m-2x { margin: var(--spacing-scale-2x) !important; } .mx-2x { margin-left: var(--spacing-scale-2x) !important; margin-right: var(--spacing-scale-2x) !important; } .my-2x { margin-bottom: var(--spacing-scale-2x) !important; } .mt-2x, .my-2x { margin-top: var(--spacing-scale-2x) !important; } .mt-n2x { margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .mr-2x { margin-right: var(--spacing-scale-2x) !important; } .mr-n2x { margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .mb-2x { margin-bottom: var(--spacing-scale-2x) !important; } .mb-n2x { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .ml-2x { margin-left: var(--spacing-scale-2x) !important; } .ml-n2x { margin-left: calc(var(--spacing-scale-2x)*-1) !important; } .m-n2x { margin: calc(var(--spacing-scale-2x)*-1) !important; } .mx-n2x { margin-left: calc(var(--spacing-scale-2x)*-1) !important; margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .my-n2x { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .m-2xh { margin: var(--spacing-scale-2xh) !important; } .mx-2xh { margin-left: var(--spacing-scale-2xh) !important; margin-right: var(--spacing-scale-2xh) !important; } .my-2xh { margin-bottom: var(--spacing-scale-2xh) !important; } .mt-2xh, .my-2xh { margin-top: var(--spacing-scale-2xh) !important; } .mt-n2xh { margin-top: calc(var(--spacing-scale-2xh)*-1) !important; } .mr-2xh { margin-right: var(--spacing-scale-2xh) !important; } .mr-n2xh { margin-right: calc(var(--spacing-scale-2xh)*-1) !important; } .mb-2xh { margin-bottom: var(--spacing-scale-2xh) !important; } .mb-n2xh { margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important; } .ml-2xh { margin-left: var(--spacing-scale-2xh) !important; } .ml-n2xh { margin-left: calc(var(--spacing-scale-2xh)*-1) !important; } .m-n2xh { margin: calc(var(--spacing-scale-2xh)*-1) !important; } .mx-n2xh { margin-left: calc(var(--spacing-scale-2xh)*-1) !important; margin-right: calc(var(--spacing-scale-2xh)*-1) !important; } .my-n2xh { margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important; margin-top: calc(var(--spacing-scale-2xh)*-1) !important; } .m-3x { margin: var(--spacing-scale-3x) !important; } .mx-3x { margin-left: var(--spacing-scale-3x) !important; margin-right: var(--spacing-scale-3x) !important; } .my-3x { margin-bottom: var(--spacing-scale-3x) !important; } .mt-3x, .my-3x { margin-top: var(--spacing-scale-3x) !important; } .mt-n3x { margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .mr-3x { margin-right: var(--spacing-scale-3x) !important; } .mr-n3x { margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .mb-3x { margin-bottom: var(--spacing-scale-3x) !important; } .mb-n3x { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .ml-3x { margin-left: var(--spacing-scale-3x) !important; } .ml-n3x { margin-left: calc(var(--spacing-scale-3x)*-1) !important; } .m-n3x { margin: calc(var(--spacing-scale-3x)*-1) !important; } .mx-n3x { margin-left: calc(var(--spacing-scale-3x)*-1) !important; margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .my-n3x { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .m-3xh { margin: var(--spacing-scale-3xh) !important; } .mx-3xh { margin-left: var(--spacing-scale-3xh) !important; margin-right: var(--spacing-scale-3xh) !important; } .my-3xh { margin-bottom: var(--spacing-scale-3xh) !important; } .mt-3xh, .my-3xh { margin-top: var(--spacing-scale-3xh) !important; } .mt-n3xh { margin-top: calc(var(--spacing-scale-3xh)*-1) !important; } .mr-3xh { margin-right: var(--spacing-scale-3xh) !important; } .mr-n3xh { margin-right: calc(var(--spacing-scale-3xh)*-1) !important; } .mb-3xh { margin-bottom: var(--spacing-scale-3xh) !important; } .mb-n3xh { margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important; } .ml-3xh { margin-left: var(--spacing-scale-3xh) !important; } .ml-n3xh { margin-left: calc(var(--spacing-scale-3xh)*-1) !important; } .m-n3xh { margin: calc(var(--spacing-scale-3xh)*-1) !important; } .mx-n3xh { margin-left: calc(var(--spacing-scale-3xh)*-1) !important; margin-right: calc(var(--spacing-scale-3xh)*-1) !important; } .my-n3xh { margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important; margin-top: calc(var(--spacing-scale-3xh)*-1) !important; } .m-4x { margin: var(--spacing-scale-4x) !important; } .mx-4x { margin-left: var(--spacing-scale-4x) !important; margin-right: var(--spacing-scale-4x) !important; } .my-4x { margin-bottom: var(--spacing-scale-4x) !important; } .mt-4x, .my-4x { margin-top: var(--spacing-scale-4x) !important; } .mt-n4x { margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .mr-4x { margin-right: var(--spacing-scale-4x) !important; } .mr-n4x { margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .mb-4x { margin-bottom: var(--spacing-scale-4x) !important; } .mb-n4x { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .ml-4x { margin-left: var(--spacing-scale-4x) !important; } .ml-n4x { margin-left: calc(var(--spacing-scale-4x)*-1) !important; } .m-n4x { margin: calc(var(--spacing-scale-4x)*-1) !important; } .mx-n4x { margin-left: calc(var(--spacing-scale-4x)*-1) !important; margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .my-n4x { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .m-4xh { margin: var(--spacing-scale-4xh) !important; } .mx-4xh { margin-left: var(--spacing-scale-4xh) !important; margin-right: var(--spacing-scale-4xh) !important; } .my-4xh { margin-bottom: var(--spacing-scale-4xh) !important; } .mt-4xh, .my-4xh { margin-top: var(--spacing-scale-4xh) !important; } .mt-n4xh { margin-top: calc(var(--spacing-scale-4xh)*-1) !important; } .mr-4xh { margin-right: var(--spacing-scale-4xh) !important; } .mr-n4xh { margin-right: calc(var(--spacing-scale-4xh)*-1) !important; } .mb-4xh { margin-bottom: var(--spacing-scale-4xh) !important; } .mb-n4xh { margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important; } .ml-4xh { margin-left: var(--spacing-scale-4xh) !important; } .ml-n4xh { margin-left: calc(var(--spacing-scale-4xh)*-1) !important; } .m-n4xh { margin: calc(var(--spacing-scale-4xh)*-1) !important; } .mx-n4xh { margin-left: calc(var(--spacing-scale-4xh)*-1) !important; margin-right: calc(var(--spacing-scale-4xh)*-1) !important; } .my-n4xh { margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important; margin-top: calc(var(--spacing-scale-4xh)*-1) !important; } .m-5x { margin: var(--spacing-scale-5x) !important; } .mx-5x { margin-left: var(--spacing-scale-5x) !important; margin-right: var(--spacing-scale-5x) !important; } .my-5x { margin-bottom: var(--spacing-scale-5x) !important; } .mt-5x, .my-5x { margin-top: var(--spacing-scale-5x) !important; } .mt-n5x { margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .mr-5x { margin-right: var(--spacing-scale-5x) !important; } .mr-n5x { margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .mb-5x { margin-bottom: var(--spacing-scale-5x) !important; } .mb-n5x { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .ml-5x { margin-left: var(--spacing-scale-5x) !important; } .ml-n5x { margin-left: calc(var(--spacing-scale-5x)*-1) !important; } .m-n5x { margin: calc(var(--spacing-scale-5x)*-1) !important; } .mx-n5x { margin-left: calc(var(--spacing-scale-5x)*-1) !important; margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .my-n5x { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .m-5xh { margin: var(--spacing-scale-5xh) !important; } .mx-5xh { margin-left: var(--spacing-scale-5xh) !important; margin-right: var(--spacing-scale-5xh) !important; } .my-5xh { margin-bottom: var(--spacing-scale-5xh) !important; } .mt-5xh, .my-5xh { margin-top: var(--spacing-scale-5xh) !important; } .mt-n5xh { margin-top: calc(var(--spacing-scale-5xh)*-1) !important; } .mr-5xh { margin-right: var(--spacing-scale-5xh) !important; } .mr-n5xh { margin-right: calc(var(--spacing-scale-5xh)*-1) !important; } .mb-5xh { margin-bottom: var(--spacing-scale-5xh) !important; } .mb-n5xh { margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important; } .ml-5xh { margin-left: var(--spacing-scale-5xh) !important; } .ml-n5xh { margin-left: calc(var(--spacing-scale-5xh)*-1) !important; } .m-n5xh { margin: calc(var(--spacing-scale-5xh)*-1) !important; } .mx-n5xh { margin-left: calc(var(--spacing-scale-5xh)*-1) !important; margin-right: calc(var(--spacing-scale-5xh)*-1) !important; } .my-n5xh { margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important; margin-top: calc(var(--spacing-scale-5xh)*-1) !important; } .m-6x { margin: var(--spacing-scale-6x) !important; } .mx-6x { margin-left: var(--spacing-scale-6x) !important; margin-right: var(--spacing-scale-6x) !important; } .my-6x { margin-bottom: var(--spacing-scale-6x) !important; } .mt-6x, .my-6x { margin-top: var(--spacing-scale-6x) !important; } .mt-n6x { margin-top: calc(var(--spacing-scale-6x)*-1) !important; } .mr-6x { margin-right: var(--spacing-scale-6x) !important; } .mr-n6x { margin-right: calc(var(--spacing-scale-6x)*-1) !important; } .mb-6x { margin-bottom: var(--spacing-scale-6x) !important; } .mb-n6x { margin-bottom: calc(var(--spacing-scale-6x)*-1) !important; } .ml-6x { margin-left: var(--spacing-scale-6x) !important; } .ml-n6x { margin-left: calc(var(--spacing-scale-6x)*-1) !important; } .m-n6x { margin: calc(var(--spacing-scale-6x)*-1) !important; } .mx-n6x { margin-left: calc(var(--spacing-scale-6x)*-1) !important; margin-right: calc(var(--spacing-scale-6x)*-1) !important; } .my-n6x { margin-bottom: calc(var(--spacing-scale-6x)*-1) !important; margin-top: calc(var(--spacing-scale-6x)*-1) !important; } .m-6xh { margin: var(--spacing-scale-6xh) !important; } .mx-6xh { margin-left: var(--spacing-scale-6xh) !important; margin-right: var(--spacing-scale-6xh) !important; } .my-6xh { margin-bottom: var(--spacing-scale-6xh) !important; } .mt-6xh, .my-6xh { margin-top: var(--spacing-scale-6xh) !important; } .mt-n6xh { margin-top: calc(var(--spacing-scale-6xh)*-1) !important; } .mr-6xh { margin-right: var(--spacing-scale-6xh) !important; } .mr-n6xh { margin-right: calc(var(--spacing-scale-6xh)*-1) !important; } .mb-6xh { margin-bottom: var(--spacing-scale-6xh) !important; } .mb-n6xh { margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important; } .ml-6xh { margin-left: var(--spacing-scale-6xh) !important; } .ml-n6xh { margin-left: calc(var(--spacing-scale-6xh)*-1) !important; } .m-n6xh { margin: calc(var(--spacing-scale-6xh)*-1) !important; } .mx-n6xh { margin-left: calc(var(--spacing-scale-6xh)*-1) !important; margin-right: calc(var(--spacing-scale-6xh)*-1) !important; } .my-n6xh { margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important; margin-top: calc(var(--spacing-scale-6xh)*-1) !important; } .m-7x { margin: var(--spacing-scale-7x) !important; } .mx-7x { margin-left: var(--spacing-scale-7x) !important; margin-right: var(--spacing-scale-7x) !important; } .my-7x { margin-bottom: var(--spacing-scale-7x) !important; } .mt-7x, .my-7x { margin-top: var(--spacing-scale-7x) !important; } .mt-n7x { margin-top: calc(var(--spacing-scale-7x)*-1) !important; } .mr-7x { margin-right: var(--spacing-scale-7x) !important; } .mr-n7x { margin-right: calc(var(--spacing-scale-7x)*-1) !important; } .mb-7x { margin-bottom: var(--spacing-scale-7x) !important; } .mb-n7x { margin-bottom: calc(var(--spacing-scale-7x)*-1) !important; } .ml-7x { margin-left: var(--spacing-scale-7x) !important; } .ml-n7x { margin-left: calc(var(--spacing-scale-7x)*-1) !important; } .m-n7x { margin: calc(var(--spacing-scale-7x)*-1) !important; } .mx-n7x { margin-left: calc(var(--spacing-scale-7x)*-1) !important; margin-right: calc(var(--spacing-scale-7x)*-1) !important; } .my-n7x { margin-bottom: calc(var(--spacing-scale-7x)*-1) !important; margin-top: calc(var(--spacing-scale-7x)*-1) !important; } .m-7xh { margin: var(--spacing-scale-7xh) !important; } .mx-7xh { margin-left: var(--spacing-scale-7xh) !important; margin-right: var(--spacing-scale-7xh) !important; } .my-7xh { margin-bottom: var(--spacing-scale-7xh) !important; } .mt-7xh, .my-7xh { margin-top: var(--spacing-scale-7xh) !important; } .mt-n7xh { margin-top: calc(var(--spacing-scale-7xh)*-1) !important; } .mr-7xh { margin-right: var(--spacing-scale-7xh) !important; } .mr-n7xh { margin-right: calc(var(--spacing-scale-7xh)*-1) !important; } .mb-7xh { margin-bottom: var(--spacing-scale-7xh) !important; } .mb-n7xh { margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important; } .ml-7xh { margin-left: var(--spacing-scale-7xh) !important; } .ml-n7xh { margin-left: calc(var(--spacing-scale-7xh)*-1) !important; } .m-n7xh { margin: calc(var(--spacing-scale-7xh)*-1) !important; } .mx-n7xh { margin-left: calc(var(--spacing-scale-7xh)*-1) !important; margin-right: calc(var(--spacing-scale-7xh)*-1) !important; } .my-n7xh { margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important; margin-top: calc(var(--spacing-scale-7xh)*-1) !important; } .m-8x { margin: var(--spacing-scale-8x) !important; } .mx-8x { margin-left: var(--spacing-scale-8x) !important; margin-right: var(--spacing-scale-8x) !important; } .my-8x { margin-bottom: var(--spacing-scale-8x) !important; } .mt-8x, .my-8x { margin-top: var(--spacing-scale-8x) !important; } .mt-n8x { margin-top: calc(var(--spacing-scale-8x)*-1) !important; } .mr-8x { margin-right: var(--spacing-scale-8x) !important; } .mr-n8x { margin-right: calc(var(--spacing-scale-8x)*-1) !important; } .mb-8x { margin-bottom: var(--spacing-scale-8x) !important; } .mb-n8x { margin-bottom: calc(var(--spacing-scale-8x)*-1) !important; } .ml-8x { margin-left: var(--spacing-scale-8x) !important; } .ml-n8x { margin-left: calc(var(--spacing-scale-8x)*-1) !important; } .m-n8x { margin: calc(var(--spacing-scale-8x)*-1) !important; } .mx-n8x { margin-left: calc(var(--spacing-scale-8x)*-1) !important; margin-right: calc(var(--spacing-scale-8x)*-1) !important; } .my-n8x { margin-bottom: calc(var(--spacing-scale-8x)*-1) !important; margin-top: calc(var(--spacing-scale-8x)*-1) !important; } .m-8xh { margin: var(--spacing-scale-8xh) !important; } .mx-8xh { margin-left: var(--spacing-scale-8xh) !important; margin-right: var(--spacing-scale-8xh) !important; } .my-8xh { margin-bottom: var(--spacing-scale-8xh) !important; } .mt-8xh, .my-8xh { margin-top: var(--spacing-scale-8xh) !important; } .mt-n8xh { margin-top: calc(var(--spacing-scale-8xh)*-1) !important; } .mr-8xh { margin-right: var(--spacing-scale-8xh) !important; } .mr-n8xh { margin-right: calc(var(--spacing-scale-8xh)*-1) !important; } .mb-8xh { margin-bottom: var(--spacing-scale-8xh) !important; } .mb-n8xh { margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important; } .ml-8xh { margin-left: var(--spacing-scale-8xh) !important; } .ml-n8xh { margin-left: calc(var(--spacing-scale-8xh)*-1) !important; } .m-n8xh { margin: calc(var(--spacing-scale-8xh)*-1) !important; } .mx-n8xh { margin-left: calc(var(--spacing-scale-8xh)*-1) !important; margin-right: calc(var(--spacing-scale-8xh)*-1) !important; } .my-n8xh { margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important; margin-top: calc(var(--spacing-scale-8xh)*-1) !important; } .m-9x { margin: var(--spacing-scale-9x) !important; } .mx-9x { margin-left: var(--spacing-scale-9x) !important; margin-right: var(--spacing-scale-9x) !important; } .my-9x { margin-bottom: var(--spacing-scale-9x) !important; } .mt-9x, .my-9x { margin-top: var(--spacing-scale-9x) !important; } .mt-n9x { margin-top: calc(var(--spacing-scale-9x)*-1) !important; } .mr-9x { margin-right: var(--spacing-scale-9x) !important; } .mr-n9x { margin-right: calc(var(--spacing-scale-9x)*-1) !important; } .mb-9x { margin-bottom: var(--spacing-scale-9x) !important; } .mb-n9x { margin-bottom: calc(var(--spacing-scale-9x)*-1) !important; } .ml-9x { margin-left: var(--spacing-scale-9x) !important; } .ml-n9x { margin-left: calc(var(--spacing-scale-9x)*-1) !important; } .m-n9x { margin: calc(var(--spacing-scale-9x)*-1) !important; } .mx-n9x { margin-left: calc(var(--spacing-scale-9x)*-1) !important; margin-right: calc(var(--spacing-scale-9x)*-1) !important; } .my-n9x { margin-bottom: calc(var(--spacing-scale-9x)*-1) !important; margin-top: calc(var(--spacing-scale-9x)*-1) !important; } .m-9xh { margin: var(--spacing-scale-9xh) !important; } .mx-9xh { margin-left: var(--spacing-scale-9xh) !important; margin-right: var(--spacing-scale-9xh) !important; } .my-9xh { margin-bottom: var(--spacing-scale-9xh) !important; } .mt-9xh, .my-9xh { margin-top: var(--spacing-scale-9xh) !important; } .mt-n9xh { margin-top: calc(var(--spacing-scale-9xh)*-1) !important; } .mr-9xh { margin-right: var(--spacing-scale-9xh) !important; } .mr-n9xh { margin-right: calc(var(--spacing-scale-9xh)*-1) !important; } .mb-9xh { margin-bottom: var(--spacing-scale-9xh) !important; } .mb-n9xh { margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important; } .ml-9xh { margin-left: var(--spacing-scale-9xh) !important; } .ml-n9xh { margin-left: calc(var(--spacing-scale-9xh)*-1) !important; } .m-n9xh { margin: calc(var(--spacing-scale-9xh)*-1) !important; } .mx-n9xh { margin-left: calc(var(--spacing-scale-9xh)*-1) !important; margin-right: calc(var(--spacing-scale-9xh)*-1) !important; } .my-n9xh { margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important; margin-top: calc(var(--spacing-scale-9xh)*-1) !important; } .m-10x { margin: var(--spacing-scale-10x) !important; } .mx-10x { margin-left: var(--spacing-scale-10x) !important; margin-right: var(--spacing-scale-10x) !important; } .my-10x { margin-bottom: var(--spacing-scale-10x) !important; } .mt-10x, .my-10x { margin-top: var(--spacing-scale-10x) !important; } .mt-n10x { margin-top: calc(var(--spacing-scale-10x)*-1) !important; } .mr-10x { margin-right: var(--spacing-scale-10x) !important; } .mr-n10x { margin-right: calc(var(--spacing-scale-10x)*-1) !important; } .mb-10x { margin-bottom: var(--spacing-scale-10x) !important; } .mb-n10x { margin-bottom: calc(var(--spacing-scale-10x)*-1) !important; } .ml-10x { margin-left: var(--spacing-scale-10x) !important; } .ml-n10x { margin-left: calc(var(--spacing-scale-10x)*-1) !important; } .m-n10x { margin: calc(var(--spacing-scale-10x)*-1) !important; } .mx-n10x { margin-left: calc(var(--spacing-scale-10x)*-1) !important; margin-right: calc(var(--spacing-scale-10x)*-1) !important; } .my-n10x { margin-bottom: calc(var(--spacing-scale-10x)*-1) !important; margin-top: calc(var(--spacing-scale-10x)*-1) !important; } .m-10xh { margin: var(--spacing-scale-10xh) !important; } .mx-10xh { margin-left: var(--spacing-scale-10xh) !important; margin-right: var(--spacing-scale-10xh) !important; } .my-10xh { margin-bottom: var(--spacing-scale-10xh) !important; } .mt-10xh, .my-10xh { margin-top: var(--spacing-scale-10xh) !important; } .mt-n10xh { margin-top: calc(var(--spacing-scale-10xh)*-1) !important; } .mr-10xh { margin-right: var(--spacing-scale-10xh) !important; } .mr-n10xh { margin-right: calc(var(--spacing-scale-10xh)*-1) !important; } .mb-10xh { margin-bottom: var(--spacing-scale-10xh) !important; } .mb-n10xh { margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important; } .ml-10xh { margin-left: var(--spacing-scale-10xh) !important; } .ml-n10xh { margin-left: calc(var(--spacing-scale-10xh)*-1) !important; } .m-n10xh { margin: calc(var(--spacing-scale-10xh)*-1) !important; } .mx-n10xh { margin-left: calc(var(--spacing-scale-10xh)*-1) !important; margin-right: calc(var(--spacing-scale-10xh)*-1) !important; } .my-n10xh { margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important; margin-top: calc(var(--spacing-scale-10xh)*-1) !important; } .m-auto { margin: auto !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-auto { margin-bottom: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .p-0 { padding: var(--spacing-scale-default) !important; } .px-0 { padding-left: var(--spacing-scale-default) !important; padding-right: var(--spacing-scale-default) !important; } .py-0 { padding-bottom: var(--spacing-scale-default) !important; } .pt-0, .py-0 { padding-top: var(--spacing-scale-default) !important; } .pr-0 { padding-right: var(--spacing-scale-default) !important; } .pb-0 { padding-bottom: var(--spacing-scale-default) !important; } .pl-0 { padding-left: var(--spacing-scale-default) !important; } .p-half { padding: var(--spacing-scale-half) !important; } .px-half { padding-left: var(--spacing-scale-half) !important; padding-right: var(--spacing-scale-half) !important; } .py-half { padding-bottom: var(--spacing-scale-half) !important; } .pt-half, .py-half { padding-top: var(--spacing-scale-half) !important; } .pt-nhalf { padding-top: calc(var(--spacing-scale-half)*-1) !important; } .pr-half { padding-right: var(--spacing-scale-half) !important; } .pr-nhalf { padding-right: calc(var(--spacing-scale-half)*-1) !important; } .pb-half { padding-bottom: var(--spacing-scale-half) !important; } .pb-nhalf { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; } .pl-half { padding-left: var(--spacing-scale-half) !important; } .pl-nhalf { padding-left: calc(var(--spacing-scale-half)*-1) !important; } .p-nhalf { padding: calc(var(--spacing-scale-half)*-1) !important; } .px-nhalf { padding-left: calc(var(--spacing-scale-half)*-1) !important; padding-right: calc(var(--spacing-scale-half)*-1) !important; } .py-nhalf { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; padding-top: calc(var(--spacing-scale-half)*-1) !important; } .p-base { padding: var(--spacing-scale-base) !important; } .px-base { padding-left: var(--spacing-scale-base) !important; padding-right: var(--spacing-scale-base) !important; } .py-base { padding-bottom: var(--spacing-scale-base) !important; } .pt-base, .py-base { padding-top: var(--spacing-scale-base) !important; } .pt-nbase { padding-top: calc(var(--spacing-scale-base)*-1) !important; } .pr-base { padding-right: var(--spacing-scale-base) !important; } .pr-nbase { padding-right: calc(var(--spacing-scale-base)*-1) !important; } .pb-base { padding-bottom: var(--spacing-scale-base) !important; } .pb-nbase { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; } .pl-base { padding-left: var(--spacing-scale-base) !important; } .pl-nbase { padding-left: calc(var(--spacing-scale-base)*-1) !important; } .p-nbase { padding: calc(var(--spacing-scale-base)*-1) !important; } .px-nbase { padding-left: calc(var(--spacing-scale-base)*-1) !important; padding-right: calc(var(--spacing-scale-base)*-1) !important; } .py-nbase { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; padding-top: calc(var(--spacing-scale-base)*-1) !important; } .p-baseh { padding: var(--spacing-scale-baseh) !important; } .px-baseh { padding-left: var(--spacing-scale-baseh) !important; padding-right: var(--spacing-scale-baseh) !important; } .py-baseh { padding-bottom: var(--spacing-scale-baseh) !important; } .pt-baseh, .py-baseh { padding-top: var(--spacing-scale-baseh) !important; } .pt-nbaseh { padding-top: calc(var(--spacing-scale-baseh)*-1) !important; } .pr-baseh { padding-right: var(--spacing-scale-baseh) !important; } .pr-nbaseh { padding-right: calc(var(--spacing-scale-baseh)*-1) !important; } .pb-baseh { padding-bottom: var(--spacing-scale-baseh) !important; } .pb-nbaseh { padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important; } .pl-baseh { padding-left: var(--spacing-scale-baseh) !important; } .pl-nbaseh { padding-left: calc(var(--spacing-scale-baseh)*-1) !important; } .p-nbaseh { padding: calc(var(--spacing-scale-baseh)*-1) !important; } .px-nbaseh { padding-left: calc(var(--spacing-scale-baseh)*-1) !important; padding-right: calc(var(--spacing-scale-baseh)*-1) !important; } .py-nbaseh { padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important; padding-top: calc(var(--spacing-scale-baseh)*-1) !important; } .p-1 { padding: var(--spacing-scale-half) !important; } .px-1 { padding-left: var(--spacing-scale-half) !important; padding-right: var(--spacing-scale-half) !important; } .py-1 { padding-bottom: var(--spacing-scale-half) !important; } .pt-1, .py-1 { padding-top: var(--spacing-scale-half) !important; } .pt-n1 { padding-top: calc(var(--spacing-scale-half)*-1) !important; } .pr-1 { padding-right: var(--spacing-scale-half) !important; } .pr-n1 { padding-right: calc(var(--spacing-scale-half)*-1) !important; } .pb-1 { padding-bottom: var(--spacing-scale-half) !important; } .pb-n1 { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; } .pl-1 { padding-left: var(--spacing-scale-half) !important; } .pl-n1 { padding-left: calc(var(--spacing-scale-half)*-1) !important; } .p-n1 { padding: calc(var(--spacing-scale-half)*-1) !important; } .px-n1 { padding-left: calc(var(--spacing-scale-half)*-1) !important; padding-right: calc(var(--spacing-scale-half)*-1) !important; } .py-n1 { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; padding-top: calc(var(--spacing-scale-half)*-1) !important; } .p-2 { padding: var(--spacing-scale-base) !important; } .px-2 { padding-left: var(--spacing-scale-base) !important; padding-right: var(--spacing-scale-base) !important; } .py-2 { padding-bottom: var(--spacing-scale-base) !important; } .pt-2, .py-2 { padding-top: var(--spacing-scale-base) !important; } .pt-n2 { padding-top: calc(var(--spacing-scale-base)*-1) !important; } .pr-2 { padding-right: var(--spacing-scale-base) !important; } .pr-n2 { padding-right: calc(var(--spacing-scale-base)*-1) !important; } .pb-2 { padding-bottom: var(--spacing-scale-base) !important; } .pb-n2 { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; } .pl-2 { padding-left: var(--spacing-scale-base) !important; } .pl-n2 { padding-left: calc(var(--spacing-scale-base)*-1) !important; } .p-n2 { padding: calc(var(--spacing-scale-base)*-1) !important; } .px-n2 { padding-left: calc(var(--spacing-scale-base)*-1) !important; padding-right: calc(var(--spacing-scale-base)*-1) !important; } .py-n2 { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; padding-top: calc(var(--spacing-scale-base)*-1) !important; } .p-3 { padding: var(--spacing-scale-2x) !important; } .px-3 { padding-left: var(--spacing-scale-2x) !important; padding-right: var(--spacing-scale-2x) !important; } .py-3 { padding-bottom: var(--spacing-scale-2x) !important; } .pt-3, .py-3 { padding-top: var(--spacing-scale-2x) !important; } .pt-n3 { padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .pr-3 { padding-right: var(--spacing-scale-2x) !important; } .pr-n3 { padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .pb-3 { padding-bottom: var(--spacing-scale-2x) !important; } .pb-n3 { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .pl-3 { padding-left: var(--spacing-scale-2x) !important; } .pl-n3 { padding-left: calc(var(--spacing-scale-2x)*-1) !important; } .p-n3 { padding: calc(var(--spacing-scale-2x)*-1) !important; } .px-n3 { padding-left: calc(var(--spacing-scale-2x)*-1) !important; padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .py-n3 { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .p-4 { padding: var(--spacing-scale-3x) !important; } .px-4 { padding-left: var(--spacing-scale-3x) !important; padding-right: var(--spacing-scale-3x) !important; } .py-4 { padding-bottom: var(--spacing-scale-3x) !important; } .pt-4, .py-4 { padding-top: var(--spacing-scale-3x) !important; } .pt-n4 { padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .pr-4 { padding-right: var(--spacing-scale-3x) !important; } .pr-n4 { padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .pb-4 { padding-bottom: var(--spacing-scale-3x) !important; } .pb-n4 { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .pl-4 { padding-left: var(--spacing-scale-3x) !important; } .pl-n4 { padding-left: calc(var(--spacing-scale-3x)*-1) !important; } .p-n4 { padding: calc(var(--spacing-scale-3x)*-1) !important; } .px-n4 { padding-left: calc(var(--spacing-scale-3x)*-1) !important; padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .py-n4 { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .p-5 { padding: var(--spacing-scale-4x) !important; } .px-5 { padding-left: var(--spacing-scale-4x) !important; padding-right: var(--spacing-scale-4x) !important; } .py-5 { padding-bottom: var(--spacing-scale-4x) !important; } .pt-5, .py-5 { padding-top: var(--spacing-scale-4x) !important; } .pt-n5 { padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .pr-5 { padding-right: var(--spacing-scale-4x) !important; } .pr-n5 { padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .pb-5 { padding-bottom: var(--spacing-scale-4x) !important; } .pb-n5 { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .pl-5 { padding-left: var(--spacing-scale-4x) !important; } .pl-n5 { padding-left: calc(var(--spacing-scale-4x)*-1) !important; } .p-n5 { padding: calc(var(--spacing-scale-4x)*-1) !important; } .px-n5 { padding-left: calc(var(--spacing-scale-4x)*-1) !important; padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .py-n5 { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .p-6 { padding: var(--spacing-scale-5x) !important; } .px-6 { padding-left: var(--spacing-scale-5x) !important; padding-right: var(--spacing-scale-5x) !important; } .py-6 { padding-bottom: var(--spacing-scale-5x) !important; } .pt-6, .py-6 { padding-top: var(--spacing-scale-5x) !important; } .pt-n6 { padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .pr-6 { padding-right: var(--spacing-scale-5x) !important; } .pr-n6 { padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .pb-6 { padding-bottom: var(--spacing-scale-5x) !important; } .pb-n6 { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .pl-6 { padding-left: var(--spacing-scale-5x) !important; } .pl-n6 { padding-left: calc(var(--spacing-scale-5x)*-1) !important; } .p-n6 { padding: calc(var(--spacing-scale-5x)*-1) !important; } .px-n6 { padding-left: calc(var(--spacing-scale-5x)*-1) !important; padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .py-n6 { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .p-2x { padding: var(--spacing-scale-2x) !important; } .px-2x { padding-left: var(--spacing-scale-2x) !important; padding-right: var(--spacing-scale-2x) !important; } .py-2x { padding-bottom: var(--spacing-scale-2x) !important; } .pt-2x, .py-2x { padding-top: var(--spacing-scale-2x) !important; } .pt-n2x { padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .pr-2x { padding-right: var(--spacing-scale-2x) !important; } .pr-n2x { padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .pb-2x { padding-bottom: var(--spacing-scale-2x) !important; } .pb-n2x { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .pl-2x { padding-left: var(--spacing-scale-2x) !important; } .pl-n2x { padding-left: calc(var(--spacing-scale-2x)*-1) !important; } .p-n2x { padding: calc(var(--spacing-scale-2x)*-1) !important; } .px-n2x { padding-left: calc(var(--spacing-scale-2x)*-1) !important; padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .py-n2x { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .p-2xh { padding: var(--spacing-scale-2xh) !important; } .px-2xh { padding-left: var(--spacing-scale-2xh) !important; padding-right: var(--spacing-scale-2xh) !important; } .py-2xh { padding-bottom: var(--spacing-scale-2xh) !important; } .pt-2xh, .py-2xh { padding-top: var(--spacing-scale-2xh) !important; } .pt-n2xh { padding-top: calc(var(--spacing-scale-2xh)*-1) !important; } .pr-2xh { padding-right: var(--spacing-scale-2xh) !important; } .pr-n2xh { padding-right: calc(var(--spacing-scale-2xh)*-1) !important; } .pb-2xh { padding-bottom: var(--spacing-scale-2xh) !important; } .pb-n2xh { padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important; } .pl-2xh { padding-left: var(--spacing-scale-2xh) !important; } .pl-n2xh { padding-left: calc(var(--spacing-scale-2xh)*-1) !important; } .p-n2xh { padding: calc(var(--spacing-scale-2xh)*-1) !important; } .px-n2xh { padding-left: calc(var(--spacing-scale-2xh)*-1) !important; padding-right: calc(var(--spacing-scale-2xh)*-1) !important; } .py-n2xh { padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important; padding-top: calc(var(--spacing-scale-2xh)*-1) !important; } .p-3x { padding: var(--spacing-scale-3x) !important; } .px-3x { padding-left: var(--spacing-scale-3x) !important; padding-right: var(--spacing-scale-3x) !important; } .py-3x { padding-bottom: var(--spacing-scale-3x) !important; } .pt-3x, .py-3x { padding-top: var(--spacing-scale-3x) !important; } .pt-n3x { padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .pr-3x { padding-right: var(--spacing-scale-3x) !important; } .pr-n3x { padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .pb-3x { padding-bottom: var(--spacing-scale-3x) !important; } .pb-n3x { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .pl-3x { padding-left: var(--spacing-scale-3x) !important; } .pl-n3x { padding-left: calc(var(--spacing-scale-3x)*-1) !important; } .p-n3x { padding: calc(var(--spacing-scale-3x)*-1) !important; } .px-n3x { padding-left: calc(var(--spacing-scale-3x)*-1) !important; padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .py-n3x { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .p-3xh { padding: var(--spacing-scale-3xh) !important; } .px-3xh { padding-left: var(--spacing-scale-3xh) !important; padding-right: var(--spacing-scale-3xh) !important; } .py-3xh { padding-bottom: var(--spacing-scale-3xh) !important; } .pt-3xh, .py-3xh { padding-top: var(--spacing-scale-3xh) !important; } .pt-n3xh { padding-top: calc(var(--spacing-scale-3xh)*-1) !important; } .pr-3xh { padding-right: var(--spacing-scale-3xh) !important; } .pr-n3xh { padding-right: calc(var(--spacing-scale-3xh)*-1) !important; } .pb-3xh { padding-bottom: var(--spacing-scale-3xh) !important; } .pb-n3xh { padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important; } .pl-3xh { padding-left: var(--spacing-scale-3xh) !important; } .pl-n3xh { padding-left: calc(var(--spacing-scale-3xh)*-1) !important; } .p-n3xh { padding: calc(var(--spacing-scale-3xh)*-1) !important; } .px-n3xh { padding-left: calc(var(--spacing-scale-3xh)*-1) !important; padding-right: calc(var(--spacing-scale-3xh)*-1) !important; } .py-n3xh { padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important; padding-top: calc(var(--spacing-scale-3xh)*-1) !important; } .p-4x { padding: var(--spacing-scale-4x) !important; } .px-4x { padding-left: var(--spacing-scale-4x) !important; padding-right: var(--spacing-scale-4x) !important; } .py-4x { padding-bottom: var(--spacing-scale-4x) !important; } .pt-4x, .py-4x { padding-top: var(--spacing-scale-4x) !important; } .pt-n4x { padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .pr-4x { padding-right: var(--spacing-scale-4x) !important; } .pr-n4x { padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .pb-4x { padding-bottom: var(--spacing-scale-4x) !important; } .pb-n4x { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .pl-4x { padding-left: var(--spacing-scale-4x) !important; } .pl-n4x { padding-left: calc(var(--spacing-scale-4x)*-1) !important; } .p-n4x { padding: calc(var(--spacing-scale-4x)*-1) !important; } .px-n4x { padding-left: calc(var(--spacing-scale-4x)*-1) !important; padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .py-n4x { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .p-4xh { padding: var(--spacing-scale-4xh) !important; } .px-4xh { padding-left: var(--spacing-scale-4xh) !important; padding-right: var(--spacing-scale-4xh) !important; } .py-4xh { padding-bottom: var(--spacing-scale-4xh) !important; } .pt-4xh, .py-4xh { padding-top: var(--spacing-scale-4xh) !important; } .pt-n4xh { padding-top: calc(var(--spacing-scale-4xh)*-1) !important; } .pr-4xh { padding-right: var(--spacing-scale-4xh) !important; } .pr-n4xh { padding-right: calc(var(--spacing-scale-4xh)*-1) !important; } .pb-4xh { padding-bottom: var(--spacing-scale-4xh) !important; } .pb-n4xh { padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important; } .pl-4xh { padding-left: var(--spacing-scale-4xh) !important; } .pl-n4xh { padding-left: calc(var(--spacing-scale-4xh)*-1) !important; } .p-n4xh { padding: calc(var(--spacing-scale-4xh)*-1) !important; } .px-n4xh { padding-left: calc(var(--spacing-scale-4xh)*-1) !important; padding-right: calc(var(--spacing-scale-4xh)*-1) !important; } .py-n4xh { padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important; padding-top: calc(var(--spacing-scale-4xh)*-1) !important; } .p-5x { padding: var(--spacing-scale-5x) !important; } .px-5x { padding-left: var(--spacing-scale-5x) !important; padding-right: var(--spacing-scale-5x) !important; } .py-5x { padding-bottom: var(--spacing-scale-5x) !important; } .pt-5x, .py-5x { padding-top: var(--spacing-scale-5x) !important; } .pt-n5x { padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .pr-5x { padding-right: var(--spacing-scale-5x) !important; } .pr-n5x { padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .pb-5x { padding-bottom: var(--spacing-scale-5x) !important; } .pb-n5x { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .pl-5x { padding-left: var(--spacing-scale-5x) !important; } .pl-n5x { padding-left: calc(var(--spacing-scale-5x)*-1) !important; } .p-n5x { padding: calc(var(--spacing-scale-5x)*-1) !important; } .px-n5x { padding-left: calc(var(--spacing-scale-5x)*-1) !important; padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .py-n5x { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .p-5xh { padding: var(--spacing-scale-5xh) !important; } .px-5xh { padding-left: var(--spacing-scale-5xh) !important; padding-right: var(--spacing-scale-5xh) !important; } .py-5xh { padding-bottom: var(--spacing-scale-5xh) !important; } .pt-5xh, .py-5xh { padding-top: var(--spacing-scale-5xh) !important; } .pt-n5xh { padding-top: calc(var(--spacing-scale-5xh)*-1) !important; } .pr-5xh { padding-right: var(--spacing-scale-5xh) !important; } .pr-n5xh { padding-right: calc(var(--spacing-scale-5xh)*-1) !important; } .pb-5xh { padding-bottom: var(--spacing-scale-5xh) !important; } .pb-n5xh { padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important; } .pl-5xh { padding-left: var(--spacing-scale-5xh) !important; } .pl-n5xh { padding-left: calc(var(--spacing-scale-5xh)*-1) !important; } .p-n5xh { padding: calc(var(--spacing-scale-5xh)*-1) !important; } .px-n5xh { padding-left: calc(var(--spacing-scale-5xh)*-1) !important; padding-right: calc(var(--spacing-scale-5xh)*-1) !important; } .py-n5xh { padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important; padding-top: calc(var(--spacing-scale-5xh)*-1) !important; } .p-6x { padding: var(--spacing-scale-6x) !important; } .px-6x { padding-left: var(--spacing-scale-6x) !important; padding-right: var(--spacing-scale-6x) !important; } .py-6x { padding-bottom: var(--spacing-scale-6x) !important; } .pt-6x, .py-6x { padding-top: var(--spacing-scale-6x) !important; } .pt-n6x { padding-top: calc(var(--spacing-scale-6x)*-1) !important; } .pr-6x { padding-right: var(--spacing-scale-6x) !important; } .pr-n6x { padding-right: calc(var(--spacing-scale-6x)*-1) !important; } .pb-6x { padding-bottom: var(--spacing-scale-6x) !important; } .pb-n6x { padding-bottom: calc(var(--spacing-scale-6x)*-1) !important; } .pl-6x { padding-left: var(--spacing-scale-6x) !important; } .pl-n6x { padding-left: calc(var(--spacing-scale-6x)*-1) !important; } .p-n6x { padding: calc(var(--spacing-scale-6x)*-1) !important; } .px-n6x { padding-left: calc(var(--spacing-scale-6x)*-1) !important; padding-right: calc(var(--spacing-scale-6x)*-1) !important; } .py-n6x { padding-bottom: calc(var(--spacing-scale-6x)*-1) !important; padding-top: calc(var(--spacing-scale-6x)*-1) !important; } .p-6xh { padding: var(--spacing-scale-6xh) !important; } .px-6xh { padding-left: var(--spacing-scale-6xh) !important; padding-right: var(--spacing-scale-6xh) !important; } .py-6xh { padding-bottom: var(--spacing-scale-6xh) !important; } .pt-6xh, .py-6xh { padding-top: var(--spacing-scale-6xh) !important; } .pt-n6xh { padding-top: calc(var(--spacing-scale-6xh)*-1) !important; } .pr-6xh { padding-right: var(--spacing-scale-6xh) !important; } .pr-n6xh { padding-right: calc(var(--spacing-scale-6xh)*-1) !important; } .pb-6xh { padding-bottom: var(--spacing-scale-6xh) !important; } .pb-n6xh { padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important; } .pl-6xh { padding-left: var(--spacing-scale-6xh) !important; } .pl-n6xh { padding-left: calc(var(--spacing-scale-6xh)*-1) !important; } .p-n6xh { padding: calc(var(--spacing-scale-6xh)*-1) !important; } .px-n6xh { padding-left: calc(var(--spacing-scale-6xh)*-1) !important; padding-right: calc(var(--spacing-scale-6xh)*-1) !important; } .py-n6xh { padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important; padding-top: calc(var(--spacing-scale-6xh)*-1) !important; } .p-7x { padding: var(--spacing-scale-7x) !important; } .px-7x { padding-left: var(--spacing-scale-7x) !important; padding-right: var(--spacing-scale-7x) !important; } .py-7x { padding-bottom: var(--spacing-scale-7x) !important; } .pt-7x, .py-7x { padding-top: var(--spacing-scale-7x) !important; } .pt-n7x { padding-top: calc(var(--spacing-scale-7x)*-1) !important; } .pr-7x { padding-right: var(--spacing-scale-7x) !important; } .pr-n7x { padding-right: calc(var(--spacing-scale-7x)*-1) !important; } .pb-7x { padding-bottom: var(--spacing-scale-7x) !important; } .pb-n7x { padding-bottom: calc(var(--spacing-scale-7x)*-1) !important; } .pl-7x { padding-left: var(--spacing-scale-7x) !important; } .pl-n7x { padding-left: calc(var(--spacing-scale-7x)*-1) !important; } .p-n7x { padding: calc(var(--spacing-scale-7x)*-1) !important; } .px-n7x { padding-left: calc(var(--spacing-scale-7x)*-1) !important; padding-right: calc(var(--spacing-scale-7x)*-1) !important; } .py-n7x { padding-bottom: calc(var(--spacing-scale-7x)*-1) !important; padding-top: calc(var(--spacing-scale-7x)*-1) !important; } .p-7xh { padding: var(--spacing-scale-7xh) !important; } .px-7xh { padding-left: var(--spacing-scale-7xh) !important; padding-right: var(--spacing-scale-7xh) !important; } .py-7xh { padding-bottom: var(--spacing-scale-7xh) !important; } .pt-7xh, .py-7xh { padding-top: var(--spacing-scale-7xh) !important; } .pt-n7xh { padding-top: calc(var(--spacing-scale-7xh)*-1) !important; } .pr-7xh { padding-right: var(--spacing-scale-7xh) !important; } .pr-n7xh { padding-right: calc(var(--spacing-scale-7xh)*-1) !important; } .pb-7xh { padding-bottom: var(--spacing-scale-7xh) !important; } .pb-n7xh { padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important; } .pl-7xh { padding-left: var(--spacing-scale-7xh) !important; } .pl-n7xh { padding-left: calc(var(--spacing-scale-7xh)*-1) !important; } .p-n7xh { padding: calc(var(--spacing-scale-7xh)*-1) !important; } .px-n7xh { padding-left: calc(var(--spacing-scale-7xh)*-1) !important; padding-right: calc(var(--spacing-scale-7xh)*-1) !important; } .py-n7xh { padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important; padding-top: calc(var(--spacing-scale-7xh)*-1) !important; } .p-8x { padding: var(--spacing-scale-8x) !important; } .px-8x { padding-left: var(--spacing-scale-8x) !important; padding-right: var(--spacing-scale-8x) !important; } .py-8x { padding-bottom: var(--spacing-scale-8x) !important; } .pt-8x, .py-8x { padding-top: var(--spacing-scale-8x) !important; } .pt-n8x { padding-top: calc(var(--spacing-scale-8x)*-1) !important; } .pr-8x { padding-right: var(--spacing-scale-8x) !important; } .pr-n8x { padding-right: calc(var(--spacing-scale-8x)*-1) !important; } .pb-8x { padding-bottom: var(--spacing-scale-8x) !important; } .pb-n8x { padding-bottom: calc(var(--spacing-scale-8x)*-1) !important; } .pl-8x { padding-left: var(--spacing-scale-8x) !important; } .pl-n8x { padding-left: calc(var(--spacing-scale-8x)*-1) !important; } .p-n8x { padding: calc(var(--spacing-scale-8x)*-1) !important; } .px-n8x { padding-left: calc(var(--spacing-scale-8x)*-1) !important; padding-right: calc(var(--spacing-scale-8x)*-1) !important; } .py-n8x { padding-bottom: calc(var(--spacing-scale-8x)*-1) !important; padding-top: calc(var(--spacing-scale-8x)*-1) !important; } .p-8xh { padding: var(--spacing-scale-8xh) !important; } .px-8xh { padding-left: var(--spacing-scale-8xh) !important; padding-right: var(--spacing-scale-8xh) !important; } .py-8xh { padding-bottom: var(--spacing-scale-8xh) !important; } .pt-8xh, .py-8xh { padding-top: var(--spacing-scale-8xh) !important; } .pt-n8xh { padding-top: calc(var(--spacing-scale-8xh)*-1) !important; } .pr-8xh { padding-right: var(--spacing-scale-8xh) !important; } .pr-n8xh { padding-right: calc(var(--spacing-scale-8xh)*-1) !important; } .pb-8xh { padding-bottom: var(--spacing-scale-8xh) !important; } .pb-n8xh { padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important; } .pl-8xh { padding-left: var(--spacing-scale-8xh) !important; } .pl-n8xh { padding-left: calc(var(--spacing-scale-8xh)*-1) !important; } .p-n8xh { padding: calc(var(--spacing-scale-8xh)*-1) !important; } .px-n8xh { padding-left: calc(var(--spacing-scale-8xh)*-1) !important; padding-right: calc(var(--spacing-scale-8xh)*-1) !important; } .py-n8xh { padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important; padding-top: calc(var(--spacing-scale-8xh)*-1) !important; } .p-9x { padding: var(--spacing-scale-9x) !important; } .px-9x { padding-left: var(--spacing-scale-9x) !important; padding-right: var(--spacing-scale-9x) !important; } .py-9x { padding-bottom: var(--spacing-scale-9x) !important; } .pt-9x, .py-9x { padding-top: var(--spacing-scale-9x) !important; } .pt-n9x { padding-top: calc(var(--spacing-scale-9x)*-1) !important; } .pr-9x { padding-right: var(--spacing-scale-9x) !important; } .pr-n9x { padding-right: calc(var(--spacing-scale-9x)*-1) !important; } .pb-9x { padding-bottom: var(--spacing-scale-9x) !important; } .pb-n9x { padding-bottom: calc(var(--spacing-scale-9x)*-1) !important; } .pl-9x { padding-left: var(--spacing-scale-9x) !important; } .pl-n9x { padding-left: calc(var(--spacing-scale-9x)*-1) !important; } .p-n9x { padding: calc(var(--spacing-scale-9x)*-1) !important; } .px-n9x { padding-left: calc(var(--spacing-scale-9x)*-1) !important; padding-right: calc(var(--spacing-scale-9x)*-1) !important; } .py-n9x { padding-bottom: calc(var(--spacing-scale-9x)*-1) !important; padding-top: calc(var(--spacing-scale-9x)*-1) !important; } .p-9xh { padding: var(--spacing-scale-9xh) !important; } .px-9xh { padding-left: var(--spacing-scale-9xh) !important; padding-right: var(--spacing-scale-9xh) !important; } .py-9xh { padding-bottom: var(--spacing-scale-9xh) !important; } .pt-9xh, .py-9xh { padding-top: var(--spacing-scale-9xh) !important; } .pt-n9xh { padding-top: calc(var(--spacing-scale-9xh)*-1) !important; } .pr-9xh { padding-right: var(--spacing-scale-9xh) !important; } .pr-n9xh { padding-right: calc(var(--spacing-scale-9xh)*-1) !important; } .pb-9xh { padding-bottom: var(--spacing-scale-9xh) !important; } .pb-n9xh { padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important; } .pl-9xh { padding-left: var(--spacing-scale-9xh) !important; } .pl-n9xh { padding-left: calc(var(--spacing-scale-9xh)*-1) !important; } .p-n9xh { padding: calc(var(--spacing-scale-9xh)*-1) !important; } .px-n9xh { padding-left: calc(var(--spacing-scale-9xh)*-1) !important; padding-right: calc(var(--spacing-scale-9xh)*-1) !important; } .py-n9xh { padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important; padding-top: calc(var(--spacing-scale-9xh)*-1) !important; } .p-10x { padding: var(--spacing-scale-10x) !important; } .px-10x { padding-left: var(--spacing-scale-10x) !important; padding-right: var(--spacing-scale-10x) !important; } .py-10x { padding-bottom: var(--spacing-scale-10x) !important; } .pt-10x, .py-10x { padding-top: var(--spacing-scale-10x) !important; } .pt-n10x { padding-top: calc(var(--spacing-scale-10x)*-1) !important; } .pr-10x { padding-right: var(--spacing-scale-10x) !important; } .pr-n10x { padding-right: calc(var(--spacing-scale-10x)*-1) !important; } .pb-10x { padding-bottom: var(--spacing-scale-10x) !important; } .pb-n10x { padding-bottom: calc(var(--spacing-scale-10x)*-1) !important; } .pl-10x { padding-left: var(--spacing-scale-10x) !important; } .pl-n10x { padding-left: calc(var(--spacing-scale-10x)*-1) !important; } .p-n10x { padding: calc(var(--spacing-scale-10x)*-1) !important; } .px-n10x { padding-left: calc(var(--spacing-scale-10x)*-1) !important; padding-right: calc(var(--spacing-scale-10x)*-1) !important; } .py-n10x { padding-bottom: calc(var(--spacing-scale-10x)*-1) !important; padding-top: calc(var(--spacing-scale-10x)*-1) !important; } .p-10xh { padding: var(--spacing-scale-10xh) !important; } .px-10xh { padding-left: var(--spacing-scale-10xh) !important; padding-right: var(--spacing-scale-10xh) !important; } .py-10xh { padding-bottom: var(--spacing-scale-10xh) !important; } .pt-10xh, .py-10xh { padding-top: var(--spacing-scale-10xh) !important; } .pt-n10xh { padding-top: calc(var(--spacing-scale-10xh)*-1) !important; } .pr-10xh { padding-right: var(--spacing-scale-10xh) !important; } .pr-n10xh { padding-right: calc(var(--spacing-scale-10xh)*-1) !important; } .pb-10xh { padding-bottom: var(--spacing-scale-10xh) !important; } .pb-n10xh { padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important; } .pl-10xh { padding-left: var(--spacing-scale-10xh) !important; } .pl-n10xh { padding-left: calc(var(--spacing-scale-10xh)*-1) !important; } .p-n10xh { padding: calc(var(--spacing-scale-10xh)*-1) !important; } .px-n10xh { padding-left: calc(var(--spacing-scale-10xh)*-1) !important; padding-right: calc(var(--spacing-scale-10xh)*-1) !important; } .py-n10xh { padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important; padding-top: calc(var(--spacing-scale-10xh)*-1) !important; } @media (min-width: 576px) { .m-sm-0 { margin: var(--spacing-scale-default) !important; } .mx-sm-0 { margin-left: var(--spacing-scale-default) !important; margin-right: var(--spacing-scale-default) !important; } .my-sm-0 { margin-bottom: var(--spacing-scale-default) !important; } .mt-sm-0, .my-sm-0 { margin-top: var(--spacing-scale-default) !important; } .mr-sm-0 { margin-right: var(--spacing-scale-default) !important; } .mb-sm-0 { margin-bottom: var(--spacing-scale-default) !important; } .ml-sm-0 { margin-left: var(--spacing-scale-default) !important; } .m-sm-half { margin: var(--spacing-scale-half) !important; } .mx-sm-half { margin-left: var(--spacing-scale-half) !important; margin-right: var(--spacing-scale-half) !important; } .my-sm-half { margin-bottom: var(--spacing-scale-half) !important; } .mt-sm-half, .my-sm-half { margin-top: var(--spacing-scale-half) !important; } .mt-sm-nhalf { margin-top: calc(var(--spacing-scale-half)*-1) !important; } .mr-sm-half { margin-right: var(--spacing-scale-half) !important; } .mr-sm-nhalf { margin-right: calc(var(--spacing-scale-half)*-1) !important; } .mb-sm-half { margin-bottom: var(--spacing-scale-half) !important; } .mb-sm-nhalf { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; } .ml-sm-half { margin-left: var(--spacing-scale-half) !important; } .ml-sm-nhalf { margin-left: calc(var(--spacing-scale-half)*-1) !important; } .m-sm-nhalf { margin: calc(var(--spacing-scale-half)*-1) !important; } .mx-sm-nhalf { margin-left: calc(var(--spacing-scale-half)*-1) !important; margin-right: calc(var(--spacing-scale-half)*-1) !important; } .my-sm-nhalf { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; margin-top: calc(var(--spacing-scale-half)*-1) !important; } .m-sm-base { margin: var(--spacing-scale-base) !important; } .mx-sm-base { margin-left: var(--spacing-scale-base) !important; margin-right: var(--spacing-scale-base) !important; } .my-sm-base { margin-bottom: var(--spacing-scale-base) !important; } .mt-sm-base, .my-sm-base { margin-top: var(--spacing-scale-base) !important; } .mt-sm-nbase { margin-top: calc(var(--spacing-scale-base)*-1) !important; } .mr-sm-base { margin-right: var(--spacing-scale-base) !important; } .mr-sm-nbase { margin-right: calc(var(--spacing-scale-base)*-1) !important; } .mb-sm-base { margin-bottom: var(--spacing-scale-base) !important; } .mb-sm-nbase { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; } .ml-sm-base { margin-left: var(--spacing-scale-base) !important; } .ml-sm-nbase { margin-left: calc(var(--spacing-scale-base)*-1) !important; } .m-sm-nbase { margin: calc(var(--spacing-scale-base)*-1) !important; } .mx-sm-nbase { margin-left: calc(var(--spacing-scale-base)*-1) !important; margin-right: calc(var(--spacing-scale-base)*-1) !important; } .my-sm-nbase { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; margin-top: calc(var(--spacing-scale-base)*-1) !important; } .m-sm-baseh { margin: var(--spacing-scale-baseh) !important; } .mx-sm-baseh { margin-left: var(--spacing-scale-baseh) !important; margin-right: var(--spacing-scale-baseh) !important; } .my-sm-baseh { margin-bottom: var(--spacing-scale-baseh) !important; } .mt-sm-baseh, .my-sm-baseh { margin-top: var(--spacing-scale-baseh) !important; } .mt-sm-nbaseh { margin-top: calc(var(--spacing-scale-baseh)*-1) !important; } .mr-sm-baseh { margin-right: var(--spacing-scale-baseh) !important; } .mr-sm-nbaseh { margin-right: calc(var(--spacing-scale-baseh)*-1) !important; } .mb-sm-baseh { margin-bottom: var(--spacing-scale-baseh) !important; } .mb-sm-nbaseh { margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important; } .ml-sm-baseh { margin-left: var(--spacing-scale-baseh) !important; } .ml-sm-nbaseh { margin-left: calc(var(--spacing-scale-baseh)*-1) !important; } .m-sm-nbaseh { margin: calc(var(--spacing-scale-baseh)*-1) !important; } .mx-sm-nbaseh { margin-left: calc(var(--spacing-scale-baseh)*-1) !important; margin-right: calc(var(--spacing-scale-baseh)*-1) !important; } .my-sm-nbaseh { margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important; margin-top: calc(var(--spacing-scale-baseh)*-1) !important; } .m-sm-1 { margin: var(--spacing-scale-half) !important; } .mx-sm-1 { margin-left: var(--spacing-scale-half) !important; margin-right: var(--spacing-scale-half) !important; } .my-sm-1 { margin-bottom: var(--spacing-scale-half) !important; } .mt-sm-1, .my-sm-1 { margin-top: var(--spacing-scale-half) !important; } .mt-sm-n1 { margin-top: calc(var(--spacing-scale-half)*-1) !important; } .mr-sm-1 { margin-right: var(--spacing-scale-half) !important; } .mr-sm-n1 { margin-right: calc(var(--spacing-scale-half)*-1) !important; } .mb-sm-1 { margin-bottom: var(--spacing-scale-half) !important; } .mb-sm-n1 { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; } .ml-sm-1 { margin-left: var(--spacing-scale-half) !important; } .ml-sm-n1 { margin-left: calc(var(--spacing-scale-half)*-1) !important; } .m-sm-n1 { margin: calc(var(--spacing-scale-half)*-1) !important; } .mx-sm-n1 { margin-left: calc(var(--spacing-scale-half)*-1) !important; margin-right: calc(var(--spacing-scale-half)*-1) !important; } .my-sm-n1 { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; margin-top: calc(var(--spacing-scale-half)*-1) !important; } .m-sm-2 { margin: var(--spacing-scale-base) !important; } .mx-sm-2 { margin-left: var(--spacing-scale-base) !important; margin-right: var(--spacing-scale-base) !important; } .my-sm-2 { margin-bottom: var(--spacing-scale-base) !important; } .mt-sm-2, .my-sm-2 { margin-top: var(--spacing-scale-base) !important; } .mt-sm-n2 { margin-top: calc(var(--spacing-scale-base)*-1) !important; } .mr-sm-2 { margin-right: var(--spacing-scale-base) !important; } .mr-sm-n2 { margin-right: calc(var(--spacing-scale-base)*-1) !important; } .mb-sm-2 { margin-bottom: var(--spacing-scale-base) !important; } .mb-sm-n2 { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; } .ml-sm-2 { margin-left: var(--spacing-scale-base) !important; } .ml-sm-n2 { margin-left: calc(var(--spacing-scale-base)*-1) !important; } .m-sm-n2 { margin: calc(var(--spacing-scale-base)*-1) !important; } .mx-sm-n2 { margin-left: calc(var(--spacing-scale-base)*-1) !important; margin-right: calc(var(--spacing-scale-base)*-1) !important; } .my-sm-n2 { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; margin-top: calc(var(--spacing-scale-base)*-1) !important; } .m-sm-3 { margin: var(--spacing-scale-2x) !important; } .mx-sm-3 { margin-left: var(--spacing-scale-2x) !important; margin-right: var(--spacing-scale-2x) !important; } .my-sm-3 { margin-bottom: var(--spacing-scale-2x) !important; } .mt-sm-3, .my-sm-3 { margin-top: var(--spacing-scale-2x) !important; } .mt-sm-n3 { margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .mr-sm-3 { margin-right: var(--spacing-scale-2x) !important; } .mr-sm-n3 { margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .mb-sm-3 { margin-bottom: var(--spacing-scale-2x) !important; } .mb-sm-n3 { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .ml-sm-3 { margin-left: var(--spacing-scale-2x) !important; } .ml-sm-n3 { margin-left: calc(var(--spacing-scale-2x)*-1) !important; } .m-sm-n3 { margin: calc(var(--spacing-scale-2x)*-1) !important; } .mx-sm-n3 { margin-left: calc(var(--spacing-scale-2x)*-1) !important; margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .my-sm-n3 { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .m-sm-4 { margin: var(--spacing-scale-3x) !important; } .mx-sm-4 { margin-left: var(--spacing-scale-3x) !important; margin-right: var(--spacing-scale-3x) !important; } .my-sm-4 { margin-bottom: var(--spacing-scale-3x) !important; } .mt-sm-4, .my-sm-4 { margin-top: var(--spacing-scale-3x) !important; } .mt-sm-n4 { margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .mr-sm-4 { margin-right: var(--spacing-scale-3x) !important; } .mr-sm-n4 { margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .mb-sm-4 { margin-bottom: var(--spacing-scale-3x) !important; } .mb-sm-n4 { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .ml-sm-4 { margin-left: var(--spacing-scale-3x) !important; } .ml-sm-n4 { margin-left: calc(var(--spacing-scale-3x)*-1) !important; } .m-sm-n4 { margin: calc(var(--spacing-scale-3x)*-1) !important; } .mx-sm-n4 { margin-left: calc(var(--spacing-scale-3x)*-1) !important; margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .my-sm-n4 { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .m-sm-5 { margin: var(--spacing-scale-4x) !important; } .mx-sm-5 { margin-left: var(--spacing-scale-4x) !important; margin-right: var(--spacing-scale-4x) !important; } .my-sm-5 { margin-bottom: var(--spacing-scale-4x) !important; } .mt-sm-5, .my-sm-5 { margin-top: var(--spacing-scale-4x) !important; } .mt-sm-n5 { margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .mr-sm-5 { margin-right: var(--spacing-scale-4x) !important; } .mr-sm-n5 { margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .mb-sm-5 { margin-bottom: var(--spacing-scale-4x) !important; } .mb-sm-n5 { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .ml-sm-5 { margin-left: var(--spacing-scale-4x) !important; } .ml-sm-n5 { margin-left: calc(var(--spacing-scale-4x)*-1) !important; } .m-sm-n5 { margin: calc(var(--spacing-scale-4x)*-1) !important; } .mx-sm-n5 { margin-left: calc(var(--spacing-scale-4x)*-1) !important; margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .my-sm-n5 { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .m-sm-6 { margin: var(--spacing-scale-5x) !important; } .mx-sm-6 { margin-left: var(--spacing-scale-5x) !important; margin-right: var(--spacing-scale-5x) !important; } .my-sm-6 { margin-bottom: var(--spacing-scale-5x) !important; } .mt-sm-6, .my-sm-6 { margin-top: var(--spacing-scale-5x) !important; } .mt-sm-n6 { margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .mr-sm-6 { margin-right: var(--spacing-scale-5x) !important; } .mr-sm-n6 { margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .mb-sm-6 { margin-bottom: var(--spacing-scale-5x) !important; } .mb-sm-n6 { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .ml-sm-6 { margin-left: var(--spacing-scale-5x) !important; } .ml-sm-n6 { margin-left: calc(var(--spacing-scale-5x)*-1) !important; } .m-sm-n6 { margin: calc(var(--spacing-scale-5x)*-1) !important; } .mx-sm-n6 { margin-left: calc(var(--spacing-scale-5x)*-1) !important; margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .my-sm-n6 { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .m-sm-2x { margin: var(--spacing-scale-2x) !important; } .mx-sm-2x { margin-left: var(--spacing-scale-2x) !important; margin-right: var(--spacing-scale-2x) !important; } .my-sm-2x { margin-bottom: var(--spacing-scale-2x) !important; } .mt-sm-2x, .my-sm-2x { margin-top: var(--spacing-scale-2x) !important; } .mt-sm-n2x { margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .mr-sm-2x { margin-right: var(--spacing-scale-2x) !important; } .mr-sm-n2x { margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .mb-sm-2x { margin-bottom: var(--spacing-scale-2x) !important; } .mb-sm-n2x { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .ml-sm-2x { margin-left: var(--spacing-scale-2x) !important; } .ml-sm-n2x { margin-left: calc(var(--spacing-scale-2x)*-1) !important; } .m-sm-n2x { margin: calc(var(--spacing-scale-2x)*-1) !important; } .mx-sm-n2x { margin-left: calc(var(--spacing-scale-2x)*-1) !important; margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .my-sm-n2x { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .m-sm-2xh { margin: var(--spacing-scale-2xh) !important; } .mx-sm-2xh { margin-left: var(--spacing-scale-2xh) !important; margin-right: var(--spacing-scale-2xh) !important; } .my-sm-2xh { margin-bottom: var(--spacing-scale-2xh) !important; } .mt-sm-2xh, .my-sm-2xh { margin-top: var(--spacing-scale-2xh) !important; } .mt-sm-n2xh { margin-top: calc(var(--spacing-scale-2xh)*-1) !important; } .mr-sm-2xh { margin-right: var(--spacing-scale-2xh) !important; } .mr-sm-n2xh { margin-right: calc(var(--spacing-scale-2xh)*-1) !important; } .mb-sm-2xh { margin-bottom: var(--spacing-scale-2xh) !important; } .mb-sm-n2xh { margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important; } .ml-sm-2xh { margin-left: var(--spacing-scale-2xh) !important; } .ml-sm-n2xh { margin-left: calc(var(--spacing-scale-2xh)*-1) !important; } .m-sm-n2xh { margin: calc(var(--spacing-scale-2xh)*-1) !important; } .mx-sm-n2xh { margin-left: calc(var(--spacing-scale-2xh)*-1) !important; margin-right: calc(var(--spacing-scale-2xh)*-1) !important; } .my-sm-n2xh { margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important; margin-top: calc(var(--spacing-scale-2xh)*-1) !important; } .m-sm-3x { margin: var(--spacing-scale-3x) !important; } .mx-sm-3x { margin-left: var(--spacing-scale-3x) !important; margin-right: var(--spacing-scale-3x) !important; } .my-sm-3x { margin-bottom: var(--spacing-scale-3x) !important; } .mt-sm-3x, .my-sm-3x { margin-top: var(--spacing-scale-3x) !important; } .mt-sm-n3x { margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .mr-sm-3x { margin-right: var(--spacing-scale-3x) !important; } .mr-sm-n3x { margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .mb-sm-3x { margin-bottom: var(--spacing-scale-3x) !important; } .mb-sm-n3x { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .ml-sm-3x { margin-left: var(--spacing-scale-3x) !important; } .ml-sm-n3x { margin-left: calc(var(--spacing-scale-3x)*-1) !important; } .m-sm-n3x { margin: calc(var(--spacing-scale-3x)*-1) !important; } .mx-sm-n3x { margin-left: calc(var(--spacing-scale-3x)*-1) !important; margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .my-sm-n3x { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .m-sm-3xh { margin: var(--spacing-scale-3xh) !important; } .mx-sm-3xh { margin-left: var(--spacing-scale-3xh) !important; margin-right: var(--spacing-scale-3xh) !important; } .my-sm-3xh { margin-bottom: var(--spacing-scale-3xh) !important; } .mt-sm-3xh, .my-sm-3xh { margin-top: var(--spacing-scale-3xh) !important; } .mt-sm-n3xh { margin-top: calc(var(--spacing-scale-3xh)*-1) !important; } .mr-sm-3xh { margin-right: var(--spacing-scale-3xh) !important; } .mr-sm-n3xh { margin-right: calc(var(--spacing-scale-3xh)*-1) !important; } .mb-sm-3xh { margin-bottom: var(--spacing-scale-3xh) !important; } .mb-sm-n3xh { margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important; } .ml-sm-3xh { margin-left: var(--spacing-scale-3xh) !important; } .ml-sm-n3xh { margin-left: calc(var(--spacing-scale-3xh)*-1) !important; } .m-sm-n3xh { margin: calc(var(--spacing-scale-3xh)*-1) !important; } .mx-sm-n3xh { margin-left: calc(var(--spacing-scale-3xh)*-1) !important; margin-right: calc(var(--spacing-scale-3xh)*-1) !important; } .my-sm-n3xh { margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important; margin-top: calc(var(--spacing-scale-3xh)*-1) !important; } .m-sm-4x { margin: var(--spacing-scale-4x) !important; } .mx-sm-4x { margin-left: var(--spacing-scale-4x) !important; margin-right: var(--spacing-scale-4x) !important; } .my-sm-4x { margin-bottom: var(--spacing-scale-4x) !important; } .mt-sm-4x, .my-sm-4x { margin-top: var(--spacing-scale-4x) !important; } .mt-sm-n4x { margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .mr-sm-4x { margin-right: var(--spacing-scale-4x) !important; } .mr-sm-n4x { margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .mb-sm-4x { margin-bottom: var(--spacing-scale-4x) !important; } .mb-sm-n4x { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .ml-sm-4x { margin-left: var(--spacing-scale-4x) !important; } .ml-sm-n4x { margin-left: calc(var(--spacing-scale-4x)*-1) !important; } .m-sm-n4x { margin: calc(var(--spacing-scale-4x)*-1) !important; } .mx-sm-n4x { margin-left: calc(var(--spacing-scale-4x)*-1) !important; margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .my-sm-n4x { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .m-sm-4xh { margin: var(--spacing-scale-4xh) !important; } .mx-sm-4xh { margin-left: var(--spacing-scale-4xh) !important; margin-right: var(--spacing-scale-4xh) !important; } .my-sm-4xh { margin-bottom: var(--spacing-scale-4xh) !important; } .mt-sm-4xh, .my-sm-4xh { margin-top: var(--spacing-scale-4xh) !important; } .mt-sm-n4xh { margin-top: calc(var(--spacing-scale-4xh)*-1) !important; } .mr-sm-4xh { margin-right: var(--spacing-scale-4xh) !important; } .mr-sm-n4xh { margin-right: calc(var(--spacing-scale-4xh)*-1) !important; } .mb-sm-4xh { margin-bottom: var(--spacing-scale-4xh) !important; } .mb-sm-n4xh { margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important; } .ml-sm-4xh { margin-left: var(--spacing-scale-4xh) !important; } .ml-sm-n4xh { margin-left: calc(var(--spacing-scale-4xh)*-1) !important; } .m-sm-n4xh { margin: calc(var(--spacing-scale-4xh)*-1) !important; } .mx-sm-n4xh { margin-left: calc(var(--spacing-scale-4xh)*-1) !important; margin-right: calc(var(--spacing-scale-4xh)*-1) !important; } .my-sm-n4xh { margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important; margin-top: calc(var(--spacing-scale-4xh)*-1) !important; } .m-sm-5x { margin: var(--spacing-scale-5x) !important; } .mx-sm-5x { margin-left: var(--spacing-scale-5x) !important; margin-right: var(--spacing-scale-5x) !important; } .my-sm-5x { margin-bottom: var(--spacing-scale-5x) !important; } .mt-sm-5x, .my-sm-5x { margin-top: var(--spacing-scale-5x) !important; } .mt-sm-n5x { margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .mr-sm-5x { margin-right: var(--spacing-scale-5x) !important; } .mr-sm-n5x { margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .mb-sm-5x { margin-bottom: var(--spacing-scale-5x) !important; } .mb-sm-n5x { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .ml-sm-5x { margin-left: var(--spacing-scale-5x) !important; } .ml-sm-n5x { margin-left: calc(var(--spacing-scale-5x)*-1) !important; } .m-sm-n5x { margin: calc(var(--spacing-scale-5x)*-1) !important; } .mx-sm-n5x { margin-left: calc(var(--spacing-scale-5x)*-1) !important; margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .my-sm-n5x { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .m-sm-5xh { margin: var(--spacing-scale-5xh) !important; } .mx-sm-5xh { margin-left: var(--spacing-scale-5xh) !important; margin-right: var(--spacing-scale-5xh) !important; } .my-sm-5xh { margin-bottom: var(--spacing-scale-5xh) !important; } .mt-sm-5xh, .my-sm-5xh { margin-top: var(--spacing-scale-5xh) !important; } .mt-sm-n5xh { margin-top: calc(var(--spacing-scale-5xh)*-1) !important; } .mr-sm-5xh { margin-right: var(--spacing-scale-5xh) !important; } .mr-sm-n5xh { margin-right: calc(var(--spacing-scale-5xh)*-1) !important; } .mb-sm-5xh { margin-bottom: var(--spacing-scale-5xh) !important; } .mb-sm-n5xh { margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important; } .ml-sm-5xh { margin-left: var(--spacing-scale-5xh) !important; } .ml-sm-n5xh { margin-left: calc(var(--spacing-scale-5xh)*-1) !important; } .m-sm-n5xh { margin: calc(var(--spacing-scale-5xh)*-1) !important; } .mx-sm-n5xh { margin-left: calc(var(--spacing-scale-5xh)*-1) !important; margin-right: calc(var(--spacing-scale-5xh)*-1) !important; } .my-sm-n5xh { margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important; margin-top: calc(var(--spacing-scale-5xh)*-1) !important; } .m-sm-6x { margin: var(--spacing-scale-6x) !important; } .mx-sm-6x { margin-left: var(--spacing-scale-6x) !important; margin-right: var(--spacing-scale-6x) !important; } .my-sm-6x { margin-bottom: var(--spacing-scale-6x) !important; } .mt-sm-6x, .my-sm-6x { margin-top: var(--spacing-scale-6x) !important; } .mt-sm-n6x { margin-top: calc(var(--spacing-scale-6x)*-1) !important; } .mr-sm-6x { margin-right: var(--spacing-scale-6x) !important; } .mr-sm-n6x { margin-right: calc(var(--spacing-scale-6x)*-1) !important; } .mb-sm-6x { margin-bottom: var(--spacing-scale-6x) !important; } .mb-sm-n6x { margin-bottom: calc(var(--spacing-scale-6x)*-1) !important; } .ml-sm-6x { margin-left: var(--spacing-scale-6x) !important; } .ml-sm-n6x { margin-left: calc(var(--spacing-scale-6x)*-1) !important; } .m-sm-n6x { margin: calc(var(--spacing-scale-6x)*-1) !important; } .mx-sm-n6x { margin-left: calc(var(--spacing-scale-6x)*-1) !important; margin-right: calc(var(--spacing-scale-6x)*-1) !important; } .my-sm-n6x { margin-bottom: calc(var(--spacing-scale-6x)*-1) !important; margin-top: calc(var(--spacing-scale-6x)*-1) !important; } .m-sm-6xh { margin: var(--spacing-scale-6xh) !important; } .mx-sm-6xh { margin-left: var(--spacing-scale-6xh) !important; margin-right: var(--spacing-scale-6xh) !important; } .my-sm-6xh { margin-bottom: var(--spacing-scale-6xh) !important; } .mt-sm-6xh, .my-sm-6xh { margin-top: var(--spacing-scale-6xh) !important; } .mt-sm-n6xh { margin-top: calc(var(--spacing-scale-6xh)*-1) !important; } .mr-sm-6xh { margin-right: var(--spacing-scale-6xh) !important; } .mr-sm-n6xh { margin-right: calc(var(--spacing-scale-6xh)*-1) !important; } .mb-sm-6xh { margin-bottom: var(--spacing-scale-6xh) !important; } .mb-sm-n6xh { margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important; } .ml-sm-6xh { margin-left: var(--spacing-scale-6xh) !important; } .ml-sm-n6xh { margin-left: calc(var(--spacing-scale-6xh)*-1) !important; } .m-sm-n6xh { margin: calc(var(--spacing-scale-6xh)*-1) !important; } .mx-sm-n6xh { margin-left: calc(var(--spacing-scale-6xh)*-1) !important; margin-right: calc(var(--spacing-scale-6xh)*-1) !important; } .my-sm-n6xh { margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important; margin-top: calc(var(--spacing-scale-6xh)*-1) !important; } .m-sm-7x { margin: var(--spacing-scale-7x) !important; } .mx-sm-7x { margin-left: var(--spacing-scale-7x) !important; margin-right: var(--spacing-scale-7x) !important; } .my-sm-7x { margin-bottom: var(--spacing-scale-7x) !important; } .mt-sm-7x, .my-sm-7x { margin-top: var(--spacing-scale-7x) !important; } .mt-sm-n7x { margin-top: calc(var(--spacing-scale-7x)*-1) !important; } .mr-sm-7x { margin-right: var(--spacing-scale-7x) !important; } .mr-sm-n7x { margin-right: calc(var(--spacing-scale-7x)*-1) !important; } .mb-sm-7x { margin-bottom: var(--spacing-scale-7x) !important; } .mb-sm-n7x { margin-bottom: calc(var(--spacing-scale-7x)*-1) !important; } .ml-sm-7x { margin-left: var(--spacing-scale-7x) !important; } .ml-sm-n7x { margin-left: calc(var(--spacing-scale-7x)*-1) !important; } .m-sm-n7x { margin: calc(var(--spacing-scale-7x)*-1) !important; } .mx-sm-n7x { margin-left: calc(var(--spacing-scale-7x)*-1) !important; margin-right: calc(var(--spacing-scale-7x)*-1) !important; } .my-sm-n7x { margin-bottom: calc(var(--spacing-scale-7x)*-1) !important; margin-top: calc(var(--spacing-scale-7x)*-1) !important; } .m-sm-7xh { margin: var(--spacing-scale-7xh) !important; } .mx-sm-7xh { margin-left: var(--spacing-scale-7xh) !important; margin-right: var(--spacing-scale-7xh) !important; } .my-sm-7xh { margin-bottom: var(--spacing-scale-7xh) !important; } .mt-sm-7xh, .my-sm-7xh { margin-top: var(--spacing-scale-7xh) !important; } .mt-sm-n7xh { margin-top: calc(var(--spacing-scale-7xh)*-1) !important; } .mr-sm-7xh { margin-right: var(--spacing-scale-7xh) !important; } .mr-sm-n7xh { margin-right: calc(var(--spacing-scale-7xh)*-1) !important; } .mb-sm-7xh { margin-bottom: var(--spacing-scale-7xh) !important; } .mb-sm-n7xh { margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important; } .ml-sm-7xh { margin-left: var(--spacing-scale-7xh) !important; } .ml-sm-n7xh { margin-left: calc(var(--spacing-scale-7xh)*-1) !important; } .m-sm-n7xh { margin: calc(var(--spacing-scale-7xh)*-1) !important; } .mx-sm-n7xh { margin-left: calc(var(--spacing-scale-7xh)*-1) !important; margin-right: calc(var(--spacing-scale-7xh)*-1) !important; } .my-sm-n7xh { margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important; margin-top: calc(var(--spacing-scale-7xh)*-1) !important; } .m-sm-8x { margin: var(--spacing-scale-8x) !important; } .mx-sm-8x { margin-left: var(--spacing-scale-8x) !important; margin-right: var(--spacing-scale-8x) !important; } .my-sm-8x { margin-bottom: var(--spacing-scale-8x) !important; } .mt-sm-8x, .my-sm-8x { margin-top: var(--spacing-scale-8x) !important; } .mt-sm-n8x { margin-top: calc(var(--spacing-scale-8x)*-1) !important; } .mr-sm-8x { margin-right: var(--spacing-scale-8x) !important; } .mr-sm-n8x { margin-right: calc(var(--spacing-scale-8x)*-1) !important; } .mb-sm-8x { margin-bottom: var(--spacing-scale-8x) !important; } .mb-sm-n8x { margin-bottom: calc(var(--spacing-scale-8x)*-1) !important; } .ml-sm-8x { margin-left: var(--spacing-scale-8x) !important; } .ml-sm-n8x { margin-left: calc(var(--spacing-scale-8x)*-1) !important; } .m-sm-n8x { margin: calc(var(--spacing-scale-8x)*-1) !important; } .mx-sm-n8x { margin-left: calc(var(--spacing-scale-8x)*-1) !important; margin-right: calc(var(--spacing-scale-8x)*-1) !important; } .my-sm-n8x { margin-bottom: calc(var(--spacing-scale-8x)*-1) !important; margin-top: calc(var(--spacing-scale-8x)*-1) !important; } .m-sm-8xh { margin: var(--spacing-scale-8xh) !important; } .mx-sm-8xh { margin-left: var(--spacing-scale-8xh) !important; margin-right: var(--spacing-scale-8xh) !important; } .my-sm-8xh { margin-bottom: var(--spacing-scale-8xh) !important; } .mt-sm-8xh, .my-sm-8xh { margin-top: var(--spacing-scale-8xh) !important; } .mt-sm-n8xh { margin-top: calc(var(--spacing-scale-8xh)*-1) !important; } .mr-sm-8xh { margin-right: var(--spacing-scale-8xh) !important; } .mr-sm-n8xh { margin-right: calc(var(--spacing-scale-8xh)*-1) !important; } .mb-sm-8xh { margin-bottom: var(--spacing-scale-8xh) !important; } .mb-sm-n8xh { margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important; } .ml-sm-8xh { margin-left: var(--spacing-scale-8xh) !important; } .ml-sm-n8xh { margin-left: calc(var(--spacing-scale-8xh)*-1) !important; } .m-sm-n8xh { margin: calc(var(--spacing-scale-8xh)*-1) !important; } .mx-sm-n8xh { margin-left: calc(var(--spacing-scale-8xh)*-1) !important; margin-right: calc(var(--spacing-scale-8xh)*-1) !important; } .my-sm-n8xh { margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important; margin-top: calc(var(--spacing-scale-8xh)*-1) !important; } .m-sm-9x { margin: var(--spacing-scale-9x) !important; } .mx-sm-9x { margin-left: var(--spacing-scale-9x) !important; margin-right: var(--spacing-scale-9x) !important; } .my-sm-9x { margin-bottom: var(--spacing-scale-9x) !important; } .mt-sm-9x, .my-sm-9x { margin-top: var(--spacing-scale-9x) !important; } .mt-sm-n9x { margin-top: calc(var(--spacing-scale-9x)*-1) !important; } .mr-sm-9x { margin-right: var(--spacing-scale-9x) !important; } .mr-sm-n9x { margin-right: calc(var(--spacing-scale-9x)*-1) !important; } .mb-sm-9x { margin-bottom: var(--spacing-scale-9x) !important; } .mb-sm-n9x { margin-bottom: calc(var(--spacing-scale-9x)*-1) !important; } .ml-sm-9x { margin-left: var(--spacing-scale-9x) !important; } .ml-sm-n9x { margin-left: calc(var(--spacing-scale-9x)*-1) !important; } .m-sm-n9x { margin: calc(var(--spacing-scale-9x)*-1) !important; } .mx-sm-n9x { margin-left: calc(var(--spacing-scale-9x)*-1) !important; margin-right: calc(var(--spacing-scale-9x)*-1) !important; } .my-sm-n9x { margin-bottom: calc(var(--spacing-scale-9x)*-1) !important; margin-top: calc(var(--spacing-scale-9x)*-1) !important; } .m-sm-9xh { margin: var(--spacing-scale-9xh) !important; } .mx-sm-9xh { margin-left: var(--spacing-scale-9xh) !important; margin-right: var(--spacing-scale-9xh) !important; } .my-sm-9xh { margin-bottom: var(--spacing-scale-9xh) !important; } .mt-sm-9xh, .my-sm-9xh { margin-top: var(--spacing-scale-9xh) !important; } .mt-sm-n9xh { margin-top: calc(var(--spacing-scale-9xh)*-1) !important; } .mr-sm-9xh { margin-right: var(--spacing-scale-9xh) !important; } .mr-sm-n9xh { margin-right: calc(var(--spacing-scale-9xh)*-1) !important; } .mb-sm-9xh { margin-bottom: var(--spacing-scale-9xh) !important; } .mb-sm-n9xh { margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important; } .ml-sm-9xh { margin-left: var(--spacing-scale-9xh) !important; } .ml-sm-n9xh { margin-left: calc(var(--spacing-scale-9xh)*-1) !important; } .m-sm-n9xh { margin: calc(var(--spacing-scale-9xh)*-1) !important; } .mx-sm-n9xh { margin-left: calc(var(--spacing-scale-9xh)*-1) !important; margin-right: calc(var(--spacing-scale-9xh)*-1) !important; } .my-sm-n9xh { margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important; margin-top: calc(var(--spacing-scale-9xh)*-1) !important; } .m-sm-10x { margin: var(--spacing-scale-10x) !important; } .mx-sm-10x { margin-left: var(--spacing-scale-10x) !important; margin-right: var(--spacing-scale-10x) !important; } .my-sm-10x { margin-bottom: var(--spacing-scale-10x) !important; } .mt-sm-10x, .my-sm-10x { margin-top: var(--spacing-scale-10x) !important; } .mt-sm-n10x { margin-top: calc(var(--spacing-scale-10x)*-1) !important; } .mr-sm-10x { margin-right: var(--spacing-scale-10x) !important; } .mr-sm-n10x { margin-right: calc(var(--spacing-scale-10x)*-1) !important; } .mb-sm-10x { margin-bottom: var(--spacing-scale-10x) !important; } .mb-sm-n10x { margin-bottom: calc(var(--spacing-scale-10x)*-1) !important; } .ml-sm-10x { margin-left: var(--spacing-scale-10x) !important; } .ml-sm-n10x { margin-left: calc(var(--spacing-scale-10x)*-1) !important; } .m-sm-n10x { margin: calc(var(--spacing-scale-10x)*-1) !important; } .mx-sm-n10x { margin-left: calc(var(--spacing-scale-10x)*-1) !important; margin-right: calc(var(--spacing-scale-10x)*-1) !important; } .my-sm-n10x { margin-bottom: calc(var(--spacing-scale-10x)*-1) !important; margin-top: calc(var(--spacing-scale-10x)*-1) !important; } .m-sm-10xh { margin: var(--spacing-scale-10xh) !important; } .mx-sm-10xh { margin-left: var(--spacing-scale-10xh) !important; margin-right: var(--spacing-scale-10xh) !important; } .my-sm-10xh { margin-bottom: var(--spacing-scale-10xh) !important; } .mt-sm-10xh, .my-sm-10xh { margin-top: var(--spacing-scale-10xh) !important; } .mt-sm-n10xh { margin-top: calc(var(--spacing-scale-10xh)*-1) !important; } .mr-sm-10xh { margin-right: var(--spacing-scale-10xh) !important; } .mr-sm-n10xh { margin-right: calc(var(--spacing-scale-10xh)*-1) !important; } .mb-sm-10xh { margin-bottom: var(--spacing-scale-10xh) !important; } .mb-sm-n10xh { margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important; } .ml-sm-10xh { margin-left: var(--spacing-scale-10xh) !important; } .ml-sm-n10xh { margin-left: calc(var(--spacing-scale-10xh)*-1) !important; } .m-sm-n10xh { margin: calc(var(--spacing-scale-10xh)*-1) !important; } .mx-sm-n10xh { margin-left: calc(var(--spacing-scale-10xh)*-1) !important; margin-right: calc(var(--spacing-scale-10xh)*-1) !important; } .my-sm-n10xh { margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important; margin-top: calc(var(--spacing-scale-10xh)*-1) !important; } .m-sm-auto { margin: auto !important; } .mx-sm-auto { margin-left: auto !important; margin-right: auto !important; } .my-sm-auto { margin-bottom: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto { margin-right: auto !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: var(--spacing-scale-default) !important; } .px-sm-0 { padding-left: var(--spacing-scale-default) !important; padding-right: var(--spacing-scale-default) !important; } .py-sm-0 { padding-bottom: var(--spacing-scale-default) !important; } .pt-sm-0, .py-sm-0 { padding-top: var(--spacing-scale-default) !important; } .pr-sm-0 { padding-right: var(--spacing-scale-default) !important; } .pb-sm-0 { padding-bottom: var(--spacing-scale-default) !important; } .pl-sm-0 { padding-left: var(--spacing-scale-default) !important; } .p-sm-half { padding: var(--spacing-scale-half) !important; } .px-sm-half { padding-left: var(--spacing-scale-half) !important; padding-right: var(--spacing-scale-half) !important; } .py-sm-half { padding-bottom: var(--spacing-scale-half) !important; } .pt-sm-half, .py-sm-half { padding-top: var(--spacing-scale-half) !important; } .pt-sm-nhalf { padding-top: calc(var(--spacing-scale-half)*-1) !important; } .pr-sm-half { padding-right: var(--spacing-scale-half) !important; } .pr-sm-nhalf { padding-right: calc(var(--spacing-scale-half)*-1) !important; } .pb-sm-half { padding-bottom: var(--spacing-scale-half) !important; } .pb-sm-nhalf { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; } .pl-sm-half { padding-left: var(--spacing-scale-half) !important; } .pl-sm-nhalf { padding-left: calc(var(--spacing-scale-half)*-1) !important; } .p-sm-nhalf { padding: calc(var(--spacing-scale-half)*-1) !important; } .px-sm-nhalf { padding-left: calc(var(--spacing-scale-half)*-1) !important; padding-right: calc(var(--spacing-scale-half)*-1) !important; } .py-sm-nhalf { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; padding-top: calc(var(--spacing-scale-half)*-1) !important; } .p-sm-base { padding: var(--spacing-scale-base) !important; } .px-sm-base { padding-left: var(--spacing-scale-base) !important; padding-right: var(--spacing-scale-base) !important; } .py-sm-base { padding-bottom: var(--spacing-scale-base) !important; } .pt-sm-base, .py-sm-base { padding-top: var(--spacing-scale-base) !important; } .pt-sm-nbase { padding-top: calc(var(--spacing-scale-base)*-1) !important; } .pr-sm-base { padding-right: var(--spacing-scale-base) !important; } .pr-sm-nbase { padding-right: calc(var(--spacing-scale-base)*-1) !important; } .pb-sm-base { padding-bottom: var(--spacing-scale-base) !important; } .pb-sm-nbase { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; } .pl-sm-base { padding-left: var(--spacing-scale-base) !important; } .pl-sm-nbase { padding-left: calc(var(--spacing-scale-base)*-1) !important; } .p-sm-nbase { padding: calc(var(--spacing-scale-base)*-1) !important; } .px-sm-nbase { padding-left: calc(var(--spacing-scale-base)*-1) !important; padding-right: calc(var(--spacing-scale-base)*-1) !important; } .py-sm-nbase { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; padding-top: calc(var(--spacing-scale-base)*-1) !important; } .p-sm-baseh { padding: var(--spacing-scale-baseh) !important; } .px-sm-baseh { padding-left: var(--spacing-scale-baseh) !important; padding-right: var(--spacing-scale-baseh) !important; } .py-sm-baseh { padding-bottom: var(--spacing-scale-baseh) !important; } .pt-sm-baseh, .py-sm-baseh { padding-top: var(--spacing-scale-baseh) !important; } .pt-sm-nbaseh { padding-top: calc(var(--spacing-scale-baseh)*-1) !important; } .pr-sm-baseh { padding-right: var(--spacing-scale-baseh) !important; } .pr-sm-nbaseh { padding-right: calc(var(--spacing-scale-baseh)*-1) !important; } .pb-sm-baseh { padding-bottom: var(--spacing-scale-baseh) !important; } .pb-sm-nbaseh { padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important; } .pl-sm-baseh { padding-left: var(--spacing-scale-baseh) !important; } .pl-sm-nbaseh { padding-left: calc(var(--spacing-scale-baseh)*-1) !important; } .p-sm-nbaseh { padding: calc(var(--spacing-scale-baseh)*-1) !important; } .px-sm-nbaseh { padding-left: calc(var(--spacing-scale-baseh)*-1) !important; padding-right: calc(var(--spacing-scale-baseh)*-1) !important; } .py-sm-nbaseh { padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important; padding-top: calc(var(--spacing-scale-baseh)*-1) !important; } .p-sm-1 { padding: var(--spacing-scale-half) !important; } .px-sm-1 { padding-left: var(--spacing-scale-half) !important; padding-right: var(--spacing-scale-half) !important; } .py-sm-1 { padding-bottom: var(--spacing-scale-half) !important; } .pt-sm-1, .py-sm-1 { padding-top: var(--spacing-scale-half) !important; } .pt-sm-n1 { padding-top: calc(var(--spacing-scale-half)*-1) !important; } .pr-sm-1 { padding-right: var(--spacing-scale-half) !important; } .pr-sm-n1 { padding-right: calc(var(--spacing-scale-half)*-1) !important; } .pb-sm-1 { padding-bottom: var(--spacing-scale-half) !important; } .pb-sm-n1 { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; } .pl-sm-1 { padding-left: var(--spacing-scale-half) !important; } .pl-sm-n1 { padding-left: calc(var(--spacing-scale-half)*-1) !important; } .p-sm-n1 { padding: calc(var(--spacing-scale-half)*-1) !important; } .px-sm-n1 { padding-left: calc(var(--spacing-scale-half)*-1) !important; padding-right: calc(var(--spacing-scale-half)*-1) !important; } .py-sm-n1 { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; padding-top: calc(var(--spacing-scale-half)*-1) !important; } .p-sm-2 { padding: var(--spacing-scale-base) !important; } .px-sm-2 { padding-left: var(--spacing-scale-base) !important; padding-right: var(--spacing-scale-base) !important; } .py-sm-2 { padding-bottom: var(--spacing-scale-base) !important; } .pt-sm-2, .py-sm-2 { padding-top: var(--spacing-scale-base) !important; } .pt-sm-n2 { padding-top: calc(var(--spacing-scale-base)*-1) !important; } .pr-sm-2 { padding-right: var(--spacing-scale-base) !important; } .pr-sm-n2 { padding-right: calc(var(--spacing-scale-base)*-1) !important; } .pb-sm-2 { padding-bottom: var(--spacing-scale-base) !important; } .pb-sm-n2 { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; } .pl-sm-2 { padding-left: var(--spacing-scale-base) !important; } .pl-sm-n2 { padding-left: calc(var(--spacing-scale-base)*-1) !important; } .p-sm-n2 { padding: calc(var(--spacing-scale-base)*-1) !important; } .px-sm-n2 { padding-left: calc(var(--spacing-scale-base)*-1) !important; padding-right: calc(var(--spacing-scale-base)*-1) !important; } .py-sm-n2 { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; padding-top: calc(var(--spacing-scale-base)*-1) !important; } .p-sm-3 { padding: var(--spacing-scale-2x) !important; } .px-sm-3 { padding-left: var(--spacing-scale-2x) !important; padding-right: var(--spacing-scale-2x) !important; } .py-sm-3 { padding-bottom: var(--spacing-scale-2x) !important; } .pt-sm-3, .py-sm-3 { padding-top: var(--spacing-scale-2x) !important; } .pt-sm-n3 { padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .pr-sm-3 { padding-right: var(--spacing-scale-2x) !important; } .pr-sm-n3 { padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .pb-sm-3 { padding-bottom: var(--spacing-scale-2x) !important; } .pb-sm-n3 { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .pl-sm-3 { padding-left: var(--spacing-scale-2x) !important; } .pl-sm-n3 { padding-left: calc(var(--spacing-scale-2x)*-1) !important; } .p-sm-n3 { padding: calc(var(--spacing-scale-2x)*-1) !important; } .px-sm-n3 { padding-left: calc(var(--spacing-scale-2x)*-1) !important; padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .py-sm-n3 { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .p-sm-4 { padding: var(--spacing-scale-3x) !important; } .px-sm-4 { padding-left: var(--spacing-scale-3x) !important; padding-right: var(--spacing-scale-3x) !important; } .py-sm-4 { padding-bottom: var(--spacing-scale-3x) !important; } .pt-sm-4, .py-sm-4 { padding-top: var(--spacing-scale-3x) !important; } .pt-sm-n4 { padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .pr-sm-4 { padding-right: var(--spacing-scale-3x) !important; } .pr-sm-n4 { padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .pb-sm-4 { padding-bottom: var(--spacing-scale-3x) !important; } .pb-sm-n4 { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .pl-sm-4 { padding-left: var(--spacing-scale-3x) !important; } .pl-sm-n4 { padding-left: calc(var(--spacing-scale-3x)*-1) !important; } .p-sm-n4 { padding: calc(var(--spacing-scale-3x)*-1) !important; } .px-sm-n4 { padding-left: calc(var(--spacing-scale-3x)*-1) !important; padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .py-sm-n4 { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .p-sm-5 { padding: var(--spacing-scale-4x) !important; } .px-sm-5 { padding-left: var(--spacing-scale-4x) !important; padding-right: var(--spacing-scale-4x) !important; } .py-sm-5 { padding-bottom: var(--spacing-scale-4x) !important; } .pt-sm-5, .py-sm-5 { padding-top: var(--spacing-scale-4x) !important; } .pt-sm-n5 { padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .pr-sm-5 { padding-right: var(--spacing-scale-4x) !important; } .pr-sm-n5 { padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .pb-sm-5 { padding-bottom: var(--spacing-scale-4x) !important; } .pb-sm-n5 { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .pl-sm-5 { padding-left: var(--spacing-scale-4x) !important; } .pl-sm-n5 { padding-left: calc(var(--spacing-scale-4x)*-1) !important; } .p-sm-n5 { padding: calc(var(--spacing-scale-4x)*-1) !important; } .px-sm-n5 { padding-left: calc(var(--spacing-scale-4x)*-1) !important; padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .py-sm-n5 { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .p-sm-6 { padding: var(--spacing-scale-5x) !important; } .px-sm-6 { padding-left: var(--spacing-scale-5x) !important; padding-right: var(--spacing-scale-5x) !important; } .py-sm-6 { padding-bottom: var(--spacing-scale-5x) !important; } .pt-sm-6, .py-sm-6 { padding-top: var(--spacing-scale-5x) !important; } .pt-sm-n6 { padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .pr-sm-6 { padding-right: var(--spacing-scale-5x) !important; } .pr-sm-n6 { padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .pb-sm-6 { padding-bottom: var(--spacing-scale-5x) !important; } .pb-sm-n6 { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .pl-sm-6 { padding-left: var(--spacing-scale-5x) !important; } .pl-sm-n6 { padding-left: calc(var(--spacing-scale-5x)*-1) !important; } .p-sm-n6 { padding: calc(var(--spacing-scale-5x)*-1) !important; } .px-sm-n6 { padding-left: calc(var(--spacing-scale-5x)*-1) !important; padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .py-sm-n6 { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .p-sm-2x { padding: var(--spacing-scale-2x) !important; } .px-sm-2x { padding-left: var(--spacing-scale-2x) !important; padding-right: var(--spacing-scale-2x) !important; } .py-sm-2x { padding-bottom: var(--spacing-scale-2x) !important; } .pt-sm-2x, .py-sm-2x { padding-top: var(--spacing-scale-2x) !important; } .pt-sm-n2x { padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .pr-sm-2x { padding-right: var(--spacing-scale-2x) !important; } .pr-sm-n2x { padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .pb-sm-2x { padding-bottom: var(--spacing-scale-2x) !important; } .pb-sm-n2x { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .pl-sm-2x { padding-left: var(--spacing-scale-2x) !important; } .pl-sm-n2x { padding-left: calc(var(--spacing-scale-2x)*-1) !important; } .p-sm-n2x { padding: calc(var(--spacing-scale-2x)*-1) !important; } .px-sm-n2x { padding-left: calc(var(--spacing-scale-2x)*-1) !important; padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .py-sm-n2x { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .p-sm-2xh { padding: var(--spacing-scale-2xh) !important; } .px-sm-2xh { padding-left: var(--spacing-scale-2xh) !important; padding-right: var(--spacing-scale-2xh) !important; } .py-sm-2xh { padding-bottom: var(--spacing-scale-2xh) !important; } .pt-sm-2xh, .py-sm-2xh { padding-top: var(--spacing-scale-2xh) !important; } .pt-sm-n2xh { padding-top: calc(var(--spacing-scale-2xh)*-1) !important; } .pr-sm-2xh { padding-right: var(--spacing-scale-2xh) !important; } .pr-sm-n2xh { padding-right: calc(var(--spacing-scale-2xh)*-1) !important; } .pb-sm-2xh { padding-bottom: var(--spacing-scale-2xh) !important; } .pb-sm-n2xh { padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important; } .pl-sm-2xh { padding-left: var(--spacing-scale-2xh) !important; } .pl-sm-n2xh { padding-left: calc(var(--spacing-scale-2xh)*-1) !important; } .p-sm-n2xh { padding: calc(var(--spacing-scale-2xh)*-1) !important; } .px-sm-n2xh { padding-left: calc(var(--spacing-scale-2xh)*-1) !important; padding-right: calc(var(--spacing-scale-2xh)*-1) !important; } .py-sm-n2xh { padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important; padding-top: calc(var(--spacing-scale-2xh)*-1) !important; } .p-sm-3x { padding: var(--spacing-scale-3x) !important; } .px-sm-3x { padding-left: var(--spacing-scale-3x) !important; padding-right: var(--spacing-scale-3x) !important; } .py-sm-3x { padding-bottom: var(--spacing-scale-3x) !important; } .pt-sm-3x, .py-sm-3x { padding-top: var(--spacing-scale-3x) !important; } .pt-sm-n3x { padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .pr-sm-3x { padding-right: var(--spacing-scale-3x) !important; } .pr-sm-n3x { padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .pb-sm-3x { padding-bottom: var(--spacing-scale-3x) !important; } .pb-sm-n3x { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .pl-sm-3x { padding-left: var(--spacing-scale-3x) !important; } .pl-sm-n3x { padding-left: calc(var(--spacing-scale-3x)*-1) !important; } .p-sm-n3x { padding: calc(var(--spacing-scale-3x)*-1) !important; } .px-sm-n3x { padding-left: calc(var(--spacing-scale-3x)*-1) !important; padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .py-sm-n3x { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .p-sm-3xh { padding: var(--spacing-scale-3xh) !important; } .px-sm-3xh { padding-left: var(--spacing-scale-3xh) !important; padding-right: var(--spacing-scale-3xh) !important; } .py-sm-3xh { padding-bottom: var(--spacing-scale-3xh) !important; } .pt-sm-3xh, .py-sm-3xh { padding-top: var(--spacing-scale-3xh) !important; } .pt-sm-n3xh { padding-top: calc(var(--spacing-scale-3xh)*-1) !important; } .pr-sm-3xh { padding-right: var(--spacing-scale-3xh) !important; } .pr-sm-n3xh { padding-right: calc(var(--spacing-scale-3xh)*-1) !important; } .pb-sm-3xh { padding-bottom: var(--spacing-scale-3xh) !important; } .pb-sm-n3xh { padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important; } .pl-sm-3xh { padding-left: var(--spacing-scale-3xh) !important; } .pl-sm-n3xh { padding-left: calc(var(--spacing-scale-3xh)*-1) !important; } .p-sm-n3xh { padding: calc(var(--spacing-scale-3xh)*-1) !important; } .px-sm-n3xh { padding-left: calc(var(--spacing-scale-3xh)*-1) !important; padding-right: calc(var(--spacing-scale-3xh)*-1) !important; } .py-sm-n3xh { padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important; padding-top: calc(var(--spacing-scale-3xh)*-1) !important; } .p-sm-4x { padding: var(--spacing-scale-4x) !important; } .px-sm-4x { padding-left: var(--spacing-scale-4x) !important; padding-right: var(--spacing-scale-4x) !important; } .py-sm-4x { padding-bottom: var(--spacing-scale-4x) !important; } .pt-sm-4x, .py-sm-4x { padding-top: var(--spacing-scale-4x) !important; } .pt-sm-n4x { padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .pr-sm-4x { padding-right: var(--spacing-scale-4x) !important; } .pr-sm-n4x { padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .pb-sm-4x { padding-bottom: var(--spacing-scale-4x) !important; } .pb-sm-n4x { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .pl-sm-4x { padding-left: var(--spacing-scale-4x) !important; } .pl-sm-n4x { padding-left: calc(var(--spacing-scale-4x)*-1) !important; } .p-sm-n4x { padding: calc(var(--spacing-scale-4x)*-1) !important; } .px-sm-n4x { padding-left: calc(var(--spacing-scale-4x)*-1) !important; padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .py-sm-n4x { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .p-sm-4xh { padding: var(--spacing-scale-4xh) !important; } .px-sm-4xh { padding-left: var(--spacing-scale-4xh) !important; padding-right: var(--spacing-scale-4xh) !important; } .py-sm-4xh { padding-bottom: var(--spacing-scale-4xh) !important; } .pt-sm-4xh, .py-sm-4xh { padding-top: var(--spacing-scale-4xh) !important; } .pt-sm-n4xh { padding-top: calc(var(--spacing-scale-4xh)*-1) !important; } .pr-sm-4xh { padding-right: var(--spacing-scale-4xh) !important; } .pr-sm-n4xh { padding-right: calc(var(--spacing-scale-4xh)*-1) !important; } .pb-sm-4xh { padding-bottom: var(--spacing-scale-4xh) !important; } .pb-sm-n4xh { padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important; } .pl-sm-4xh { padding-left: var(--spacing-scale-4xh) !important; } .pl-sm-n4xh { padding-left: calc(var(--spacing-scale-4xh)*-1) !important; } .p-sm-n4xh { padding: calc(var(--spacing-scale-4xh)*-1) !important; } .px-sm-n4xh { padding-left: calc(var(--spacing-scale-4xh)*-1) !important; padding-right: calc(var(--spacing-scale-4xh)*-1) !important; } .py-sm-n4xh { padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important; padding-top: calc(var(--spacing-scale-4xh)*-1) !important; } .p-sm-5x { padding: var(--spacing-scale-5x) !important; } .px-sm-5x { padding-left: var(--spacing-scale-5x) !important; padding-right: var(--spacing-scale-5x) !important; } .py-sm-5x { padding-bottom: var(--spacing-scale-5x) !important; } .pt-sm-5x, .py-sm-5x { padding-top: var(--spacing-scale-5x) !important; } .pt-sm-n5x { padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .pr-sm-5x { padding-right: var(--spacing-scale-5x) !important; } .pr-sm-n5x { padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .pb-sm-5x { padding-bottom: var(--spacing-scale-5x) !important; } .pb-sm-n5x { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .pl-sm-5x { padding-left: var(--spacing-scale-5x) !important; } .pl-sm-n5x { padding-left: calc(var(--spacing-scale-5x)*-1) !important; } .p-sm-n5x { padding: calc(var(--spacing-scale-5x)*-1) !important; } .px-sm-n5x { padding-left: calc(var(--spacing-scale-5x)*-1) !important; padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .py-sm-n5x { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .p-sm-5xh { padding: var(--spacing-scale-5xh) !important; } .px-sm-5xh { padding-left: var(--spacing-scale-5xh) !important; padding-right: var(--spacing-scale-5xh) !important; } .py-sm-5xh { padding-bottom: var(--spacing-scale-5xh) !important; } .pt-sm-5xh, .py-sm-5xh { padding-top: var(--spacing-scale-5xh) !important; } .pt-sm-n5xh { padding-top: calc(var(--spacing-scale-5xh)*-1) !important; } .pr-sm-5xh { padding-right: var(--spacing-scale-5xh) !important; } .pr-sm-n5xh { padding-right: calc(var(--spacing-scale-5xh)*-1) !important; } .pb-sm-5xh { padding-bottom: var(--spacing-scale-5xh) !important; } .pb-sm-n5xh { padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important; } .pl-sm-5xh { padding-left: var(--spacing-scale-5xh) !important; } .pl-sm-n5xh { padding-left: calc(var(--spacing-scale-5xh)*-1) !important; } .p-sm-n5xh { padding: calc(var(--spacing-scale-5xh)*-1) !important; } .px-sm-n5xh { padding-left: calc(var(--spacing-scale-5xh)*-1) !important; padding-right: calc(var(--spacing-scale-5xh)*-1) !important; } .py-sm-n5xh { padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important; padding-top: calc(var(--spacing-scale-5xh)*-1) !important; } .p-sm-6x { padding: var(--spacing-scale-6x) !important; } .px-sm-6x { padding-left: var(--spacing-scale-6x) !important; padding-right: var(--spacing-scale-6x) !important; } .py-sm-6x { padding-bottom: var(--spacing-scale-6x) !important; } .pt-sm-6x, .py-sm-6x { padding-top: var(--spacing-scale-6x) !important; } .pt-sm-n6x { padding-top: calc(var(--spacing-scale-6x)*-1) !important; } .pr-sm-6x { padding-right: var(--spacing-scale-6x) !important; } .pr-sm-n6x { padding-right: calc(var(--spacing-scale-6x)*-1) !important; } .pb-sm-6x { padding-bottom: var(--spacing-scale-6x) !important; } .pb-sm-n6x { padding-bottom: calc(var(--spacing-scale-6x)*-1) !important; } .pl-sm-6x { padding-left: var(--spacing-scale-6x) !important; } .pl-sm-n6x { padding-left: calc(var(--spacing-scale-6x)*-1) !important; } .p-sm-n6x { padding: calc(var(--spacing-scale-6x)*-1) !important; } .px-sm-n6x { padding-left: calc(var(--spacing-scale-6x)*-1) !important; padding-right: calc(var(--spacing-scale-6x)*-1) !important; } .py-sm-n6x { padding-bottom: calc(var(--spacing-scale-6x)*-1) !important; padding-top: calc(var(--spacing-scale-6x)*-1) !important; } .p-sm-6xh { padding: var(--spacing-scale-6xh) !important; } .px-sm-6xh { padding-left: var(--spacing-scale-6xh) !important; padding-right: var(--spacing-scale-6xh) !important; } .py-sm-6xh { padding-bottom: var(--spacing-scale-6xh) !important; } .pt-sm-6xh, .py-sm-6xh { padding-top: var(--spacing-scale-6xh) !important; } .pt-sm-n6xh { padding-top: calc(var(--spacing-scale-6xh)*-1) !important; } .pr-sm-6xh { padding-right: var(--spacing-scale-6xh) !important; } .pr-sm-n6xh { padding-right: calc(var(--spacing-scale-6xh)*-1) !important; } .pb-sm-6xh { padding-bottom: var(--spacing-scale-6xh) !important; } .pb-sm-n6xh { padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important; } .pl-sm-6xh { padding-left: var(--spacing-scale-6xh) !important; } .pl-sm-n6xh { padding-left: calc(var(--spacing-scale-6xh)*-1) !important; } .p-sm-n6xh { padding: calc(var(--spacing-scale-6xh)*-1) !important; } .px-sm-n6xh { padding-left: calc(var(--spacing-scale-6xh)*-1) !important; padding-right: calc(var(--spacing-scale-6xh)*-1) !important; } .py-sm-n6xh { padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important; padding-top: calc(var(--spacing-scale-6xh)*-1) !important; } .p-sm-7x { padding: var(--spacing-scale-7x) !important; } .px-sm-7x { padding-left: var(--spacing-scale-7x) !important; padding-right: var(--spacing-scale-7x) !important; } .py-sm-7x { padding-bottom: var(--spacing-scale-7x) !important; } .pt-sm-7x, .py-sm-7x { padding-top: var(--spacing-scale-7x) !important; } .pt-sm-n7x { padding-top: calc(var(--spacing-scale-7x)*-1) !important; } .pr-sm-7x { padding-right: var(--spacing-scale-7x) !important; } .pr-sm-n7x { padding-right: calc(var(--spacing-scale-7x)*-1) !important; } .pb-sm-7x { padding-bottom: var(--spacing-scale-7x) !important; } .pb-sm-n7x { padding-bottom: calc(var(--spacing-scale-7x)*-1) !important; } .pl-sm-7x { padding-left: var(--spacing-scale-7x) !important; } .pl-sm-n7x { padding-left: calc(var(--spacing-scale-7x)*-1) !important; } .p-sm-n7x { padding: calc(var(--spacing-scale-7x)*-1) !important; } .px-sm-n7x { padding-left: calc(var(--spacing-scale-7x)*-1) !important; padding-right: calc(var(--spacing-scale-7x)*-1) !important; } .py-sm-n7x { padding-bottom: calc(var(--spacing-scale-7x)*-1) !important; padding-top: calc(var(--spacing-scale-7x)*-1) !important; } .p-sm-7xh { padding: var(--spacing-scale-7xh) !important; } .px-sm-7xh { padding-left: var(--spacing-scale-7xh) !important; padding-right: var(--spacing-scale-7xh) !important; } .py-sm-7xh { padding-bottom: var(--spacing-scale-7xh) !important; } .pt-sm-7xh, .py-sm-7xh { padding-top: var(--spacing-scale-7xh) !important; } .pt-sm-n7xh { padding-top: calc(var(--spacing-scale-7xh)*-1) !important; } .pr-sm-7xh { padding-right: var(--spacing-scale-7xh) !important; } .pr-sm-n7xh { padding-right: calc(var(--spacing-scale-7xh)*-1) !important; } .pb-sm-7xh { padding-bottom: var(--spacing-scale-7xh) !important; } .pb-sm-n7xh { padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important; } .pl-sm-7xh { padding-left: var(--spacing-scale-7xh) !important; } .pl-sm-n7xh { padding-left: calc(var(--spacing-scale-7xh)*-1) !important; } .p-sm-n7xh { padding: calc(var(--spacing-scale-7xh)*-1) !important; } .px-sm-n7xh { padding-left: calc(var(--spacing-scale-7xh)*-1) !important; padding-right: calc(var(--spacing-scale-7xh)*-1) !important; } .py-sm-n7xh { padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important; padding-top: calc(var(--spacing-scale-7xh)*-1) !important; } .p-sm-8x { padding: var(--spacing-scale-8x) !important; } .px-sm-8x { padding-left: var(--spacing-scale-8x) !important; padding-right: var(--spacing-scale-8x) !important; } .py-sm-8x { padding-bottom: var(--spacing-scale-8x) !important; } .pt-sm-8x, .py-sm-8x { padding-top: var(--spacing-scale-8x) !important; } .pt-sm-n8x { padding-top: calc(var(--spacing-scale-8x)*-1) !important; } .pr-sm-8x { padding-right: var(--spacing-scale-8x) !important; } .pr-sm-n8x { padding-right: calc(var(--spacing-scale-8x)*-1) !important; } .pb-sm-8x { padding-bottom: var(--spacing-scale-8x) !important; } .pb-sm-n8x { padding-bottom: calc(var(--spacing-scale-8x)*-1) !important; } .pl-sm-8x { padding-left: var(--spacing-scale-8x) !important; } .pl-sm-n8x { padding-left: calc(var(--spacing-scale-8x)*-1) !important; } .p-sm-n8x { padding: calc(var(--spacing-scale-8x)*-1) !important; } .px-sm-n8x { padding-left: calc(var(--spacing-scale-8x)*-1) !important; padding-right: calc(var(--spacing-scale-8x)*-1) !important; } .py-sm-n8x { padding-bottom: calc(var(--spacing-scale-8x)*-1) !important; padding-top: calc(var(--spacing-scale-8x)*-1) !important; } .p-sm-8xh { padding: var(--spacing-scale-8xh) !important; } .px-sm-8xh { padding-left: var(--spacing-scale-8xh) !important; padding-right: var(--spacing-scale-8xh) !important; } .py-sm-8xh { padding-bottom: var(--spacing-scale-8xh) !important; } .pt-sm-8xh, .py-sm-8xh { padding-top: var(--spacing-scale-8xh) !important; } .pt-sm-n8xh { padding-top: calc(var(--spacing-scale-8xh)*-1) !important; } .pr-sm-8xh { padding-right: var(--spacing-scale-8xh) !important; } .pr-sm-n8xh { padding-right: calc(var(--spacing-scale-8xh)*-1) !important; } .pb-sm-8xh { padding-bottom: var(--spacing-scale-8xh) !important; } .pb-sm-n8xh { padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important; } .pl-sm-8xh { padding-left: var(--spacing-scale-8xh) !important; } .pl-sm-n8xh { padding-left: calc(var(--spacing-scale-8xh)*-1) !important; } .p-sm-n8xh { padding: calc(var(--spacing-scale-8xh)*-1) !important; } .px-sm-n8xh { padding-left: calc(var(--spacing-scale-8xh)*-1) !important; padding-right: calc(var(--spacing-scale-8xh)*-1) !important; } .py-sm-n8xh { padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important; padding-top: calc(var(--spacing-scale-8xh)*-1) !important; } .p-sm-9x { padding: var(--spacing-scale-9x) !important; } .px-sm-9x { padding-left: var(--spacing-scale-9x) !important; padding-right: var(--spacing-scale-9x) !important; } .py-sm-9x { padding-bottom: var(--spacing-scale-9x) !important; } .pt-sm-9x, .py-sm-9x { padding-top: var(--spacing-scale-9x) !important; } .pt-sm-n9x { padding-top: calc(var(--spacing-scale-9x)*-1) !important; } .pr-sm-9x { padding-right: var(--spacing-scale-9x) !important; } .pr-sm-n9x { padding-right: calc(var(--spacing-scale-9x)*-1) !important; } .pb-sm-9x { padding-bottom: var(--spacing-scale-9x) !important; } .pb-sm-n9x { padding-bottom: calc(var(--spacing-scale-9x)*-1) !important; } .pl-sm-9x { padding-left: var(--spacing-scale-9x) !important; } .pl-sm-n9x { padding-left: calc(var(--spacing-scale-9x)*-1) !important; } .p-sm-n9x { padding: calc(var(--spacing-scale-9x)*-1) !important; } .px-sm-n9x { padding-left: calc(var(--spacing-scale-9x)*-1) !important; padding-right: calc(var(--spacing-scale-9x)*-1) !important; } .py-sm-n9x { padding-bottom: calc(var(--spacing-scale-9x)*-1) !important; padding-top: calc(var(--spacing-scale-9x)*-1) !important; } .p-sm-9xh { padding: var(--spacing-scale-9xh) !important; } .px-sm-9xh { padding-left: var(--spacing-scale-9xh) !important; padding-right: var(--spacing-scale-9xh) !important; } .py-sm-9xh { padding-bottom: var(--spacing-scale-9xh) !important; } .pt-sm-9xh, .py-sm-9xh { padding-top: var(--spacing-scale-9xh) !important; } .pt-sm-n9xh { padding-top: calc(var(--spacing-scale-9xh)*-1) !important; } .pr-sm-9xh { padding-right: var(--spacing-scale-9xh) !important; } .pr-sm-n9xh { padding-right: calc(var(--spacing-scale-9xh)*-1) !important; } .pb-sm-9xh { padding-bottom: var(--spacing-scale-9xh) !important; } .pb-sm-n9xh { padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important; } .pl-sm-9xh { padding-left: var(--spacing-scale-9xh) !important; } .pl-sm-n9xh { padding-left: calc(var(--spacing-scale-9xh)*-1) !important; } .p-sm-n9xh { padding: calc(var(--spacing-scale-9xh)*-1) !important; } .px-sm-n9xh { padding-left: calc(var(--spacing-scale-9xh)*-1) !important; padding-right: calc(var(--spacing-scale-9xh)*-1) !important; } .py-sm-n9xh { padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important; padding-top: calc(var(--spacing-scale-9xh)*-1) !important; } .p-sm-10x { padding: var(--spacing-scale-10x) !important; } .px-sm-10x { padding-left: var(--spacing-scale-10x) !important; padding-right: var(--spacing-scale-10x) !important; } .py-sm-10x { padding-bottom: var(--spacing-scale-10x) !important; } .pt-sm-10x, .py-sm-10x { padding-top: var(--spacing-scale-10x) !important; } .pt-sm-n10x { padding-top: calc(var(--spacing-scale-10x)*-1) !important; } .pr-sm-10x { padding-right: var(--spacing-scale-10x) !important; } .pr-sm-n10x { padding-right: calc(var(--spacing-scale-10x)*-1) !important; } .pb-sm-10x { padding-bottom: var(--spacing-scale-10x) !important; } .pb-sm-n10x { padding-bottom: calc(var(--spacing-scale-10x)*-1) !important; } .pl-sm-10x { padding-left: var(--spacing-scale-10x) !important; } .pl-sm-n10x { padding-left: calc(var(--spacing-scale-10x)*-1) !important; } .p-sm-n10x { padding: calc(var(--spacing-scale-10x)*-1) !important; } .px-sm-n10x { padding-left: calc(var(--spacing-scale-10x)*-1) !important; padding-right: calc(var(--spacing-scale-10x)*-1) !important; } .py-sm-n10x { padding-bottom: calc(var(--spacing-scale-10x)*-1) !important; padding-top: calc(var(--spacing-scale-10x)*-1) !important; } .p-sm-10xh { padding: var(--spacing-scale-10xh) !important; } .px-sm-10xh { padding-left: var(--spacing-scale-10xh) !important; padding-right: var(--spacing-scale-10xh) !important; } .py-sm-10xh { padding-bottom: var(--spacing-scale-10xh) !important; } .pt-sm-10xh, .py-sm-10xh { padding-top: var(--spacing-scale-10xh) !important; } .pt-sm-n10xh { padding-top: calc(var(--spacing-scale-10xh)*-1) !important; } .pr-sm-10xh { padding-right: var(--spacing-scale-10xh) !important; } .pr-sm-n10xh { padding-right: calc(var(--spacing-scale-10xh)*-1) !important; } .pb-sm-10xh { padding-bottom: var(--spacing-scale-10xh) !important; } .pb-sm-n10xh { padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important; } .pl-sm-10xh { padding-left: var(--spacing-scale-10xh) !important; } .pl-sm-n10xh { padding-left: calc(var(--spacing-scale-10xh)*-1) !important; } .p-sm-n10xh { padding: calc(var(--spacing-scale-10xh)*-1) !important; } .px-sm-n10xh { padding-left: calc(var(--spacing-scale-10xh)*-1) !important; padding-right: calc(var(--spacing-scale-10xh)*-1) !important; } .py-sm-n10xh { padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important; padding-top: calc(var(--spacing-scale-10xh)*-1) !important; }} @media (min-width: 992px) { .m-md-0 { margin: var(--spacing-scale-default) !important; } .mx-md-0 { margin-left: var(--spacing-scale-default) !important; margin-right: var(--spacing-scale-default) !important; } .my-md-0 { margin-bottom: var(--spacing-scale-default) !important; } .mt-md-0, .my-md-0 { margin-top: var(--spacing-scale-default) !important; } .mr-md-0 { margin-right: var(--spacing-scale-default) !important; } .mb-md-0 { margin-bottom: var(--spacing-scale-default) !important; } .ml-md-0 { margin-left: var(--spacing-scale-default) !important; } .m-md-half { margin: var(--spacing-scale-half) !important; } .mx-md-half { margin-left: var(--spacing-scale-half) !important; margin-right: var(--spacing-scale-half) !important; } .my-md-half { margin-bottom: var(--spacing-scale-half) !important; } .mt-md-half, .my-md-half { margin-top: var(--spacing-scale-half) !important; } .mt-md-nhalf { margin-top: calc(var(--spacing-scale-half)*-1) !important; } .mr-md-half { margin-right: var(--spacing-scale-half) !important; } .mr-md-nhalf { margin-right: calc(var(--spacing-scale-half)*-1) !important; } .mb-md-half { margin-bottom: var(--spacing-scale-half) !important; } .mb-md-nhalf { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; } .ml-md-half { margin-left: var(--spacing-scale-half) !important; } .ml-md-nhalf { margin-left: calc(var(--spacing-scale-half)*-1) !important; } .m-md-nhalf { margin: calc(var(--spacing-scale-half)*-1) !important; } .mx-md-nhalf { margin-left: calc(var(--spacing-scale-half)*-1) !important; margin-right: calc(var(--spacing-scale-half)*-1) !important; } .my-md-nhalf { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; margin-top: calc(var(--spacing-scale-half)*-1) !important; } .m-md-base { margin: var(--spacing-scale-base) !important; } .mx-md-base { margin-left: var(--spacing-scale-base) !important; margin-right: var(--spacing-scale-base) !important; } .my-md-base { margin-bottom: var(--spacing-scale-base) !important; } .mt-md-base, .my-md-base { margin-top: var(--spacing-scale-base) !important; } .mt-md-nbase { margin-top: calc(var(--spacing-scale-base)*-1) !important; } .mr-md-base { margin-right: var(--spacing-scale-base) !important; } .mr-md-nbase { margin-right: calc(var(--spacing-scale-base)*-1) !important; } .mb-md-base { margin-bottom: var(--spacing-scale-base) !important; } .mb-md-nbase { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; } .ml-md-base { margin-left: var(--spacing-scale-base) !important; } .ml-md-nbase { margin-left: calc(var(--spacing-scale-base)*-1) !important; } .m-md-nbase { margin: calc(var(--spacing-scale-base)*-1) !important; } .mx-md-nbase { margin-left: calc(var(--spacing-scale-base)*-1) !important; margin-right: calc(var(--spacing-scale-base)*-1) !important; } .my-md-nbase { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; margin-top: calc(var(--spacing-scale-base)*-1) !important; } .m-md-baseh { margin: var(--spacing-scale-baseh) !important; } .mx-md-baseh { margin-left: var(--spacing-scale-baseh) !important; margin-right: var(--spacing-scale-baseh) !important; } .my-md-baseh { margin-bottom: var(--spacing-scale-baseh) !important; } .mt-md-baseh, .my-md-baseh { margin-top: var(--spacing-scale-baseh) !important; } .mt-md-nbaseh { margin-top: calc(var(--spacing-scale-baseh)*-1) !important; } .mr-md-baseh { margin-right: var(--spacing-scale-baseh) !important; } .mr-md-nbaseh { margin-right: calc(var(--spacing-scale-baseh)*-1) !important; } .mb-md-baseh { margin-bottom: var(--spacing-scale-baseh) !important; } .mb-md-nbaseh { margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important; } .ml-md-baseh { margin-left: var(--spacing-scale-baseh) !important; } .ml-md-nbaseh { margin-left: calc(var(--spacing-scale-baseh)*-1) !important; } .m-md-nbaseh { margin: calc(var(--spacing-scale-baseh)*-1) !important; } .mx-md-nbaseh { margin-left: calc(var(--spacing-scale-baseh)*-1) !important; margin-right: calc(var(--spacing-scale-baseh)*-1) !important; } .my-md-nbaseh { margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important; margin-top: calc(var(--spacing-scale-baseh)*-1) !important; } .m-md-1 { margin: var(--spacing-scale-half) !important; } .mx-md-1 { margin-left: var(--spacing-scale-half) !important; margin-right: var(--spacing-scale-half) !important; } .my-md-1 { margin-bottom: var(--spacing-scale-half) !important; } .mt-md-1, .my-md-1 { margin-top: var(--spacing-scale-half) !important; } .mt-md-n1 { margin-top: calc(var(--spacing-scale-half)*-1) !important; } .mr-md-1 { margin-right: var(--spacing-scale-half) !important; } .mr-md-n1 { margin-right: calc(var(--spacing-scale-half)*-1) !important; } .mb-md-1 { margin-bottom: var(--spacing-scale-half) !important; } .mb-md-n1 { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; } .ml-md-1 { margin-left: var(--spacing-scale-half) !important; } .ml-md-n1 { margin-left: calc(var(--spacing-scale-half)*-1) !important; } .m-md-n1 { margin: calc(var(--spacing-scale-half)*-1) !important; } .mx-md-n1 { margin-left: calc(var(--spacing-scale-half)*-1) !important; margin-right: calc(var(--spacing-scale-half)*-1) !important; } .my-md-n1 { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; margin-top: calc(var(--spacing-scale-half)*-1) !important; } .m-md-2 { margin: var(--spacing-scale-base) !important; } .mx-md-2 { margin-left: var(--spacing-scale-base) !important; margin-right: var(--spacing-scale-base) !important; } .my-md-2 { margin-bottom: var(--spacing-scale-base) !important; } .mt-md-2, .my-md-2 { margin-top: var(--spacing-scale-base) !important; } .mt-md-n2 { margin-top: calc(var(--spacing-scale-base)*-1) !important; } .mr-md-2 { margin-right: var(--spacing-scale-base) !important; } .mr-md-n2 { margin-right: calc(var(--spacing-scale-base)*-1) !important; } .mb-md-2 { margin-bottom: var(--spacing-scale-base) !important; } .mb-md-n2 { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; } .ml-md-2 { margin-left: var(--spacing-scale-base) !important; } .ml-md-n2 { margin-left: calc(var(--spacing-scale-base)*-1) !important; } .m-md-n2 { margin: calc(var(--spacing-scale-base)*-1) !important; } .mx-md-n2 { margin-left: calc(var(--spacing-scale-base)*-1) !important; margin-right: calc(var(--spacing-scale-base)*-1) !important; } .my-md-n2 { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; margin-top: calc(var(--spacing-scale-base)*-1) !important; } .m-md-3 { margin: var(--spacing-scale-2x) !important; } .mx-md-3 { margin-left: var(--spacing-scale-2x) !important; margin-right: var(--spacing-scale-2x) !important; } .my-md-3 { margin-bottom: var(--spacing-scale-2x) !important; } .mt-md-3, .my-md-3 { margin-top: var(--spacing-scale-2x) !important; } .mt-md-n3 { margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .mr-md-3 { margin-right: var(--spacing-scale-2x) !important; } .mr-md-n3 { margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .mb-md-3 { margin-bottom: var(--spacing-scale-2x) !important; } .mb-md-n3 { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .ml-md-3 { margin-left: var(--spacing-scale-2x) !important; } .ml-md-n3 { margin-left: calc(var(--spacing-scale-2x)*-1) !important; } .m-md-n3 { margin: calc(var(--spacing-scale-2x)*-1) !important; } .mx-md-n3 { margin-left: calc(var(--spacing-scale-2x)*-1) !important; margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .my-md-n3 { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .m-md-4 { margin: var(--spacing-scale-3x) !important; } .mx-md-4 { margin-left: var(--spacing-scale-3x) !important; margin-right: var(--spacing-scale-3x) !important; } .my-md-4 { margin-bottom: var(--spacing-scale-3x) !important; } .mt-md-4, .my-md-4 { margin-top: var(--spacing-scale-3x) !important; } .mt-md-n4 { margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .mr-md-4 { margin-right: var(--spacing-scale-3x) !important; } .mr-md-n4 { margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .mb-md-4 { margin-bottom: var(--spacing-scale-3x) !important; } .mb-md-n4 { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .ml-md-4 { margin-left: var(--spacing-scale-3x) !important; } .ml-md-n4 { margin-left: calc(var(--spacing-scale-3x)*-1) !important; } .m-md-n4 { margin: calc(var(--spacing-scale-3x)*-1) !important; } .mx-md-n4 { margin-left: calc(var(--spacing-scale-3x)*-1) !important; margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .my-md-n4 { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .m-md-5 { margin: var(--spacing-scale-4x) !important; } .mx-md-5 { margin-left: var(--spacing-scale-4x) !important; margin-right: var(--spacing-scale-4x) !important; } .my-md-5 { margin-bottom: var(--spacing-scale-4x) !important; } .mt-md-5, .my-md-5 { margin-top: var(--spacing-scale-4x) !important; } .mt-md-n5 { margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .mr-md-5 { margin-right: var(--spacing-scale-4x) !important; } .mr-md-n5 { margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .mb-md-5 { margin-bottom: var(--spacing-scale-4x) !important; } .mb-md-n5 { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .ml-md-5 { margin-left: var(--spacing-scale-4x) !important; } .ml-md-n5 { margin-left: calc(var(--spacing-scale-4x)*-1) !important; } .m-md-n5 { margin: calc(var(--spacing-scale-4x)*-1) !important; } .mx-md-n5 { margin-left: calc(var(--spacing-scale-4x)*-1) !important; margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .my-md-n5 { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .m-md-6 { margin: var(--spacing-scale-5x) !important; } .mx-md-6 { margin-left: var(--spacing-scale-5x) !important; margin-right: var(--spacing-scale-5x) !important; } .my-md-6 { margin-bottom: var(--spacing-scale-5x) !important; } .mt-md-6, .my-md-6 { margin-top: var(--spacing-scale-5x) !important; } .mt-md-n6 { margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .mr-md-6 { margin-right: var(--spacing-scale-5x) !important; } .mr-md-n6 { margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .mb-md-6 { margin-bottom: var(--spacing-scale-5x) !important; } .mb-md-n6 { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .ml-md-6 { margin-left: var(--spacing-scale-5x) !important; } .ml-md-n6 { margin-left: calc(var(--spacing-scale-5x)*-1) !important; } .m-md-n6 { margin: calc(var(--spacing-scale-5x)*-1) !important; } .mx-md-n6 { margin-left: calc(var(--spacing-scale-5x)*-1) !important; margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .my-md-n6 { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .m-md-2x { margin: var(--spacing-scale-2x) !important; } .mx-md-2x { margin-left: var(--spacing-scale-2x) !important; margin-right: var(--spacing-scale-2x) !important; } .my-md-2x { margin-bottom: var(--spacing-scale-2x) !important; } .mt-md-2x, .my-md-2x { margin-top: var(--spacing-scale-2x) !important; } .mt-md-n2x { margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .mr-md-2x { margin-right: var(--spacing-scale-2x) !important; } .mr-md-n2x { margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .mb-md-2x { margin-bottom: var(--spacing-scale-2x) !important; } .mb-md-n2x { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .ml-md-2x { margin-left: var(--spacing-scale-2x) !important; } .ml-md-n2x { margin-left: calc(var(--spacing-scale-2x)*-1) !important; } .m-md-n2x { margin: calc(var(--spacing-scale-2x)*-1) !important; } .mx-md-n2x { margin-left: calc(var(--spacing-scale-2x)*-1) !important; margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .my-md-n2x { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .m-md-2xh { margin: var(--spacing-scale-2xh) !important; } .mx-md-2xh { margin-left: var(--spacing-scale-2xh) !important; margin-right: var(--spacing-scale-2xh) !important; } .my-md-2xh { margin-bottom: var(--spacing-scale-2xh) !important; } .mt-md-2xh, .my-md-2xh { margin-top: var(--spacing-scale-2xh) !important; } .mt-md-n2xh { margin-top: calc(var(--spacing-scale-2xh)*-1) !important; } .mr-md-2xh { margin-right: var(--spacing-scale-2xh) !important; } .mr-md-n2xh { margin-right: calc(var(--spacing-scale-2xh)*-1) !important; } .mb-md-2xh { margin-bottom: var(--spacing-scale-2xh) !important; } .mb-md-n2xh { margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important; } .ml-md-2xh { margin-left: var(--spacing-scale-2xh) !important; } .ml-md-n2xh { margin-left: calc(var(--spacing-scale-2xh)*-1) !important; } .m-md-n2xh { margin: calc(var(--spacing-scale-2xh)*-1) !important; } .mx-md-n2xh { margin-left: calc(var(--spacing-scale-2xh)*-1) !important; margin-right: calc(var(--spacing-scale-2xh)*-1) !important; } .my-md-n2xh { margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important; margin-top: calc(var(--spacing-scale-2xh)*-1) !important; } .m-md-3x { margin: var(--spacing-scale-3x) !important; } .mx-md-3x { margin-left: var(--spacing-scale-3x) !important; margin-right: var(--spacing-scale-3x) !important; } .my-md-3x { margin-bottom: var(--spacing-scale-3x) !important; } .mt-md-3x, .my-md-3x { margin-top: var(--spacing-scale-3x) !important; } .mt-md-n3x { margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .mr-md-3x { margin-right: var(--spacing-scale-3x) !important; } .mr-md-n3x { margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .mb-md-3x { margin-bottom: var(--spacing-scale-3x) !important; } .mb-md-n3x { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .ml-md-3x { margin-left: var(--spacing-scale-3x) !important; } .ml-md-n3x { margin-left: calc(var(--spacing-scale-3x)*-1) !important; } .m-md-n3x { margin: calc(var(--spacing-scale-3x)*-1) !important; } .mx-md-n3x { margin-left: calc(var(--spacing-scale-3x)*-1) !important; margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .my-md-n3x { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .m-md-3xh { margin: var(--spacing-scale-3xh) !important; } .mx-md-3xh { margin-left: var(--spacing-scale-3xh) !important; margin-right: var(--spacing-scale-3xh) !important; } .my-md-3xh { margin-bottom: var(--spacing-scale-3xh) !important; } .mt-md-3xh, .my-md-3xh { margin-top: var(--spacing-scale-3xh) !important; } .mt-md-n3xh { margin-top: calc(var(--spacing-scale-3xh)*-1) !important; } .mr-md-3xh { margin-right: var(--spacing-scale-3xh) !important; } .mr-md-n3xh { margin-right: calc(var(--spacing-scale-3xh)*-1) !important; } .mb-md-3xh { margin-bottom: var(--spacing-scale-3xh) !important; } .mb-md-n3xh { margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important; } .ml-md-3xh { margin-left: var(--spacing-scale-3xh) !important; } .ml-md-n3xh { margin-left: calc(var(--spacing-scale-3xh)*-1) !important; } .m-md-n3xh { margin: calc(var(--spacing-scale-3xh)*-1) !important; } .mx-md-n3xh { margin-left: calc(var(--spacing-scale-3xh)*-1) !important; margin-right: calc(var(--spacing-scale-3xh)*-1) !important; } .my-md-n3xh { margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important; margin-top: calc(var(--spacing-scale-3xh)*-1) !important; } .m-md-4x { margin: var(--spacing-scale-4x) !important; } .mx-md-4x { margin-left: var(--spacing-scale-4x) !important; margin-right: var(--spacing-scale-4x) !important; } .my-md-4x { margin-bottom: var(--spacing-scale-4x) !important; } .mt-md-4x, .my-md-4x { margin-top: var(--spacing-scale-4x) !important; } .mt-md-n4x { margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .mr-md-4x { margin-right: var(--spacing-scale-4x) !important; } .mr-md-n4x { margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .mb-md-4x { margin-bottom: var(--spacing-scale-4x) !important; } .mb-md-n4x { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .ml-md-4x { margin-left: var(--spacing-scale-4x) !important; } .ml-md-n4x { margin-left: calc(var(--spacing-scale-4x)*-1) !important; } .m-md-n4x { margin: calc(var(--spacing-scale-4x)*-1) !important; } .mx-md-n4x { margin-left: calc(var(--spacing-scale-4x)*-1) !important; margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .my-md-n4x { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .m-md-4xh { margin: var(--spacing-scale-4xh) !important; } .mx-md-4xh { margin-left: var(--spacing-scale-4xh) !important; margin-right: var(--spacing-scale-4xh) !important; } .my-md-4xh { margin-bottom: var(--spacing-scale-4xh) !important; } .mt-md-4xh, .my-md-4xh { margin-top: var(--spacing-scale-4xh) !important; } .mt-md-n4xh { margin-top: calc(var(--spacing-scale-4xh)*-1) !important; } .mr-md-4xh { margin-right: var(--spacing-scale-4xh) !important; } .mr-md-n4xh { margin-right: calc(var(--spacing-scale-4xh)*-1) !important; } .mb-md-4xh { margin-bottom: var(--spacing-scale-4xh) !important; } .mb-md-n4xh { margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important; } .ml-md-4xh { margin-left: var(--spacing-scale-4xh) !important; } .ml-md-n4xh { margin-left: calc(var(--spacing-scale-4xh)*-1) !important; } .m-md-n4xh { margin: calc(var(--spacing-scale-4xh)*-1) !important; } .mx-md-n4xh { margin-left: calc(var(--spacing-scale-4xh)*-1) !important; margin-right: calc(var(--spacing-scale-4xh)*-1) !important; } .my-md-n4xh { margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important; margin-top: calc(var(--spacing-scale-4xh)*-1) !important; } .m-md-5x { margin: var(--spacing-scale-5x) !important; } .mx-md-5x { margin-left: var(--spacing-scale-5x) !important; margin-right: var(--spacing-scale-5x) !important; } .my-md-5x { margin-bottom: var(--spacing-scale-5x) !important; } .mt-md-5x, .my-md-5x { margin-top: var(--spacing-scale-5x) !important; } .mt-md-n5x { margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .mr-md-5x { margin-right: var(--spacing-scale-5x) !important; } .mr-md-n5x { margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .mb-md-5x { margin-bottom: var(--spacing-scale-5x) !important; } .mb-md-n5x { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .ml-md-5x { margin-left: var(--spacing-scale-5x) !important; } .ml-md-n5x { margin-left: calc(var(--spacing-scale-5x)*-1) !important; } .m-md-n5x { margin: calc(var(--spacing-scale-5x)*-1) !important; } .mx-md-n5x { margin-left: calc(var(--spacing-scale-5x)*-1) !important; margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .my-md-n5x { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .m-md-5xh { margin: var(--spacing-scale-5xh) !important; } .mx-md-5xh { margin-left: var(--spacing-scale-5xh) !important; margin-right: var(--spacing-scale-5xh) !important; } .my-md-5xh { margin-bottom: var(--spacing-scale-5xh) !important; } .mt-md-5xh, .my-md-5xh { margin-top: var(--spacing-scale-5xh) !important; } .mt-md-n5xh { margin-top: calc(var(--spacing-scale-5xh)*-1) !important; } .mr-md-5xh { margin-right: var(--spacing-scale-5xh) !important; } .mr-md-n5xh { margin-right: calc(var(--spacing-scale-5xh)*-1) !important; } .mb-md-5xh { margin-bottom: var(--spacing-scale-5xh) !important; } .mb-md-n5xh { margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important; } .ml-md-5xh { margin-left: var(--spacing-scale-5xh) !important; } .ml-md-n5xh { margin-left: calc(var(--spacing-scale-5xh)*-1) !important; } .m-md-n5xh { margin: calc(var(--spacing-scale-5xh)*-1) !important; } .mx-md-n5xh { margin-left: calc(var(--spacing-scale-5xh)*-1) !important; margin-right: calc(var(--spacing-scale-5xh)*-1) !important; } .my-md-n5xh { margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important; margin-top: calc(var(--spacing-scale-5xh)*-1) !important; } .m-md-6x { margin: var(--spacing-scale-6x) !important; } .mx-md-6x { margin-left: var(--spacing-scale-6x) !important; margin-right: var(--spacing-scale-6x) !important; } .my-md-6x { margin-bottom: var(--spacing-scale-6x) !important; } .mt-md-6x, .my-md-6x { margin-top: var(--spacing-scale-6x) !important; } .mt-md-n6x { margin-top: calc(var(--spacing-scale-6x)*-1) !important; } .mr-md-6x { margin-right: var(--spacing-scale-6x) !important; } .mr-md-n6x { margin-right: calc(var(--spacing-scale-6x)*-1) !important; } .mb-md-6x { margin-bottom: var(--spacing-scale-6x) !important; } .mb-md-n6x { margin-bottom: calc(var(--spacing-scale-6x)*-1) !important; } .ml-md-6x { margin-left: var(--spacing-scale-6x) !important; } .ml-md-n6x { margin-left: calc(var(--spacing-scale-6x)*-1) !important; } .m-md-n6x { margin: calc(var(--spacing-scale-6x)*-1) !important; } .mx-md-n6x { margin-left: calc(var(--spacing-scale-6x)*-1) !important; margin-right: calc(var(--spacing-scale-6x)*-1) !important; } .my-md-n6x { margin-bottom: calc(var(--spacing-scale-6x)*-1) !important; margin-top: calc(var(--spacing-scale-6x)*-1) !important; } .m-md-6xh { margin: var(--spacing-scale-6xh) !important; } .mx-md-6xh { margin-left: var(--spacing-scale-6xh) !important; margin-right: var(--spacing-scale-6xh) !important; } .my-md-6xh { margin-bottom: var(--spacing-scale-6xh) !important; } .mt-md-6xh, .my-md-6xh { margin-top: var(--spacing-scale-6xh) !important; } .mt-md-n6xh { margin-top: calc(var(--spacing-scale-6xh)*-1) !important; } .mr-md-6xh { margin-right: var(--spacing-scale-6xh) !important; } .mr-md-n6xh { margin-right: calc(var(--spacing-scale-6xh)*-1) !important; } .mb-md-6xh { margin-bottom: var(--spacing-scale-6xh) !important; } .mb-md-n6xh { margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important; } .ml-md-6xh { margin-left: var(--spacing-scale-6xh) !important; } .ml-md-n6xh { margin-left: calc(var(--spacing-scale-6xh)*-1) !important; } .m-md-n6xh { margin: calc(var(--spacing-scale-6xh)*-1) !important; } .mx-md-n6xh { margin-left: calc(var(--spacing-scale-6xh)*-1) !important; margin-right: calc(var(--spacing-scale-6xh)*-1) !important; } .my-md-n6xh { margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important; margin-top: calc(var(--spacing-scale-6xh)*-1) !important; } .m-md-7x { margin: var(--spacing-scale-7x) !important; } .mx-md-7x { margin-left: var(--spacing-scale-7x) !important; margin-right: var(--spacing-scale-7x) !important; } .my-md-7x { margin-bottom: var(--spacing-scale-7x) !important; } .mt-md-7x, .my-md-7x { margin-top: var(--spacing-scale-7x) !important; } .mt-md-n7x { margin-top: calc(var(--spacing-scale-7x)*-1) !important; } .mr-md-7x { margin-right: var(--spacing-scale-7x) !important; } .mr-md-n7x { margin-right: calc(var(--spacing-scale-7x)*-1) !important; } .mb-md-7x { margin-bottom: var(--spacing-scale-7x) !important; } .mb-md-n7x { margin-bottom: calc(var(--spacing-scale-7x)*-1) !important; } .ml-md-7x { margin-left: var(--spacing-scale-7x) !important; } .ml-md-n7x { margin-left: calc(var(--spacing-scale-7x)*-1) !important; } .m-md-n7x { margin: calc(var(--spacing-scale-7x)*-1) !important; } .mx-md-n7x { margin-left: calc(var(--spacing-scale-7x)*-1) !important; margin-right: calc(var(--spacing-scale-7x)*-1) !important; } .my-md-n7x { margin-bottom: calc(var(--spacing-scale-7x)*-1) !important; margin-top: calc(var(--spacing-scale-7x)*-1) !important; } .m-md-7xh { margin: var(--spacing-scale-7xh) !important; } .mx-md-7xh { margin-left: var(--spacing-scale-7xh) !important; margin-right: var(--spacing-scale-7xh) !important; } .my-md-7xh { margin-bottom: var(--spacing-scale-7xh) !important; } .mt-md-7xh, .my-md-7xh { margin-top: var(--spacing-scale-7xh) !important; } .mt-md-n7xh { margin-top: calc(var(--spacing-scale-7xh)*-1) !important; } .mr-md-7xh { margin-right: var(--spacing-scale-7xh) !important; } .mr-md-n7xh { margin-right: calc(var(--spacing-scale-7xh)*-1) !important; } .mb-md-7xh { margin-bottom: var(--spacing-scale-7xh) !important; } .mb-md-n7xh { margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important; } .ml-md-7xh { margin-left: var(--spacing-scale-7xh) !important; } .ml-md-n7xh { margin-left: calc(var(--spacing-scale-7xh)*-1) !important; } .m-md-n7xh { margin: calc(var(--spacing-scale-7xh)*-1) !important; } .mx-md-n7xh { margin-left: calc(var(--spacing-scale-7xh)*-1) !important; margin-right: calc(var(--spacing-scale-7xh)*-1) !important; } .my-md-n7xh { margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important; margin-top: calc(var(--spacing-scale-7xh)*-1) !important; } .m-md-8x { margin: var(--spacing-scale-8x) !important; } .mx-md-8x { margin-left: var(--spacing-scale-8x) !important; margin-right: var(--spacing-scale-8x) !important; } .my-md-8x { margin-bottom: var(--spacing-scale-8x) !important; } .mt-md-8x, .my-md-8x { margin-top: var(--spacing-scale-8x) !important; } .mt-md-n8x { margin-top: calc(var(--spacing-scale-8x)*-1) !important; } .mr-md-8x { margin-right: var(--spacing-scale-8x) !important; } .mr-md-n8x { margin-right: calc(var(--spacing-scale-8x)*-1) !important; } .mb-md-8x { margin-bottom: var(--spacing-scale-8x) !important; } .mb-md-n8x { margin-bottom: calc(var(--spacing-scale-8x)*-1) !important; } .ml-md-8x { margin-left: var(--spacing-scale-8x) !important; } .ml-md-n8x { margin-left: calc(var(--spacing-scale-8x)*-1) !important; } .m-md-n8x { margin: calc(var(--spacing-scale-8x)*-1) !important; } .mx-md-n8x { margin-left: calc(var(--spacing-scale-8x)*-1) !important; margin-right: calc(var(--spacing-scale-8x)*-1) !important; } .my-md-n8x { margin-bottom: calc(var(--spacing-scale-8x)*-1) !important; margin-top: calc(var(--spacing-scale-8x)*-1) !important; } .m-md-8xh { margin: var(--spacing-scale-8xh) !important; } .mx-md-8xh { margin-left: var(--spacing-scale-8xh) !important; margin-right: var(--spacing-scale-8xh) !important; } .my-md-8xh { margin-bottom: var(--spacing-scale-8xh) !important; } .mt-md-8xh, .my-md-8xh { margin-top: var(--spacing-scale-8xh) !important; } .mt-md-n8xh { margin-top: calc(var(--spacing-scale-8xh)*-1) !important; } .mr-md-8xh { margin-right: var(--spacing-scale-8xh) !important; } .mr-md-n8xh { margin-right: calc(var(--spacing-scale-8xh)*-1) !important; } .mb-md-8xh { margin-bottom: var(--spacing-scale-8xh) !important; } .mb-md-n8xh { margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important; } .ml-md-8xh { margin-left: var(--spacing-scale-8xh) !important; } .ml-md-n8xh { margin-left: calc(var(--spacing-scale-8xh)*-1) !important; } .m-md-n8xh { margin: calc(var(--spacing-scale-8xh)*-1) !important; } .mx-md-n8xh { margin-left: calc(var(--spacing-scale-8xh)*-1) !important; margin-right: calc(var(--spacing-scale-8xh)*-1) !important; } .my-md-n8xh { margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important; margin-top: calc(var(--spacing-scale-8xh)*-1) !important; } .m-md-9x { margin: var(--spacing-scale-9x) !important; } .mx-md-9x { margin-left: var(--spacing-scale-9x) !important; margin-right: var(--spacing-scale-9x) !important; } .my-md-9x { margin-bottom: var(--spacing-scale-9x) !important; } .mt-md-9x, .my-md-9x { margin-top: var(--spacing-scale-9x) !important; } .mt-md-n9x { margin-top: calc(var(--spacing-scale-9x)*-1) !important; } .mr-md-9x { margin-right: var(--spacing-scale-9x) !important; } .mr-md-n9x { margin-right: calc(var(--spacing-scale-9x)*-1) !important; } .mb-md-9x { margin-bottom: var(--spacing-scale-9x) !important; } .mb-md-n9x { margin-bottom: calc(var(--spacing-scale-9x)*-1) !important; } .ml-md-9x { margin-left: var(--spacing-scale-9x) !important; } .ml-md-n9x { margin-left: calc(var(--spacing-scale-9x)*-1) !important; } .m-md-n9x { margin: calc(var(--spacing-scale-9x)*-1) !important; } .mx-md-n9x { margin-left: calc(var(--spacing-scale-9x)*-1) !important; margin-right: calc(var(--spacing-scale-9x)*-1) !important; } .my-md-n9x { margin-bottom: calc(var(--spacing-scale-9x)*-1) !important; margin-top: calc(var(--spacing-scale-9x)*-1) !important; } .m-md-9xh { margin: var(--spacing-scale-9xh) !important; } .mx-md-9xh { margin-left: var(--spacing-scale-9xh) !important; margin-right: var(--spacing-scale-9xh) !important; } .my-md-9xh { margin-bottom: var(--spacing-scale-9xh) !important; } .mt-md-9xh, .my-md-9xh { margin-top: var(--spacing-scale-9xh) !important; } .mt-md-n9xh { margin-top: calc(var(--spacing-scale-9xh)*-1) !important; } .mr-md-9xh { margin-right: var(--spacing-scale-9xh) !important; } .mr-md-n9xh { margin-right: calc(var(--spacing-scale-9xh)*-1) !important; } .mb-md-9xh { margin-bottom: var(--spacing-scale-9xh) !important; } .mb-md-n9xh { margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important; } .ml-md-9xh { margin-left: var(--spacing-scale-9xh) !important; } .ml-md-n9xh { margin-left: calc(var(--spacing-scale-9xh)*-1) !important; } .m-md-n9xh { margin: calc(var(--spacing-scale-9xh)*-1) !important; } .mx-md-n9xh { margin-left: calc(var(--spacing-scale-9xh)*-1) !important; margin-right: calc(var(--spacing-scale-9xh)*-1) !important; } .my-md-n9xh { margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important; margin-top: calc(var(--spacing-scale-9xh)*-1) !important; } .m-md-10x { margin: var(--spacing-scale-10x) !important; } .mx-md-10x { margin-left: var(--spacing-scale-10x) !important; margin-right: var(--spacing-scale-10x) !important; } .my-md-10x { margin-bottom: var(--spacing-scale-10x) !important; } .mt-md-10x, .my-md-10x { margin-top: var(--spacing-scale-10x) !important; } .mt-md-n10x { margin-top: calc(var(--spacing-scale-10x)*-1) !important; } .mr-md-10x { margin-right: var(--spacing-scale-10x) !important; } .mr-md-n10x { margin-right: calc(var(--spacing-scale-10x)*-1) !important; } .mb-md-10x { margin-bottom: var(--spacing-scale-10x) !important; } .mb-md-n10x { margin-bottom: calc(var(--spacing-scale-10x)*-1) !important; } .ml-md-10x { margin-left: var(--spacing-scale-10x) !important; } .ml-md-n10x { margin-left: calc(var(--spacing-scale-10x)*-1) !important; } .m-md-n10x { margin: calc(var(--spacing-scale-10x)*-1) !important; } .mx-md-n10x { margin-left: calc(var(--spacing-scale-10x)*-1) !important; margin-right: calc(var(--spacing-scale-10x)*-1) !important; } .my-md-n10x { margin-bottom: calc(var(--spacing-scale-10x)*-1) !important; margin-top: calc(var(--spacing-scale-10x)*-1) !important; } .m-md-10xh { margin: var(--spacing-scale-10xh) !important; } .mx-md-10xh { margin-left: var(--spacing-scale-10xh) !important; margin-right: var(--spacing-scale-10xh) !important; } .my-md-10xh { margin-bottom: var(--spacing-scale-10xh) !important; } .mt-md-10xh, .my-md-10xh { margin-top: var(--spacing-scale-10xh) !important; } .mt-md-n10xh { margin-top: calc(var(--spacing-scale-10xh)*-1) !important; } .mr-md-10xh { margin-right: var(--spacing-scale-10xh) !important; } .mr-md-n10xh { margin-right: calc(var(--spacing-scale-10xh)*-1) !important; } .mb-md-10xh { margin-bottom: var(--spacing-scale-10xh) !important; } .mb-md-n10xh { margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important; } .ml-md-10xh { margin-left: var(--spacing-scale-10xh) !important; } .ml-md-n10xh { margin-left: calc(var(--spacing-scale-10xh)*-1) !important; } .m-md-n10xh { margin: calc(var(--spacing-scale-10xh)*-1) !important; } .mx-md-n10xh { margin-left: calc(var(--spacing-scale-10xh)*-1) !important; margin-right: calc(var(--spacing-scale-10xh)*-1) !important; } .my-md-n10xh { margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important; margin-top: calc(var(--spacing-scale-10xh)*-1) !important; } .m-md-auto { margin: auto !important; } .mx-md-auto { margin-left: auto !important; margin-right: auto !important; } .my-md-auto { margin-bottom: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto { margin-right: auto !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-auto { margin-left: auto !important; } .p-md-0 { padding: var(--spacing-scale-default) !important; } .px-md-0 { padding-left: var(--spacing-scale-default) !important; padding-right: var(--spacing-scale-default) !important; } .py-md-0 { padding-bottom: var(--spacing-scale-default) !important; } .pt-md-0, .py-md-0 { padding-top: var(--spacing-scale-default) !important; } .pr-md-0 { padding-right: var(--spacing-scale-default) !important; } .pb-md-0 { padding-bottom: var(--spacing-scale-default) !important; } .pl-md-0 { padding-left: var(--spacing-scale-default) !important; } .p-md-half { padding: var(--spacing-scale-half) !important; } .px-md-half { padding-left: var(--spacing-scale-half) !important; padding-right: var(--spacing-scale-half) !important; } .py-md-half { padding-bottom: var(--spacing-scale-half) !important; } .pt-md-half, .py-md-half { padding-top: var(--spacing-scale-half) !important; } .pt-md-nhalf { padding-top: calc(var(--spacing-scale-half)*-1) !important; } .pr-md-half { padding-right: var(--spacing-scale-half) !important; } .pr-md-nhalf { padding-right: calc(var(--spacing-scale-half)*-1) !important; } .pb-md-half { padding-bottom: var(--spacing-scale-half) !important; } .pb-md-nhalf { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; } .pl-md-half { padding-left: var(--spacing-scale-half) !important; } .pl-md-nhalf { padding-left: calc(var(--spacing-scale-half)*-1) !important; } .p-md-nhalf { padding: calc(var(--spacing-scale-half)*-1) !important; } .px-md-nhalf { padding-left: calc(var(--spacing-scale-half)*-1) !important; padding-right: calc(var(--spacing-scale-half)*-1) !important; } .py-md-nhalf { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; padding-top: calc(var(--spacing-scale-half)*-1) !important; } .p-md-base { padding: var(--spacing-scale-base) !important; } .px-md-base { padding-left: var(--spacing-scale-base) !important; padding-right: var(--spacing-scale-base) !important; } .py-md-base { padding-bottom: var(--spacing-scale-base) !important; } .pt-md-base, .py-md-base { padding-top: var(--spacing-scale-base) !important; } .pt-md-nbase { padding-top: calc(var(--spacing-scale-base)*-1) !important; } .pr-md-base { padding-right: var(--spacing-scale-base) !important; } .pr-md-nbase { padding-right: calc(var(--spacing-scale-base)*-1) !important; } .pb-md-base { padding-bottom: var(--spacing-scale-base) !important; } .pb-md-nbase { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; } .pl-md-base { padding-left: var(--spacing-scale-base) !important; } .pl-md-nbase { padding-left: calc(var(--spacing-scale-base)*-1) !important; } .p-md-nbase { padding: calc(var(--spacing-scale-base)*-1) !important; } .px-md-nbase { padding-left: calc(var(--spacing-scale-base)*-1) !important; padding-right: calc(var(--spacing-scale-base)*-1) !important; } .py-md-nbase { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; padding-top: calc(var(--spacing-scale-base)*-1) !important; } .p-md-baseh { padding: var(--spacing-scale-baseh) !important; } .px-md-baseh { padding-left: var(--spacing-scale-baseh) !important; padding-right: var(--spacing-scale-baseh) !important; } .py-md-baseh { padding-bottom: var(--spacing-scale-baseh) !important; } .pt-md-baseh, .py-md-baseh { padding-top: var(--spacing-scale-baseh) !important; } .pt-md-nbaseh { padding-top: calc(var(--spacing-scale-baseh)*-1) !important; } .pr-md-baseh { padding-right: var(--spacing-scale-baseh) !important; } .pr-md-nbaseh { padding-right: calc(var(--spacing-scale-baseh)*-1) !important; } .pb-md-baseh { padding-bottom: var(--spacing-scale-baseh) !important; } .pb-md-nbaseh { padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important; } .pl-md-baseh { padding-left: var(--spacing-scale-baseh) !important; } .pl-md-nbaseh { padding-left: calc(var(--spacing-scale-baseh)*-1) !important; } .p-md-nbaseh { padding: calc(var(--spacing-scale-baseh)*-1) !important; } .px-md-nbaseh { padding-left: calc(var(--spacing-scale-baseh)*-1) !important; padding-right: calc(var(--spacing-scale-baseh)*-1) !important; } .py-md-nbaseh { padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important; padding-top: calc(var(--spacing-scale-baseh)*-1) !important; } .p-md-1 { padding: var(--spacing-scale-half) !important; } .px-md-1 { padding-left: var(--spacing-scale-half) !important; padding-right: var(--spacing-scale-half) !important; } .py-md-1 { padding-bottom: var(--spacing-scale-half) !important; } .pt-md-1, .py-md-1 { padding-top: var(--spacing-scale-half) !important; } .pt-md-n1 { padding-top: calc(var(--spacing-scale-half)*-1) !important; } .pr-md-1 { padding-right: var(--spacing-scale-half) !important; } .pr-md-n1 { padding-right: calc(var(--spacing-scale-half)*-1) !important; } .pb-md-1 { padding-bottom: var(--spacing-scale-half) !important; } .pb-md-n1 { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; } .pl-md-1 { padding-left: var(--spacing-scale-half) !important; } .pl-md-n1 { padding-left: calc(var(--spacing-scale-half)*-1) !important; } .p-md-n1 { padding: calc(var(--spacing-scale-half)*-1) !important; } .px-md-n1 { padding-left: calc(var(--spacing-scale-half)*-1) !important; padding-right: calc(var(--spacing-scale-half)*-1) !important; } .py-md-n1 { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; padding-top: calc(var(--spacing-scale-half)*-1) !important; } .p-md-2 { padding: var(--spacing-scale-base) !important; } .px-md-2 { padding-left: var(--spacing-scale-base) !important; padding-right: var(--spacing-scale-base) !important; } .py-md-2 { padding-bottom: var(--spacing-scale-base) !important; } .pt-md-2, .py-md-2 { padding-top: var(--spacing-scale-base) !important; } .pt-md-n2 { padding-top: calc(var(--spacing-scale-base)*-1) !important; } .pr-md-2 { padding-right: var(--spacing-scale-base) !important; } .pr-md-n2 { padding-right: calc(var(--spacing-scale-base)*-1) !important; } .pb-md-2 { padding-bottom: var(--spacing-scale-base) !important; } .pb-md-n2 { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; } .pl-md-2 { padding-left: var(--spacing-scale-base) !important; } .pl-md-n2 { padding-left: calc(var(--spacing-scale-base)*-1) !important; } .p-md-n2 { padding: calc(var(--spacing-scale-base)*-1) !important; } .px-md-n2 { padding-left: calc(var(--spacing-scale-base)*-1) !important; padding-right: calc(var(--spacing-scale-base)*-1) !important; } .py-md-n2 { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; padding-top: calc(var(--spacing-scale-base)*-1) !important; } .p-md-3 { padding: var(--spacing-scale-2x) !important; } .px-md-3 { padding-left: var(--spacing-scale-2x) !important; padding-right: var(--spacing-scale-2x) !important; } .py-md-3 { padding-bottom: var(--spacing-scale-2x) !important; } .pt-md-3, .py-md-3 { padding-top: var(--spacing-scale-2x) !important; } .pt-md-n3 { padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .pr-md-3 { padding-right: var(--spacing-scale-2x) !important; } .pr-md-n3 { padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .pb-md-3 { padding-bottom: var(--spacing-scale-2x) !important; } .pb-md-n3 { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .pl-md-3 { padding-left: var(--spacing-scale-2x) !important; } .pl-md-n3 { padding-left: calc(var(--spacing-scale-2x)*-1) !important; } .p-md-n3 { padding: calc(var(--spacing-scale-2x)*-1) !important; } .px-md-n3 { padding-left: calc(var(--spacing-scale-2x)*-1) !important; padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .py-md-n3 { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .p-md-4 { padding: var(--spacing-scale-3x) !important; } .px-md-4 { padding-left: var(--spacing-scale-3x) !important; padding-right: var(--spacing-scale-3x) !important; } .py-md-4 { padding-bottom: var(--spacing-scale-3x) !important; } .pt-md-4, .py-md-4 { padding-top: var(--spacing-scale-3x) !important; } .pt-md-n4 { padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .pr-md-4 { padding-right: var(--spacing-scale-3x) !important; } .pr-md-n4 { padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .pb-md-4 { padding-bottom: var(--spacing-scale-3x) !important; } .pb-md-n4 { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .pl-md-4 { padding-left: var(--spacing-scale-3x) !important; } .pl-md-n4 { padding-left: calc(var(--spacing-scale-3x)*-1) !important; } .p-md-n4 { padding: calc(var(--spacing-scale-3x)*-1) !important; } .px-md-n4 { padding-left: calc(var(--spacing-scale-3x)*-1) !important; padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .py-md-n4 { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .p-md-5 { padding: var(--spacing-scale-4x) !important; } .px-md-5 { padding-left: var(--spacing-scale-4x) !important; padding-right: var(--spacing-scale-4x) !important; } .py-md-5 { padding-bottom: var(--spacing-scale-4x) !important; } .pt-md-5, .py-md-5 { padding-top: var(--spacing-scale-4x) !important; } .pt-md-n5 { padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .pr-md-5 { padding-right: var(--spacing-scale-4x) !important; } .pr-md-n5 { padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .pb-md-5 { padding-bottom: var(--spacing-scale-4x) !important; } .pb-md-n5 { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .pl-md-5 { padding-left: var(--spacing-scale-4x) !important; } .pl-md-n5 { padding-left: calc(var(--spacing-scale-4x)*-1) !important; } .p-md-n5 { padding: calc(var(--spacing-scale-4x)*-1) !important; } .px-md-n5 { padding-left: calc(var(--spacing-scale-4x)*-1) !important; padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .py-md-n5 { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .p-md-6 { padding: var(--spacing-scale-5x) !important; } .px-md-6 { padding-left: var(--spacing-scale-5x) !important; padding-right: var(--spacing-scale-5x) !important; } .py-md-6 { padding-bottom: var(--spacing-scale-5x) !important; } .pt-md-6, .py-md-6 { padding-top: var(--spacing-scale-5x) !important; } .pt-md-n6 { padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .pr-md-6 { padding-right: var(--spacing-scale-5x) !important; } .pr-md-n6 { padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .pb-md-6 { padding-bottom: var(--spacing-scale-5x) !important; } .pb-md-n6 { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .pl-md-6 { padding-left: var(--spacing-scale-5x) !important; } .pl-md-n6 { padding-left: calc(var(--spacing-scale-5x)*-1) !important; } .p-md-n6 { padding: calc(var(--spacing-scale-5x)*-1) !important; } .px-md-n6 { padding-left: calc(var(--spacing-scale-5x)*-1) !important; padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .py-md-n6 { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .p-md-2x { padding: var(--spacing-scale-2x) !important; } .px-md-2x { padding-left: var(--spacing-scale-2x) !important; padding-right: var(--spacing-scale-2x) !important; } .py-md-2x { padding-bottom: var(--spacing-scale-2x) !important; } .pt-md-2x, .py-md-2x { padding-top: var(--spacing-scale-2x) !important; } .pt-md-n2x { padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .pr-md-2x { padding-right: var(--spacing-scale-2x) !important; } .pr-md-n2x { padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .pb-md-2x { padding-bottom: var(--spacing-scale-2x) !important; } .pb-md-n2x { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .pl-md-2x { padding-left: var(--spacing-scale-2x) !important; } .pl-md-n2x { padding-left: calc(var(--spacing-scale-2x)*-1) !important; } .p-md-n2x { padding: calc(var(--spacing-scale-2x)*-1) !important; } .px-md-n2x { padding-left: calc(var(--spacing-scale-2x)*-1) !important; padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .py-md-n2x { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .p-md-2xh { padding: var(--spacing-scale-2xh) !important; } .px-md-2xh { padding-left: var(--spacing-scale-2xh) !important; padding-right: var(--spacing-scale-2xh) !important; } .py-md-2xh { padding-bottom: var(--spacing-scale-2xh) !important; } .pt-md-2xh, .py-md-2xh { padding-top: var(--spacing-scale-2xh) !important; } .pt-md-n2xh { padding-top: calc(var(--spacing-scale-2xh)*-1) !important; } .pr-md-2xh { padding-right: var(--spacing-scale-2xh) !important; } .pr-md-n2xh { padding-right: calc(var(--spacing-scale-2xh)*-1) !important; } .pb-md-2xh { padding-bottom: var(--spacing-scale-2xh) !important; } .pb-md-n2xh { padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important; } .pl-md-2xh { padding-left: var(--spacing-scale-2xh) !important; } .pl-md-n2xh { padding-left: calc(var(--spacing-scale-2xh)*-1) !important; } .p-md-n2xh { padding: calc(var(--spacing-scale-2xh)*-1) !important; } .px-md-n2xh { padding-left: calc(var(--spacing-scale-2xh)*-1) !important; padding-right: calc(var(--spacing-scale-2xh)*-1) !important; } .py-md-n2xh { padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important; padding-top: calc(var(--spacing-scale-2xh)*-1) !important; } .p-md-3x { padding: var(--spacing-scale-3x) !important; } .px-md-3x { padding-left: var(--spacing-scale-3x) !important; padding-right: var(--spacing-scale-3x) !important; } .py-md-3x { padding-bottom: var(--spacing-scale-3x) !important; } .pt-md-3x, .py-md-3x { padding-top: var(--spacing-scale-3x) !important; } .pt-md-n3x { padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .pr-md-3x { padding-right: var(--spacing-scale-3x) !important; } .pr-md-n3x { padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .pb-md-3x { padding-bottom: var(--spacing-scale-3x) !important; } .pb-md-n3x { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .pl-md-3x { padding-left: var(--spacing-scale-3x) !important; } .pl-md-n3x { padding-left: calc(var(--spacing-scale-3x)*-1) !important; } .p-md-n3x { padding: calc(var(--spacing-scale-3x)*-1) !important; } .px-md-n3x { padding-left: calc(var(--spacing-scale-3x)*-1) !important; padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .py-md-n3x { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .p-md-3xh { padding: var(--spacing-scale-3xh) !important; } .px-md-3xh { padding-left: var(--spacing-scale-3xh) !important; padding-right: var(--spacing-scale-3xh) !important; } .py-md-3xh { padding-bottom: var(--spacing-scale-3xh) !important; } .pt-md-3xh, .py-md-3xh { padding-top: var(--spacing-scale-3xh) !important; } .pt-md-n3xh { padding-top: calc(var(--spacing-scale-3xh)*-1) !important; } .pr-md-3xh { padding-right: var(--spacing-scale-3xh) !important; } .pr-md-n3xh { padding-right: calc(var(--spacing-scale-3xh)*-1) !important; } .pb-md-3xh { padding-bottom: var(--spacing-scale-3xh) !important; } .pb-md-n3xh { padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important; } .pl-md-3xh { padding-left: var(--spacing-scale-3xh) !important; } .pl-md-n3xh { padding-left: calc(var(--spacing-scale-3xh)*-1) !important; } .p-md-n3xh { padding: calc(var(--spacing-scale-3xh)*-1) !important; } .px-md-n3xh { padding-left: calc(var(--spacing-scale-3xh)*-1) !important; padding-right: calc(var(--spacing-scale-3xh)*-1) !important; } .py-md-n3xh { padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important; padding-top: calc(var(--spacing-scale-3xh)*-1) !important; } .p-md-4x { padding: var(--spacing-scale-4x) !important; } .px-md-4x { padding-left: var(--spacing-scale-4x) !important; padding-right: var(--spacing-scale-4x) !important; } .py-md-4x { padding-bottom: var(--spacing-scale-4x) !important; } .pt-md-4x, .py-md-4x { padding-top: var(--spacing-scale-4x) !important; } .pt-md-n4x { padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .pr-md-4x { padding-right: var(--spacing-scale-4x) !important; } .pr-md-n4x { padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .pb-md-4x { padding-bottom: var(--spacing-scale-4x) !important; } .pb-md-n4x { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .pl-md-4x { padding-left: var(--spacing-scale-4x) !important; } .pl-md-n4x { padding-left: calc(var(--spacing-scale-4x)*-1) !important; } .p-md-n4x { padding: calc(var(--spacing-scale-4x)*-1) !important; } .px-md-n4x { padding-left: calc(var(--spacing-scale-4x)*-1) !important; padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .py-md-n4x { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .p-md-4xh { padding: var(--spacing-scale-4xh) !important; } .px-md-4xh { padding-left: var(--spacing-scale-4xh) !important; padding-right: var(--spacing-scale-4xh) !important; } .py-md-4xh { padding-bottom: var(--spacing-scale-4xh) !important; } .pt-md-4xh, .py-md-4xh { padding-top: var(--spacing-scale-4xh) !important; } .pt-md-n4xh { padding-top: calc(var(--spacing-scale-4xh)*-1) !important; } .pr-md-4xh { padding-right: var(--spacing-scale-4xh) !important; } .pr-md-n4xh { padding-right: calc(var(--spacing-scale-4xh)*-1) !important; } .pb-md-4xh { padding-bottom: var(--spacing-scale-4xh) !important; } .pb-md-n4xh { padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important; } .pl-md-4xh { padding-left: var(--spacing-scale-4xh) !important; } .pl-md-n4xh { padding-left: calc(var(--spacing-scale-4xh)*-1) !important; } .p-md-n4xh { padding: calc(var(--spacing-scale-4xh)*-1) !important; } .px-md-n4xh { padding-left: calc(var(--spacing-scale-4xh)*-1) !important; padding-right: calc(var(--spacing-scale-4xh)*-1) !important; } .py-md-n4xh { padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important; padding-top: calc(var(--spacing-scale-4xh)*-1) !important; } .p-md-5x { padding: var(--spacing-scale-5x) !important; } .px-md-5x { padding-left: var(--spacing-scale-5x) !important; padding-right: var(--spacing-scale-5x) !important; } .py-md-5x { padding-bottom: var(--spacing-scale-5x) !important; } .pt-md-5x, .py-md-5x { padding-top: var(--spacing-scale-5x) !important; } .pt-md-n5x { padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .pr-md-5x { padding-right: var(--spacing-scale-5x) !important; } .pr-md-n5x { padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .pb-md-5x { padding-bottom: var(--spacing-scale-5x) !important; } .pb-md-n5x { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .pl-md-5x { padding-left: var(--spacing-scale-5x) !important; } .pl-md-n5x { padding-left: calc(var(--spacing-scale-5x)*-1) !important; } .p-md-n5x { padding: calc(var(--spacing-scale-5x)*-1) !important; } .px-md-n5x { padding-left: calc(var(--spacing-scale-5x)*-1) !important; padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .py-md-n5x { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .p-md-5xh { padding: var(--spacing-scale-5xh) !important; } .px-md-5xh { padding-left: var(--spacing-scale-5xh) !important; padding-right: var(--spacing-scale-5xh) !important; } .py-md-5xh { padding-bottom: var(--spacing-scale-5xh) !important; } .pt-md-5xh, .py-md-5xh { padding-top: var(--spacing-scale-5xh) !important; } .pt-md-n5xh { padding-top: calc(var(--spacing-scale-5xh)*-1) !important; } .pr-md-5xh { padding-right: var(--spacing-scale-5xh) !important; } .pr-md-n5xh { padding-right: calc(var(--spacing-scale-5xh)*-1) !important; } .pb-md-5xh { padding-bottom: var(--spacing-scale-5xh) !important; } .pb-md-n5xh { padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important; } .pl-md-5xh { padding-left: var(--spacing-scale-5xh) !important; } .pl-md-n5xh { padding-left: calc(var(--spacing-scale-5xh)*-1) !important; } .p-md-n5xh { padding: calc(var(--spacing-scale-5xh)*-1) !important; } .px-md-n5xh { padding-left: calc(var(--spacing-scale-5xh)*-1) !important; padding-right: calc(var(--spacing-scale-5xh)*-1) !important; } .py-md-n5xh { padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important; padding-top: calc(var(--spacing-scale-5xh)*-1) !important; } .p-md-6x { padding: var(--spacing-scale-6x) !important; } .px-md-6x { padding-left: var(--spacing-scale-6x) !important; padding-right: var(--spacing-scale-6x) !important; } .py-md-6x { padding-bottom: var(--spacing-scale-6x) !important; } .pt-md-6x, .py-md-6x { padding-top: var(--spacing-scale-6x) !important; } .pt-md-n6x { padding-top: calc(var(--spacing-scale-6x)*-1) !important; } .pr-md-6x { padding-right: var(--spacing-scale-6x) !important; } .pr-md-n6x { padding-right: calc(var(--spacing-scale-6x)*-1) !important; } .pb-md-6x { padding-bottom: var(--spacing-scale-6x) !important; } .pb-md-n6x { padding-bottom: calc(var(--spacing-scale-6x)*-1) !important; } .pl-md-6x { padding-left: var(--spacing-scale-6x) !important; } .pl-md-n6x { padding-left: calc(var(--spacing-scale-6x)*-1) !important; } .p-md-n6x { padding: calc(var(--spacing-scale-6x)*-1) !important; } .px-md-n6x { padding-left: calc(var(--spacing-scale-6x)*-1) !important; padding-right: calc(var(--spacing-scale-6x)*-1) !important; } .py-md-n6x { padding-bottom: calc(var(--spacing-scale-6x)*-1) !important; padding-top: calc(var(--spacing-scale-6x)*-1) !important; } .p-md-6xh { padding: var(--spacing-scale-6xh) !important; } .px-md-6xh { padding-left: var(--spacing-scale-6xh) !important; padding-right: var(--spacing-scale-6xh) !important; } .py-md-6xh { padding-bottom: var(--spacing-scale-6xh) !important; } .pt-md-6xh, .py-md-6xh { padding-top: var(--spacing-scale-6xh) !important; } .pt-md-n6xh { padding-top: calc(var(--spacing-scale-6xh)*-1) !important; } .pr-md-6xh { padding-right: var(--spacing-scale-6xh) !important; } .pr-md-n6xh { padding-right: calc(var(--spacing-scale-6xh)*-1) !important; } .pb-md-6xh { padding-bottom: var(--spacing-scale-6xh) !important; } .pb-md-n6xh { padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important; } .pl-md-6xh { padding-left: var(--spacing-scale-6xh) !important; } .pl-md-n6xh { padding-left: calc(var(--spacing-scale-6xh)*-1) !important; } .p-md-n6xh { padding: calc(var(--spacing-scale-6xh)*-1) !important; } .px-md-n6xh { padding-left: calc(var(--spacing-scale-6xh)*-1) !important; padding-right: calc(var(--spacing-scale-6xh)*-1) !important; } .py-md-n6xh { padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important; padding-top: calc(var(--spacing-scale-6xh)*-1) !important; } .p-md-7x { padding: var(--spacing-scale-7x) !important; } .px-md-7x { padding-left: var(--spacing-scale-7x) !important; padding-right: var(--spacing-scale-7x) !important; } .py-md-7x { padding-bottom: var(--spacing-scale-7x) !important; } .pt-md-7x, .py-md-7x { padding-top: var(--spacing-scale-7x) !important; } .pt-md-n7x { padding-top: calc(var(--spacing-scale-7x)*-1) !important; } .pr-md-7x { padding-right: var(--spacing-scale-7x) !important; } .pr-md-n7x { padding-right: calc(var(--spacing-scale-7x)*-1) !important; } .pb-md-7x { padding-bottom: var(--spacing-scale-7x) !important; } .pb-md-n7x { padding-bottom: calc(var(--spacing-scale-7x)*-1) !important; } .pl-md-7x { padding-left: var(--spacing-scale-7x) !important; } .pl-md-n7x { padding-left: calc(var(--spacing-scale-7x)*-1) !important; } .p-md-n7x { padding: calc(var(--spacing-scale-7x)*-1) !important; } .px-md-n7x { padding-left: calc(var(--spacing-scale-7x)*-1) !important; padding-right: calc(var(--spacing-scale-7x)*-1) !important; } .py-md-n7x { padding-bottom: calc(var(--spacing-scale-7x)*-1) !important; padding-top: calc(var(--spacing-scale-7x)*-1) !important; } .p-md-7xh { padding: var(--spacing-scale-7xh) !important; } .px-md-7xh { padding-left: var(--spacing-scale-7xh) !important; padding-right: var(--spacing-scale-7xh) !important; } .py-md-7xh { padding-bottom: var(--spacing-scale-7xh) !important; } .pt-md-7xh, .py-md-7xh { padding-top: var(--spacing-scale-7xh) !important; } .pt-md-n7xh { padding-top: calc(var(--spacing-scale-7xh)*-1) !important; } .pr-md-7xh { padding-right: var(--spacing-scale-7xh) !important; } .pr-md-n7xh { padding-right: calc(var(--spacing-scale-7xh)*-1) !important; } .pb-md-7xh { padding-bottom: var(--spacing-scale-7xh) !important; } .pb-md-n7xh { padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important; } .pl-md-7xh { padding-left: var(--spacing-scale-7xh) !important; } .pl-md-n7xh { padding-left: calc(var(--spacing-scale-7xh)*-1) !important; } .p-md-n7xh { padding: calc(var(--spacing-scale-7xh)*-1) !important; } .px-md-n7xh { padding-left: calc(var(--spacing-scale-7xh)*-1) !important; padding-right: calc(var(--spacing-scale-7xh)*-1) !important; } .py-md-n7xh { padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important; padding-top: calc(var(--spacing-scale-7xh)*-1) !important; } .p-md-8x { padding: var(--spacing-scale-8x) !important; } .px-md-8x { padding-left: var(--spacing-scale-8x) !important; padding-right: var(--spacing-scale-8x) !important; } .py-md-8x { padding-bottom: var(--spacing-scale-8x) !important; } .pt-md-8x, .py-md-8x { padding-top: var(--spacing-scale-8x) !important; } .pt-md-n8x { padding-top: calc(var(--spacing-scale-8x)*-1) !important; } .pr-md-8x { padding-right: var(--spacing-scale-8x) !important; } .pr-md-n8x { padding-right: calc(var(--spacing-scale-8x)*-1) !important; } .pb-md-8x { padding-bottom: var(--spacing-scale-8x) !important; } .pb-md-n8x { padding-bottom: calc(var(--spacing-scale-8x)*-1) !important; } .pl-md-8x { padding-left: var(--spacing-scale-8x) !important; } .pl-md-n8x { padding-left: calc(var(--spacing-scale-8x)*-1) !important; } .p-md-n8x { padding: calc(var(--spacing-scale-8x)*-1) !important; } .px-md-n8x { padding-left: calc(var(--spacing-scale-8x)*-1) !important; padding-right: calc(var(--spacing-scale-8x)*-1) !important; } .py-md-n8x { padding-bottom: calc(var(--spacing-scale-8x)*-1) !important; padding-top: calc(var(--spacing-scale-8x)*-1) !important; } .p-md-8xh { padding: var(--spacing-scale-8xh) !important; } .px-md-8xh { padding-left: var(--spacing-scale-8xh) !important; padding-right: var(--spacing-scale-8xh) !important; } .py-md-8xh { padding-bottom: var(--spacing-scale-8xh) !important; } .pt-md-8xh, .py-md-8xh { padding-top: var(--spacing-scale-8xh) !important; } .pt-md-n8xh { padding-top: calc(var(--spacing-scale-8xh)*-1) !important; } .pr-md-8xh { padding-right: var(--spacing-scale-8xh) !important; } .pr-md-n8xh { padding-right: calc(var(--spacing-scale-8xh)*-1) !important; } .pb-md-8xh { padding-bottom: var(--spacing-scale-8xh) !important; } .pb-md-n8xh { padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important; } .pl-md-8xh { padding-left: var(--spacing-scale-8xh) !important; } .pl-md-n8xh { padding-left: calc(var(--spacing-scale-8xh)*-1) !important; } .p-md-n8xh { padding: calc(var(--spacing-scale-8xh)*-1) !important; } .px-md-n8xh { padding-left: calc(var(--spacing-scale-8xh)*-1) !important; padding-right: calc(var(--spacing-scale-8xh)*-1) !important; } .py-md-n8xh { padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important; padding-top: calc(var(--spacing-scale-8xh)*-1) !important; } .p-md-9x { padding: var(--spacing-scale-9x) !important; } .px-md-9x { padding-left: var(--spacing-scale-9x) !important; padding-right: var(--spacing-scale-9x) !important; } .py-md-9x { padding-bottom: var(--spacing-scale-9x) !important; } .pt-md-9x, .py-md-9x { padding-top: var(--spacing-scale-9x) !important; } .pt-md-n9x { padding-top: calc(var(--spacing-scale-9x)*-1) !important; } .pr-md-9x { padding-right: var(--spacing-scale-9x) !important; } .pr-md-n9x { padding-right: calc(var(--spacing-scale-9x)*-1) !important; } .pb-md-9x { padding-bottom: var(--spacing-scale-9x) !important; } .pb-md-n9x { padding-bottom: calc(var(--spacing-scale-9x)*-1) !important; } .pl-md-9x { padding-left: var(--spacing-scale-9x) !important; } .pl-md-n9x { padding-left: calc(var(--spacing-scale-9x)*-1) !important; } .p-md-n9x { padding: calc(var(--spacing-scale-9x)*-1) !important; } .px-md-n9x { padding-left: calc(var(--spacing-scale-9x)*-1) !important; padding-right: calc(var(--spacing-scale-9x)*-1) !important; } .py-md-n9x { padding-bottom: calc(var(--spacing-scale-9x)*-1) !important; padding-top: calc(var(--spacing-scale-9x)*-1) !important; } .p-md-9xh { padding: var(--spacing-scale-9xh) !important; } .px-md-9xh { padding-left: var(--spacing-scale-9xh) !important; padding-right: var(--spacing-scale-9xh) !important; } .py-md-9xh { padding-bottom: var(--spacing-scale-9xh) !important; } .pt-md-9xh, .py-md-9xh { padding-top: var(--spacing-scale-9xh) !important; } .pt-md-n9xh { padding-top: calc(var(--spacing-scale-9xh)*-1) !important; } .pr-md-9xh { padding-right: var(--spacing-scale-9xh) !important; } .pr-md-n9xh { padding-right: calc(var(--spacing-scale-9xh)*-1) !important; } .pb-md-9xh { padding-bottom: var(--spacing-scale-9xh) !important; } .pb-md-n9xh { padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important; } .pl-md-9xh { padding-left: var(--spacing-scale-9xh) !important; } .pl-md-n9xh { padding-left: calc(var(--spacing-scale-9xh)*-1) !important; } .p-md-n9xh { padding: calc(var(--spacing-scale-9xh)*-1) !important; } .px-md-n9xh { padding-left: calc(var(--spacing-scale-9xh)*-1) !important; padding-right: calc(var(--spacing-scale-9xh)*-1) !important; } .py-md-n9xh { padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important; padding-top: calc(var(--spacing-scale-9xh)*-1) !important; } .p-md-10x { padding: var(--spacing-scale-10x) !important; } .px-md-10x { padding-left: var(--spacing-scale-10x) !important; padding-right: var(--spacing-scale-10x) !important; } .py-md-10x { padding-bottom: var(--spacing-scale-10x) !important; } .pt-md-10x, .py-md-10x { padding-top: var(--spacing-scale-10x) !important; } .pt-md-n10x { padding-top: calc(var(--spacing-scale-10x)*-1) !important; } .pr-md-10x { padding-right: var(--spacing-scale-10x) !important; } .pr-md-n10x { padding-right: calc(var(--spacing-scale-10x)*-1) !important; } .pb-md-10x { padding-bottom: var(--spacing-scale-10x) !important; } .pb-md-n10x { padding-bottom: calc(var(--spacing-scale-10x)*-1) !important; } .pl-md-10x { padding-left: var(--spacing-scale-10x) !important; } .pl-md-n10x { padding-left: calc(var(--spacing-scale-10x)*-1) !important; } .p-md-n10x { padding: calc(var(--spacing-scale-10x)*-1) !important; } .px-md-n10x { padding-left: calc(var(--spacing-scale-10x)*-1) !important; padding-right: calc(var(--spacing-scale-10x)*-1) !important; } .py-md-n10x { padding-bottom: calc(var(--spacing-scale-10x)*-1) !important; padding-top: calc(var(--spacing-scale-10x)*-1) !important; } .p-md-10xh { padding: var(--spacing-scale-10xh) !important; } .px-md-10xh { padding-left: var(--spacing-scale-10xh) !important; padding-right: var(--spacing-scale-10xh) !important; } .py-md-10xh { padding-bottom: var(--spacing-scale-10xh) !important; } .pt-md-10xh, .py-md-10xh { padding-top: var(--spacing-scale-10xh) !important; } .pt-md-n10xh { padding-top: calc(var(--spacing-scale-10xh)*-1) !important; } .pr-md-10xh { padding-right: var(--spacing-scale-10xh) !important; } .pr-md-n10xh { padding-right: calc(var(--spacing-scale-10xh)*-1) !important; } .pb-md-10xh { padding-bottom: var(--spacing-scale-10xh) !important; } .pb-md-n10xh { padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important; } .pl-md-10xh { padding-left: var(--spacing-scale-10xh) !important; } .pl-md-n10xh { padding-left: calc(var(--spacing-scale-10xh)*-1) !important; } .p-md-n10xh { padding: calc(var(--spacing-scale-10xh)*-1) !important; } .px-md-n10xh { padding-left: calc(var(--spacing-scale-10xh)*-1) !important; padding-right: calc(var(--spacing-scale-10xh)*-1) !important; } .py-md-n10xh { padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important; padding-top: calc(var(--spacing-scale-10xh)*-1) !important; }} @media (min-width: 1280px) { .m-lg-0 { margin: var(--spacing-scale-default) !important; } .mx-lg-0 { margin-left: var(--spacing-scale-default) !important; margin-right: var(--spacing-scale-default) !important; } .my-lg-0 { margin-bottom: var(--spacing-scale-default) !important; } .mt-lg-0, .my-lg-0 { margin-top: var(--spacing-scale-default) !important; } .mr-lg-0 { margin-right: var(--spacing-scale-default) !important; } .mb-lg-0 { margin-bottom: var(--spacing-scale-default) !important; } .ml-lg-0 { margin-left: var(--spacing-scale-default) !important; } .m-lg-half { margin: var(--spacing-scale-half) !important; } .mx-lg-half { margin-left: var(--spacing-scale-half) !important; margin-right: var(--spacing-scale-half) !important; } .my-lg-half { margin-bottom: var(--spacing-scale-half) !important; } .mt-lg-half, .my-lg-half { margin-top: var(--spacing-scale-half) !important; } .mt-lg-nhalf { margin-top: calc(var(--spacing-scale-half)*-1) !important; } .mr-lg-half { margin-right: var(--spacing-scale-half) !important; } .mr-lg-nhalf { margin-right: calc(var(--spacing-scale-half)*-1) !important; } .mb-lg-half { margin-bottom: var(--spacing-scale-half) !important; } .mb-lg-nhalf { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; } .ml-lg-half { margin-left: var(--spacing-scale-half) !important; } .ml-lg-nhalf { margin-left: calc(var(--spacing-scale-half)*-1) !important; } .m-lg-nhalf { margin: calc(var(--spacing-scale-half)*-1) !important; } .mx-lg-nhalf { margin-left: calc(var(--spacing-scale-half)*-1) !important; margin-right: calc(var(--spacing-scale-half)*-1) !important; } .my-lg-nhalf { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; margin-top: calc(var(--spacing-scale-half)*-1) !important; } .m-lg-base { margin: var(--spacing-scale-base) !important; } .mx-lg-base { margin-left: var(--spacing-scale-base) !important; margin-right: var(--spacing-scale-base) !important; } .my-lg-base { margin-bottom: var(--spacing-scale-base) !important; } .mt-lg-base, .my-lg-base { margin-top: var(--spacing-scale-base) !important; } .mt-lg-nbase { margin-top: calc(var(--spacing-scale-base)*-1) !important; } .mr-lg-base { margin-right: var(--spacing-scale-base) !important; } .mr-lg-nbase { margin-right: calc(var(--spacing-scale-base)*-1) !important; } .mb-lg-base { margin-bottom: var(--spacing-scale-base) !important; } .mb-lg-nbase { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; } .ml-lg-base { margin-left: var(--spacing-scale-base) !important; } .ml-lg-nbase { margin-left: calc(var(--spacing-scale-base)*-1) !important; } .m-lg-nbase { margin: calc(var(--spacing-scale-base)*-1) !important; } .mx-lg-nbase { margin-left: calc(var(--spacing-scale-base)*-1) !important; margin-right: calc(var(--spacing-scale-base)*-1) !important; } .my-lg-nbase { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; margin-top: calc(var(--spacing-scale-base)*-1) !important; } .m-lg-baseh { margin: var(--spacing-scale-baseh) !important; } .mx-lg-baseh { margin-left: var(--spacing-scale-baseh) !important; margin-right: var(--spacing-scale-baseh) !important; } .my-lg-baseh { margin-bottom: var(--spacing-scale-baseh) !important; } .mt-lg-baseh, .my-lg-baseh { margin-top: var(--spacing-scale-baseh) !important; } .mt-lg-nbaseh { margin-top: calc(var(--spacing-scale-baseh)*-1) !important; } .mr-lg-baseh { margin-right: var(--spacing-scale-baseh) !important; } .mr-lg-nbaseh { margin-right: calc(var(--spacing-scale-baseh)*-1) !important; } .mb-lg-baseh { margin-bottom: var(--spacing-scale-baseh) !important; } .mb-lg-nbaseh { margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important; } .ml-lg-baseh { margin-left: var(--spacing-scale-baseh) !important; } .ml-lg-nbaseh { margin-left: calc(var(--spacing-scale-baseh)*-1) !important; } .m-lg-nbaseh { margin: calc(var(--spacing-scale-baseh)*-1) !important; } .mx-lg-nbaseh { margin-left: calc(var(--spacing-scale-baseh)*-1) !important; margin-right: calc(var(--spacing-scale-baseh)*-1) !important; } .my-lg-nbaseh { margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important; margin-top: calc(var(--spacing-scale-baseh)*-1) !important; } .m-lg-1 { margin: var(--spacing-scale-half) !important; } .mx-lg-1 { margin-left: var(--spacing-scale-half) !important; margin-right: var(--spacing-scale-half) !important; } .my-lg-1 { margin-bottom: var(--spacing-scale-half) !important; } .mt-lg-1, .my-lg-1 { margin-top: var(--spacing-scale-half) !important; } .mt-lg-n1 { margin-top: calc(var(--spacing-scale-half)*-1) !important; } .mr-lg-1 { margin-right: var(--spacing-scale-half) !important; } .mr-lg-n1 { margin-right: calc(var(--spacing-scale-half)*-1) !important; } .mb-lg-1 { margin-bottom: var(--spacing-scale-half) !important; } .mb-lg-n1 { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; } .ml-lg-1 { margin-left: var(--spacing-scale-half) !important; } .ml-lg-n1 { margin-left: calc(var(--spacing-scale-half)*-1) !important; } .m-lg-n1 { margin: calc(var(--spacing-scale-half)*-1) !important; } .mx-lg-n1 { margin-left: calc(var(--spacing-scale-half)*-1) !important; margin-right: calc(var(--spacing-scale-half)*-1) !important; } .my-lg-n1 { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; margin-top: calc(var(--spacing-scale-half)*-1) !important; } .m-lg-2 { margin: var(--spacing-scale-base) !important; } .mx-lg-2 { margin-left: var(--spacing-scale-base) !important; margin-right: var(--spacing-scale-base) !important; } .my-lg-2 { margin-bottom: var(--spacing-scale-base) !important; } .mt-lg-2, .my-lg-2 { margin-top: var(--spacing-scale-base) !important; } .mt-lg-n2 { margin-top: calc(var(--spacing-scale-base)*-1) !important; } .mr-lg-2 { margin-right: var(--spacing-scale-base) !important; } .mr-lg-n2 { margin-right: calc(var(--spacing-scale-base)*-1) !important; } .mb-lg-2 { margin-bottom: var(--spacing-scale-base) !important; } .mb-lg-n2 { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; } .ml-lg-2 { margin-left: var(--spacing-scale-base) !important; } .ml-lg-n2 { margin-left: calc(var(--spacing-scale-base)*-1) !important; } .m-lg-n2 { margin: calc(var(--spacing-scale-base)*-1) !important; } .mx-lg-n2 { margin-left: calc(var(--spacing-scale-base)*-1) !important; margin-right: calc(var(--spacing-scale-base)*-1) !important; } .my-lg-n2 { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; margin-top: calc(var(--spacing-scale-base)*-1) !important; } .m-lg-3 { margin: var(--spacing-scale-2x) !important; } .mx-lg-3 { margin-left: var(--spacing-scale-2x) !important; margin-right: var(--spacing-scale-2x) !important; } .my-lg-3 { margin-bottom: var(--spacing-scale-2x) !important; } .mt-lg-3, .my-lg-3 { margin-top: var(--spacing-scale-2x) !important; } .mt-lg-n3 { margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .mr-lg-3 { margin-right: var(--spacing-scale-2x) !important; } .mr-lg-n3 { margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .mb-lg-3 { margin-bottom: var(--spacing-scale-2x) !important; } .mb-lg-n3 { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .ml-lg-3 { margin-left: var(--spacing-scale-2x) !important; } .ml-lg-n3 { margin-left: calc(var(--spacing-scale-2x)*-1) !important; } .m-lg-n3 { margin: calc(var(--spacing-scale-2x)*-1) !important; } .mx-lg-n3 { margin-left: calc(var(--spacing-scale-2x)*-1) !important; margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .my-lg-n3 { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .m-lg-4 { margin: var(--spacing-scale-3x) !important; } .mx-lg-4 { margin-left: var(--spacing-scale-3x) !important; margin-right: var(--spacing-scale-3x) !important; } .my-lg-4 { margin-bottom: var(--spacing-scale-3x) !important; } .mt-lg-4, .my-lg-4 { margin-top: var(--spacing-scale-3x) !important; } .mt-lg-n4 { margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .mr-lg-4 { margin-right: var(--spacing-scale-3x) !important; } .mr-lg-n4 { margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .mb-lg-4 { margin-bottom: var(--spacing-scale-3x) !important; } .mb-lg-n4 { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .ml-lg-4 { margin-left: var(--spacing-scale-3x) !important; } .ml-lg-n4 { margin-left: calc(var(--spacing-scale-3x)*-1) !important; } .m-lg-n4 { margin: calc(var(--spacing-scale-3x)*-1) !important; } .mx-lg-n4 { margin-left: calc(var(--spacing-scale-3x)*-1) !important; margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .my-lg-n4 { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .m-lg-5 { margin: var(--spacing-scale-4x) !important; } .mx-lg-5 { margin-left: var(--spacing-scale-4x) !important; margin-right: var(--spacing-scale-4x) !important; } .my-lg-5 { margin-bottom: var(--spacing-scale-4x) !important; } .mt-lg-5, .my-lg-5 { margin-top: var(--spacing-scale-4x) !important; } .mt-lg-n5 { margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .mr-lg-5 { margin-right: var(--spacing-scale-4x) !important; } .mr-lg-n5 { margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .mb-lg-5 { margin-bottom: var(--spacing-scale-4x) !important; } .mb-lg-n5 { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .ml-lg-5 { margin-left: var(--spacing-scale-4x) !important; } .ml-lg-n5 { margin-left: calc(var(--spacing-scale-4x)*-1) !important; } .m-lg-n5 { margin: calc(var(--spacing-scale-4x)*-1) !important; } .mx-lg-n5 { margin-left: calc(var(--spacing-scale-4x)*-1) !important; margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .my-lg-n5 { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .m-lg-6 { margin: var(--spacing-scale-5x) !important; } .mx-lg-6 { margin-left: var(--spacing-scale-5x) !important; margin-right: var(--spacing-scale-5x) !important; } .my-lg-6 { margin-bottom: var(--spacing-scale-5x) !important; } .mt-lg-6, .my-lg-6 { margin-top: var(--spacing-scale-5x) !important; } .mt-lg-n6 { margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .mr-lg-6 { margin-right: var(--spacing-scale-5x) !important; } .mr-lg-n6 { margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .mb-lg-6 { margin-bottom: var(--spacing-scale-5x) !important; } .mb-lg-n6 { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .ml-lg-6 { margin-left: var(--spacing-scale-5x) !important; } .ml-lg-n6 { margin-left: calc(var(--spacing-scale-5x)*-1) !important; } .m-lg-n6 { margin: calc(var(--spacing-scale-5x)*-1) !important; } .mx-lg-n6 { margin-left: calc(var(--spacing-scale-5x)*-1) !important; margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .my-lg-n6 { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .m-lg-2x { margin: var(--spacing-scale-2x) !important; } .mx-lg-2x { margin-left: var(--spacing-scale-2x) !important; margin-right: var(--spacing-scale-2x) !important; } .my-lg-2x { margin-bottom: var(--spacing-scale-2x) !important; } .mt-lg-2x, .my-lg-2x { margin-top: var(--spacing-scale-2x) !important; } .mt-lg-n2x { margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .mr-lg-2x { margin-right: var(--spacing-scale-2x) !important; } .mr-lg-n2x { margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .mb-lg-2x { margin-bottom: var(--spacing-scale-2x) !important; } .mb-lg-n2x { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .ml-lg-2x { margin-left: var(--spacing-scale-2x) !important; } .ml-lg-n2x { margin-left: calc(var(--spacing-scale-2x)*-1) !important; } .m-lg-n2x { margin: calc(var(--spacing-scale-2x)*-1) !important; } .mx-lg-n2x { margin-left: calc(var(--spacing-scale-2x)*-1) !important; margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .my-lg-n2x { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .m-lg-2xh { margin: var(--spacing-scale-2xh) !important; } .mx-lg-2xh { margin-left: var(--spacing-scale-2xh) !important; margin-right: var(--spacing-scale-2xh) !important; } .my-lg-2xh { margin-bottom: var(--spacing-scale-2xh) !important; } .mt-lg-2xh, .my-lg-2xh { margin-top: var(--spacing-scale-2xh) !important; } .mt-lg-n2xh { margin-top: calc(var(--spacing-scale-2xh)*-1) !important; } .mr-lg-2xh { margin-right: var(--spacing-scale-2xh) !important; } .mr-lg-n2xh { margin-right: calc(var(--spacing-scale-2xh)*-1) !important; } .mb-lg-2xh { margin-bottom: var(--spacing-scale-2xh) !important; } .mb-lg-n2xh { margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important; } .ml-lg-2xh { margin-left: var(--spacing-scale-2xh) !important; } .ml-lg-n2xh { margin-left: calc(var(--spacing-scale-2xh)*-1) !important; } .m-lg-n2xh { margin: calc(var(--spacing-scale-2xh)*-1) !important; } .mx-lg-n2xh { margin-left: calc(var(--spacing-scale-2xh)*-1) !important; margin-right: calc(var(--spacing-scale-2xh)*-1) !important; } .my-lg-n2xh { margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important; margin-top: calc(var(--spacing-scale-2xh)*-1) !important; } .m-lg-3x { margin: var(--spacing-scale-3x) !important; } .mx-lg-3x { margin-left: var(--spacing-scale-3x) !important; margin-right: var(--spacing-scale-3x) !important; } .my-lg-3x { margin-bottom: var(--spacing-scale-3x) !important; } .mt-lg-3x, .my-lg-3x { margin-top: var(--spacing-scale-3x) !important; } .mt-lg-n3x { margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .mr-lg-3x { margin-right: var(--spacing-scale-3x) !important; } .mr-lg-n3x { margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .mb-lg-3x { margin-bottom: var(--spacing-scale-3x) !important; } .mb-lg-n3x { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .ml-lg-3x { margin-left: var(--spacing-scale-3x) !important; } .ml-lg-n3x { margin-left: calc(var(--spacing-scale-3x)*-1) !important; } .m-lg-n3x { margin: calc(var(--spacing-scale-3x)*-1) !important; } .mx-lg-n3x { margin-left: calc(var(--spacing-scale-3x)*-1) !important; margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .my-lg-n3x { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .m-lg-3xh { margin: var(--spacing-scale-3xh) !important; } .mx-lg-3xh { margin-left: var(--spacing-scale-3xh) !important; margin-right: var(--spacing-scale-3xh) !important; } .my-lg-3xh { margin-bottom: var(--spacing-scale-3xh) !important; } .mt-lg-3xh, .my-lg-3xh { margin-top: var(--spacing-scale-3xh) !important; } .mt-lg-n3xh { margin-top: calc(var(--spacing-scale-3xh)*-1) !important; } .mr-lg-3xh { margin-right: var(--spacing-scale-3xh) !important; } .mr-lg-n3xh { margin-right: calc(var(--spacing-scale-3xh)*-1) !important; } .mb-lg-3xh { margin-bottom: var(--spacing-scale-3xh) !important; } .mb-lg-n3xh { margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important; } .ml-lg-3xh { margin-left: var(--spacing-scale-3xh) !important; } .ml-lg-n3xh { margin-left: calc(var(--spacing-scale-3xh)*-1) !important; } .m-lg-n3xh { margin: calc(var(--spacing-scale-3xh)*-1) !important; } .mx-lg-n3xh { margin-left: calc(var(--spacing-scale-3xh)*-1) !important; margin-right: calc(var(--spacing-scale-3xh)*-1) !important; } .my-lg-n3xh { margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important; margin-top: calc(var(--spacing-scale-3xh)*-1) !important; } .m-lg-4x { margin: var(--spacing-scale-4x) !important; } .mx-lg-4x { margin-left: var(--spacing-scale-4x) !important; margin-right: var(--spacing-scale-4x) !important; } .my-lg-4x { margin-bottom: var(--spacing-scale-4x) !important; } .mt-lg-4x, .my-lg-4x { margin-top: var(--spacing-scale-4x) !important; } .mt-lg-n4x { margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .mr-lg-4x { margin-right: var(--spacing-scale-4x) !important; } .mr-lg-n4x { margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .mb-lg-4x { margin-bottom: var(--spacing-scale-4x) !important; } .mb-lg-n4x { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .ml-lg-4x { margin-left: var(--spacing-scale-4x) !important; } .ml-lg-n4x { margin-left: calc(var(--spacing-scale-4x)*-1) !important; } .m-lg-n4x { margin: calc(var(--spacing-scale-4x)*-1) !important; } .mx-lg-n4x { margin-left: calc(var(--spacing-scale-4x)*-1) !important; margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .my-lg-n4x { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .m-lg-4xh { margin: var(--spacing-scale-4xh) !important; } .mx-lg-4xh { margin-left: var(--spacing-scale-4xh) !important; margin-right: var(--spacing-scale-4xh) !important; } .my-lg-4xh { margin-bottom: var(--spacing-scale-4xh) !important; } .mt-lg-4xh, .my-lg-4xh { margin-top: var(--spacing-scale-4xh) !important; } .mt-lg-n4xh { margin-top: calc(var(--spacing-scale-4xh)*-1) !important; } .mr-lg-4xh { margin-right: var(--spacing-scale-4xh) !important; } .mr-lg-n4xh { margin-right: calc(var(--spacing-scale-4xh)*-1) !important; } .mb-lg-4xh { margin-bottom: var(--spacing-scale-4xh) !important; } .mb-lg-n4xh { margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important; } .ml-lg-4xh { margin-left: var(--spacing-scale-4xh) !important; } .ml-lg-n4xh { margin-left: calc(var(--spacing-scale-4xh)*-1) !important; } .m-lg-n4xh { margin: calc(var(--spacing-scale-4xh)*-1) !important; } .mx-lg-n4xh { margin-left: calc(var(--spacing-scale-4xh)*-1) !important; margin-right: calc(var(--spacing-scale-4xh)*-1) !important; } .my-lg-n4xh { margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important; margin-top: calc(var(--spacing-scale-4xh)*-1) !important; } .m-lg-5x { margin: var(--spacing-scale-5x) !important; } .mx-lg-5x { margin-left: var(--spacing-scale-5x) !important; margin-right: var(--spacing-scale-5x) !important; } .my-lg-5x { margin-bottom: var(--spacing-scale-5x) !important; } .mt-lg-5x, .my-lg-5x { margin-top: var(--spacing-scale-5x) !important; } .mt-lg-n5x { margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .mr-lg-5x { margin-right: var(--spacing-scale-5x) !important; } .mr-lg-n5x { margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .mb-lg-5x { margin-bottom: var(--spacing-scale-5x) !important; } .mb-lg-n5x { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .ml-lg-5x { margin-left: var(--spacing-scale-5x) !important; } .ml-lg-n5x { margin-left: calc(var(--spacing-scale-5x)*-1) !important; } .m-lg-n5x { margin: calc(var(--spacing-scale-5x)*-1) !important; } .mx-lg-n5x { margin-left: calc(var(--spacing-scale-5x)*-1) !important; margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .my-lg-n5x { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .m-lg-5xh { margin: var(--spacing-scale-5xh) !important; } .mx-lg-5xh { margin-left: var(--spacing-scale-5xh) !important; margin-right: var(--spacing-scale-5xh) !important; } .my-lg-5xh { margin-bottom: var(--spacing-scale-5xh) !important; } .mt-lg-5xh, .my-lg-5xh { margin-top: var(--spacing-scale-5xh) !important; } .mt-lg-n5xh { margin-top: calc(var(--spacing-scale-5xh)*-1) !important; } .mr-lg-5xh { margin-right: var(--spacing-scale-5xh) !important; } .mr-lg-n5xh { margin-right: calc(var(--spacing-scale-5xh)*-1) !important; } .mb-lg-5xh { margin-bottom: var(--spacing-scale-5xh) !important; } .mb-lg-n5xh { margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important; } .ml-lg-5xh { margin-left: var(--spacing-scale-5xh) !important; } .ml-lg-n5xh { margin-left: calc(var(--spacing-scale-5xh)*-1) !important; } .m-lg-n5xh { margin: calc(var(--spacing-scale-5xh)*-1) !important; } .mx-lg-n5xh { margin-left: calc(var(--spacing-scale-5xh)*-1) !important; margin-right: calc(var(--spacing-scale-5xh)*-1) !important; } .my-lg-n5xh { margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important; margin-top: calc(var(--spacing-scale-5xh)*-1) !important; } .m-lg-6x { margin: var(--spacing-scale-6x) !important; } .mx-lg-6x { margin-left: var(--spacing-scale-6x) !important; margin-right: var(--spacing-scale-6x) !important; } .my-lg-6x { margin-bottom: var(--spacing-scale-6x) !important; } .mt-lg-6x, .my-lg-6x { margin-top: var(--spacing-scale-6x) !important; } .mt-lg-n6x { margin-top: calc(var(--spacing-scale-6x)*-1) !important; } .mr-lg-6x { margin-right: var(--spacing-scale-6x) !important; } .mr-lg-n6x { margin-right: calc(var(--spacing-scale-6x)*-1) !important; } .mb-lg-6x { margin-bottom: var(--spacing-scale-6x) !important; } .mb-lg-n6x { margin-bottom: calc(var(--spacing-scale-6x)*-1) !important; } .ml-lg-6x { margin-left: var(--spacing-scale-6x) !important; } .ml-lg-n6x { margin-left: calc(var(--spacing-scale-6x)*-1) !important; } .m-lg-n6x { margin: calc(var(--spacing-scale-6x)*-1) !important; } .mx-lg-n6x { margin-left: calc(var(--spacing-scale-6x)*-1) !important; margin-right: calc(var(--spacing-scale-6x)*-1) !important; } .my-lg-n6x { margin-bottom: calc(var(--spacing-scale-6x)*-1) !important; margin-top: calc(var(--spacing-scale-6x)*-1) !important; } .m-lg-6xh { margin: var(--spacing-scale-6xh) !important; } .mx-lg-6xh { margin-left: var(--spacing-scale-6xh) !important; margin-right: var(--spacing-scale-6xh) !important; } .my-lg-6xh { margin-bottom: var(--spacing-scale-6xh) !important; } .mt-lg-6xh, .my-lg-6xh { margin-top: var(--spacing-scale-6xh) !important; } .mt-lg-n6xh { margin-top: calc(var(--spacing-scale-6xh)*-1) !important; } .mr-lg-6xh { margin-right: var(--spacing-scale-6xh) !important; } .mr-lg-n6xh { margin-right: calc(var(--spacing-scale-6xh)*-1) !important; } .mb-lg-6xh { margin-bottom: var(--spacing-scale-6xh) !important; } .mb-lg-n6xh { margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important; } .ml-lg-6xh { margin-left: var(--spacing-scale-6xh) !important; } .ml-lg-n6xh { margin-left: calc(var(--spacing-scale-6xh)*-1) !important; } .m-lg-n6xh { margin: calc(var(--spacing-scale-6xh)*-1) !important; } .mx-lg-n6xh { margin-left: calc(var(--spacing-scale-6xh)*-1) !important; margin-right: calc(var(--spacing-scale-6xh)*-1) !important; } .my-lg-n6xh { margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important; margin-top: calc(var(--spacing-scale-6xh)*-1) !important; } .m-lg-7x { margin: var(--spacing-scale-7x) !important; } .mx-lg-7x { margin-left: var(--spacing-scale-7x) !important; margin-right: var(--spacing-scale-7x) !important; } .my-lg-7x { margin-bottom: var(--spacing-scale-7x) !important; } .mt-lg-7x, .my-lg-7x { margin-top: var(--spacing-scale-7x) !important; } .mt-lg-n7x { margin-top: calc(var(--spacing-scale-7x)*-1) !important; } .mr-lg-7x { margin-right: var(--spacing-scale-7x) !important; } .mr-lg-n7x { margin-right: calc(var(--spacing-scale-7x)*-1) !important; } .mb-lg-7x { margin-bottom: var(--spacing-scale-7x) !important; } .mb-lg-n7x { margin-bottom: calc(var(--spacing-scale-7x)*-1) !important; } .ml-lg-7x { margin-left: var(--spacing-scale-7x) !important; } .ml-lg-n7x { margin-left: calc(var(--spacing-scale-7x)*-1) !important; } .m-lg-n7x { margin: calc(var(--spacing-scale-7x)*-1) !important; } .mx-lg-n7x { margin-left: calc(var(--spacing-scale-7x)*-1) !important; margin-right: calc(var(--spacing-scale-7x)*-1) !important; } .my-lg-n7x { margin-bottom: calc(var(--spacing-scale-7x)*-1) !important; margin-top: calc(var(--spacing-scale-7x)*-1) !important; } .m-lg-7xh { margin: var(--spacing-scale-7xh) !important; } .mx-lg-7xh { margin-left: var(--spacing-scale-7xh) !important; margin-right: var(--spacing-scale-7xh) !important; } .my-lg-7xh { margin-bottom: var(--spacing-scale-7xh) !important; } .mt-lg-7xh, .my-lg-7xh { margin-top: var(--spacing-scale-7xh) !important; } .mt-lg-n7xh { margin-top: calc(var(--spacing-scale-7xh)*-1) !important; } .mr-lg-7xh { margin-right: var(--spacing-scale-7xh) !important; } .mr-lg-n7xh { margin-right: calc(var(--spacing-scale-7xh)*-1) !important; } .mb-lg-7xh { margin-bottom: var(--spacing-scale-7xh) !important; } .mb-lg-n7xh { margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important; } .ml-lg-7xh { margin-left: var(--spacing-scale-7xh) !important; } .ml-lg-n7xh { margin-left: calc(var(--spacing-scale-7xh)*-1) !important; } .m-lg-n7xh { margin: calc(var(--spacing-scale-7xh)*-1) !important; } .mx-lg-n7xh { margin-left: calc(var(--spacing-scale-7xh)*-1) !important; margin-right: calc(var(--spacing-scale-7xh)*-1) !important; } .my-lg-n7xh { margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important; margin-top: calc(var(--spacing-scale-7xh)*-1) !important; } .m-lg-8x { margin: var(--spacing-scale-8x) !important; } .mx-lg-8x { margin-left: var(--spacing-scale-8x) !important; margin-right: var(--spacing-scale-8x) !important; } .my-lg-8x { margin-bottom: var(--spacing-scale-8x) !important; } .mt-lg-8x, .my-lg-8x { margin-top: var(--spacing-scale-8x) !important; } .mt-lg-n8x { margin-top: calc(var(--spacing-scale-8x)*-1) !important; } .mr-lg-8x { margin-right: var(--spacing-scale-8x) !important; } .mr-lg-n8x { margin-right: calc(var(--spacing-scale-8x)*-1) !important; } .mb-lg-8x { margin-bottom: var(--spacing-scale-8x) !important; } .mb-lg-n8x { margin-bottom: calc(var(--spacing-scale-8x)*-1) !important; } .ml-lg-8x { margin-left: var(--spacing-scale-8x) !important; } .ml-lg-n8x { margin-left: calc(var(--spacing-scale-8x)*-1) !important; } .m-lg-n8x { margin: calc(var(--spacing-scale-8x)*-1) !important; } .mx-lg-n8x { margin-left: calc(var(--spacing-scale-8x)*-1) !important; margin-right: calc(var(--spacing-scale-8x)*-1) !important; } .my-lg-n8x { margin-bottom: calc(var(--spacing-scale-8x)*-1) !important; margin-top: calc(var(--spacing-scale-8x)*-1) !important; } .m-lg-8xh { margin: var(--spacing-scale-8xh) !important; } .mx-lg-8xh { margin-left: var(--spacing-scale-8xh) !important; margin-right: var(--spacing-scale-8xh) !important; } .my-lg-8xh { margin-bottom: var(--spacing-scale-8xh) !important; } .mt-lg-8xh, .my-lg-8xh { margin-top: var(--spacing-scale-8xh) !important; } .mt-lg-n8xh { margin-top: calc(var(--spacing-scale-8xh)*-1) !important; } .mr-lg-8xh { margin-right: var(--spacing-scale-8xh) !important; } .mr-lg-n8xh { margin-right: calc(var(--spacing-scale-8xh)*-1) !important; } .mb-lg-8xh { margin-bottom: var(--spacing-scale-8xh) !important; } .mb-lg-n8xh { margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important; } .ml-lg-8xh { margin-left: var(--spacing-scale-8xh) !important; } .ml-lg-n8xh { margin-left: calc(var(--spacing-scale-8xh)*-1) !important; } .m-lg-n8xh { margin: calc(var(--spacing-scale-8xh)*-1) !important; } .mx-lg-n8xh { margin-left: calc(var(--spacing-scale-8xh)*-1) !important; margin-right: calc(var(--spacing-scale-8xh)*-1) !important; } .my-lg-n8xh { margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important; margin-top: calc(var(--spacing-scale-8xh)*-1) !important; } .m-lg-9x { margin: var(--spacing-scale-9x) !important; } .mx-lg-9x { margin-left: var(--spacing-scale-9x) !important; margin-right: var(--spacing-scale-9x) !important; } .my-lg-9x { margin-bottom: var(--spacing-scale-9x) !important; } .mt-lg-9x, .my-lg-9x { margin-top: var(--spacing-scale-9x) !important; } .mt-lg-n9x { margin-top: calc(var(--spacing-scale-9x)*-1) !important; } .mr-lg-9x { margin-right: var(--spacing-scale-9x) !important; } .mr-lg-n9x { margin-right: calc(var(--spacing-scale-9x)*-1) !important; } .mb-lg-9x { margin-bottom: var(--spacing-scale-9x) !important; } .mb-lg-n9x { margin-bottom: calc(var(--spacing-scale-9x)*-1) !important; } .ml-lg-9x { margin-left: var(--spacing-scale-9x) !important; } .ml-lg-n9x { margin-left: calc(var(--spacing-scale-9x)*-1) !important; } .m-lg-n9x { margin: calc(var(--spacing-scale-9x)*-1) !important; } .mx-lg-n9x { margin-left: calc(var(--spacing-scale-9x)*-1) !important; margin-right: calc(var(--spacing-scale-9x)*-1) !important; } .my-lg-n9x { margin-bottom: calc(var(--spacing-scale-9x)*-1) !important; margin-top: calc(var(--spacing-scale-9x)*-1) !important; } .m-lg-9xh { margin: var(--spacing-scale-9xh) !important; } .mx-lg-9xh { margin-left: var(--spacing-scale-9xh) !important; margin-right: var(--spacing-scale-9xh) !important; } .my-lg-9xh { margin-bottom: var(--spacing-scale-9xh) !important; } .mt-lg-9xh, .my-lg-9xh { margin-top: var(--spacing-scale-9xh) !important; } .mt-lg-n9xh { margin-top: calc(var(--spacing-scale-9xh)*-1) !important; } .mr-lg-9xh { margin-right: var(--spacing-scale-9xh) !important; } .mr-lg-n9xh { margin-right: calc(var(--spacing-scale-9xh)*-1) !important; } .mb-lg-9xh { margin-bottom: var(--spacing-scale-9xh) !important; } .mb-lg-n9xh { margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important; } .ml-lg-9xh { margin-left: var(--spacing-scale-9xh) !important; } .ml-lg-n9xh { margin-left: calc(var(--spacing-scale-9xh)*-1) !important; } .m-lg-n9xh { margin: calc(var(--spacing-scale-9xh)*-1) !important; } .mx-lg-n9xh { margin-left: calc(var(--spacing-scale-9xh)*-1) !important; margin-right: calc(var(--spacing-scale-9xh)*-1) !important; } .my-lg-n9xh { margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important; margin-top: calc(var(--spacing-scale-9xh)*-1) !important; } .m-lg-10x { margin: var(--spacing-scale-10x) !important; } .mx-lg-10x { margin-left: var(--spacing-scale-10x) !important; margin-right: var(--spacing-scale-10x) !important; } .my-lg-10x { margin-bottom: var(--spacing-scale-10x) !important; } .mt-lg-10x, .my-lg-10x { margin-top: var(--spacing-scale-10x) !important; } .mt-lg-n10x { margin-top: calc(var(--spacing-scale-10x)*-1) !important; } .mr-lg-10x { margin-right: var(--spacing-scale-10x) !important; } .mr-lg-n10x { margin-right: calc(var(--spacing-scale-10x)*-1) !important; } .mb-lg-10x { margin-bottom: var(--spacing-scale-10x) !important; } .mb-lg-n10x { margin-bottom: calc(var(--spacing-scale-10x)*-1) !important; } .ml-lg-10x { margin-left: var(--spacing-scale-10x) !important; } .ml-lg-n10x { margin-left: calc(var(--spacing-scale-10x)*-1) !important; } .m-lg-n10x { margin: calc(var(--spacing-scale-10x)*-1) !important; } .mx-lg-n10x { margin-left: calc(var(--spacing-scale-10x)*-1) !important; margin-right: calc(var(--spacing-scale-10x)*-1) !important; } .my-lg-n10x { margin-bottom: calc(var(--spacing-scale-10x)*-1) !important; margin-top: calc(var(--spacing-scale-10x)*-1) !important; } .m-lg-10xh { margin: var(--spacing-scale-10xh) !important; } .mx-lg-10xh { margin-left: var(--spacing-scale-10xh) !important; margin-right: var(--spacing-scale-10xh) !important; } .my-lg-10xh { margin-bottom: var(--spacing-scale-10xh) !important; } .mt-lg-10xh, .my-lg-10xh { margin-top: var(--spacing-scale-10xh) !important; } .mt-lg-n10xh { margin-top: calc(var(--spacing-scale-10xh)*-1) !important; } .mr-lg-10xh { margin-right: var(--spacing-scale-10xh) !important; } .mr-lg-n10xh { margin-right: calc(var(--spacing-scale-10xh)*-1) !important; } .mb-lg-10xh { margin-bottom: var(--spacing-scale-10xh) !important; } .mb-lg-n10xh { margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important; } .ml-lg-10xh { margin-left: var(--spacing-scale-10xh) !important; } .ml-lg-n10xh { margin-left: calc(var(--spacing-scale-10xh)*-1) !important; } .m-lg-n10xh { margin: calc(var(--spacing-scale-10xh)*-1) !important; } .mx-lg-n10xh { margin-left: calc(var(--spacing-scale-10xh)*-1) !important; margin-right: calc(var(--spacing-scale-10xh)*-1) !important; } .my-lg-n10xh { margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important; margin-top: calc(var(--spacing-scale-10xh)*-1) !important; } .m-lg-auto { margin: auto !important; } .mx-lg-auto { margin-left: auto !important; margin-right: auto !important; } .my-lg-auto { margin-bottom: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto { margin-right: auto !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: var(--spacing-scale-default) !important; } .px-lg-0 { padding-left: var(--spacing-scale-default) !important; padding-right: var(--spacing-scale-default) !important; } .py-lg-0 { padding-bottom: var(--spacing-scale-default) !important; } .pt-lg-0, .py-lg-0 { padding-top: var(--spacing-scale-default) !important; } .pr-lg-0 { padding-right: var(--spacing-scale-default) !important; } .pb-lg-0 { padding-bottom: var(--spacing-scale-default) !important; } .pl-lg-0 { padding-left: var(--spacing-scale-default) !important; } .p-lg-half { padding: var(--spacing-scale-half) !important; } .px-lg-half { padding-left: var(--spacing-scale-half) !important; padding-right: var(--spacing-scale-half) !important; } .py-lg-half { padding-bottom: var(--spacing-scale-half) !important; } .pt-lg-half, .py-lg-half { padding-top: var(--spacing-scale-half) !important; } .pt-lg-nhalf { padding-top: calc(var(--spacing-scale-half)*-1) !important; } .pr-lg-half { padding-right: var(--spacing-scale-half) !important; } .pr-lg-nhalf { padding-right: calc(var(--spacing-scale-half)*-1) !important; } .pb-lg-half { padding-bottom: var(--spacing-scale-half) !important; } .pb-lg-nhalf { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; } .pl-lg-half { padding-left: var(--spacing-scale-half) !important; } .pl-lg-nhalf { padding-left: calc(var(--spacing-scale-half)*-1) !important; } .p-lg-nhalf { padding: calc(var(--spacing-scale-half)*-1) !important; } .px-lg-nhalf { padding-left: calc(var(--spacing-scale-half)*-1) !important; padding-right: calc(var(--spacing-scale-half)*-1) !important; } .py-lg-nhalf { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; padding-top: calc(var(--spacing-scale-half)*-1) !important; } .p-lg-base { padding: var(--spacing-scale-base) !important; } .px-lg-base { padding-left: var(--spacing-scale-base) !important; padding-right: var(--spacing-scale-base) !important; } .py-lg-base { padding-bottom: var(--spacing-scale-base) !important; } .pt-lg-base, .py-lg-base { padding-top: var(--spacing-scale-base) !important; } .pt-lg-nbase { padding-top: calc(var(--spacing-scale-base)*-1) !important; } .pr-lg-base { padding-right: var(--spacing-scale-base) !important; } .pr-lg-nbase { padding-right: calc(var(--spacing-scale-base)*-1) !important; } .pb-lg-base { padding-bottom: var(--spacing-scale-base) !important; } .pb-lg-nbase { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; } .pl-lg-base { padding-left: var(--spacing-scale-base) !important; } .pl-lg-nbase { padding-left: calc(var(--spacing-scale-base)*-1) !important; } .p-lg-nbase { padding: calc(var(--spacing-scale-base)*-1) !important; } .px-lg-nbase { padding-left: calc(var(--spacing-scale-base)*-1) !important; padding-right: calc(var(--spacing-scale-base)*-1) !important; } .py-lg-nbase { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; padding-top: calc(var(--spacing-scale-base)*-1) !important; } .p-lg-baseh { padding: var(--spacing-scale-baseh) !important; } .px-lg-baseh { padding-left: var(--spacing-scale-baseh) !important; padding-right: var(--spacing-scale-baseh) !important; } .py-lg-baseh { padding-bottom: var(--spacing-scale-baseh) !important; } .pt-lg-baseh, .py-lg-baseh { padding-top: var(--spacing-scale-baseh) !important; } .pt-lg-nbaseh { padding-top: calc(var(--spacing-scale-baseh)*-1) !important; } .pr-lg-baseh { padding-right: var(--spacing-scale-baseh) !important; } .pr-lg-nbaseh { padding-right: calc(var(--spacing-scale-baseh)*-1) !important; } .pb-lg-baseh { padding-bottom: var(--spacing-scale-baseh) !important; } .pb-lg-nbaseh { padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important; } .pl-lg-baseh { padding-left: var(--spacing-scale-baseh) !important; } .pl-lg-nbaseh { padding-left: calc(var(--spacing-scale-baseh)*-1) !important; } .p-lg-nbaseh { padding: calc(var(--spacing-scale-baseh)*-1) !important; } .px-lg-nbaseh { padding-left: calc(var(--spacing-scale-baseh)*-1) !important; padding-right: calc(var(--spacing-scale-baseh)*-1) !important; } .py-lg-nbaseh { padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important; padding-top: calc(var(--spacing-scale-baseh)*-1) !important; } .p-lg-1 { padding: var(--spacing-scale-half) !important; } .px-lg-1 { padding-left: var(--spacing-scale-half) !important; padding-right: var(--spacing-scale-half) !important; } .py-lg-1 { padding-bottom: var(--spacing-scale-half) !important; } .pt-lg-1, .py-lg-1 { padding-top: var(--spacing-scale-half) !important; } .pt-lg-n1 { padding-top: calc(var(--spacing-scale-half)*-1) !important; } .pr-lg-1 { padding-right: var(--spacing-scale-half) !important; } .pr-lg-n1 { padding-right: calc(var(--spacing-scale-half)*-1) !important; } .pb-lg-1 { padding-bottom: var(--spacing-scale-half) !important; } .pb-lg-n1 { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; } .pl-lg-1 { padding-left: var(--spacing-scale-half) !important; } .pl-lg-n1 { padding-left: calc(var(--spacing-scale-half)*-1) !important; } .p-lg-n1 { padding: calc(var(--spacing-scale-half)*-1) !important; } .px-lg-n1 { padding-left: calc(var(--spacing-scale-half)*-1) !important; padding-right: calc(var(--spacing-scale-half)*-1) !important; } .py-lg-n1 { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; padding-top: calc(var(--spacing-scale-half)*-1) !important; } .p-lg-2 { padding: var(--spacing-scale-base) !important; } .px-lg-2 { padding-left: var(--spacing-scale-base) !important; padding-right: var(--spacing-scale-base) !important; } .py-lg-2 { padding-bottom: var(--spacing-scale-base) !important; } .pt-lg-2, .py-lg-2 { padding-top: var(--spacing-scale-base) !important; } .pt-lg-n2 { padding-top: calc(var(--spacing-scale-base)*-1) !important; } .pr-lg-2 { padding-right: var(--spacing-scale-base) !important; } .pr-lg-n2 { padding-right: calc(var(--spacing-scale-base)*-1) !important; } .pb-lg-2 { padding-bottom: var(--spacing-scale-base) !important; } .pb-lg-n2 { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; } .pl-lg-2 { padding-left: var(--spacing-scale-base) !important; } .pl-lg-n2 { padding-left: calc(var(--spacing-scale-base)*-1) !important; } .p-lg-n2 { padding: calc(var(--spacing-scale-base)*-1) !important; } .px-lg-n2 { padding-left: calc(var(--spacing-scale-base)*-1) !important; padding-right: calc(var(--spacing-scale-base)*-1) !important; } .py-lg-n2 { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; padding-top: calc(var(--spacing-scale-base)*-1) !important; } .p-lg-3 { padding: var(--spacing-scale-2x) !important; } .px-lg-3 { padding-left: var(--spacing-scale-2x) !important; padding-right: var(--spacing-scale-2x) !important; } .py-lg-3 { padding-bottom: var(--spacing-scale-2x) !important; } .pt-lg-3, .py-lg-3 { padding-top: var(--spacing-scale-2x) !important; } .pt-lg-n3 { padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .pr-lg-3 { padding-right: var(--spacing-scale-2x) !important; } .pr-lg-n3 { padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .pb-lg-3 { padding-bottom: var(--spacing-scale-2x) !important; } .pb-lg-n3 { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .pl-lg-3 { padding-left: var(--spacing-scale-2x) !important; } .pl-lg-n3 { padding-left: calc(var(--spacing-scale-2x)*-1) !important; } .p-lg-n3 { padding: calc(var(--spacing-scale-2x)*-1) !important; } .px-lg-n3 { padding-left: calc(var(--spacing-scale-2x)*-1) !important; padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .py-lg-n3 { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .p-lg-4 { padding: var(--spacing-scale-3x) !important; } .px-lg-4 { padding-left: var(--spacing-scale-3x) !important; padding-right: var(--spacing-scale-3x) !important; } .py-lg-4 { padding-bottom: var(--spacing-scale-3x) !important; } .pt-lg-4, .py-lg-4 { padding-top: var(--spacing-scale-3x) !important; } .pt-lg-n4 { padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .pr-lg-4 { padding-right: var(--spacing-scale-3x) !important; } .pr-lg-n4 { padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .pb-lg-4 { padding-bottom: var(--spacing-scale-3x) !important; } .pb-lg-n4 { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .pl-lg-4 { padding-left: var(--spacing-scale-3x) !important; } .pl-lg-n4 { padding-left: calc(var(--spacing-scale-3x)*-1) !important; } .p-lg-n4 { padding: calc(var(--spacing-scale-3x)*-1) !important; } .px-lg-n4 { padding-left: calc(var(--spacing-scale-3x)*-1) !important; padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .py-lg-n4 { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .p-lg-5 { padding: var(--spacing-scale-4x) !important; } .px-lg-5 { padding-left: var(--spacing-scale-4x) !important; padding-right: var(--spacing-scale-4x) !important; } .py-lg-5 { padding-bottom: var(--spacing-scale-4x) !important; } .pt-lg-5, .py-lg-5 { padding-top: var(--spacing-scale-4x) !important; } .pt-lg-n5 { padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .pr-lg-5 { padding-right: var(--spacing-scale-4x) !important; } .pr-lg-n5 { padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .pb-lg-5 { padding-bottom: var(--spacing-scale-4x) !important; } .pb-lg-n5 { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .pl-lg-5 { padding-left: var(--spacing-scale-4x) !important; } .pl-lg-n5 { padding-left: calc(var(--spacing-scale-4x)*-1) !important; } .p-lg-n5 { padding: calc(var(--spacing-scale-4x)*-1) !important; } .px-lg-n5 { padding-left: calc(var(--spacing-scale-4x)*-1) !important; padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .py-lg-n5 { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .p-lg-6 { padding: var(--spacing-scale-5x) !important; } .px-lg-6 { padding-left: var(--spacing-scale-5x) !important; padding-right: var(--spacing-scale-5x) !important; } .py-lg-6 { padding-bottom: var(--spacing-scale-5x) !important; } .pt-lg-6, .py-lg-6 { padding-top: var(--spacing-scale-5x) !important; } .pt-lg-n6 { padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .pr-lg-6 { padding-right: var(--spacing-scale-5x) !important; } .pr-lg-n6 { padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .pb-lg-6 { padding-bottom: var(--spacing-scale-5x) !important; } .pb-lg-n6 { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .pl-lg-6 { padding-left: var(--spacing-scale-5x) !important; } .pl-lg-n6 { padding-left: calc(var(--spacing-scale-5x)*-1) !important; } .p-lg-n6 { padding: calc(var(--spacing-scale-5x)*-1) !important; } .px-lg-n6 { padding-left: calc(var(--spacing-scale-5x)*-1) !important; padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .py-lg-n6 { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .p-lg-2x { padding: var(--spacing-scale-2x) !important; } .px-lg-2x { padding-left: var(--spacing-scale-2x) !important; padding-right: var(--spacing-scale-2x) !important; } .py-lg-2x { padding-bottom: var(--spacing-scale-2x) !important; } .pt-lg-2x, .py-lg-2x { padding-top: var(--spacing-scale-2x) !important; } .pt-lg-n2x { padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .pr-lg-2x { padding-right: var(--spacing-scale-2x) !important; } .pr-lg-n2x { padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .pb-lg-2x { padding-bottom: var(--spacing-scale-2x) !important; } .pb-lg-n2x { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .pl-lg-2x { padding-left: var(--spacing-scale-2x) !important; } .pl-lg-n2x { padding-left: calc(var(--spacing-scale-2x)*-1) !important; } .p-lg-n2x { padding: calc(var(--spacing-scale-2x)*-1) !important; } .px-lg-n2x { padding-left: calc(var(--spacing-scale-2x)*-1) !important; padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .py-lg-n2x { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .p-lg-2xh { padding: var(--spacing-scale-2xh) !important; } .px-lg-2xh { padding-left: var(--spacing-scale-2xh) !important; padding-right: var(--spacing-scale-2xh) !important; } .py-lg-2xh { padding-bottom: var(--spacing-scale-2xh) !important; } .pt-lg-2xh, .py-lg-2xh { padding-top: var(--spacing-scale-2xh) !important; } .pt-lg-n2xh { padding-top: calc(var(--spacing-scale-2xh)*-1) !important; } .pr-lg-2xh { padding-right: var(--spacing-scale-2xh) !important; } .pr-lg-n2xh { padding-right: calc(var(--spacing-scale-2xh)*-1) !important; } .pb-lg-2xh { padding-bottom: var(--spacing-scale-2xh) !important; } .pb-lg-n2xh { padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important; } .pl-lg-2xh { padding-left: var(--spacing-scale-2xh) !important; } .pl-lg-n2xh { padding-left: calc(var(--spacing-scale-2xh)*-1) !important; } .p-lg-n2xh { padding: calc(var(--spacing-scale-2xh)*-1) !important; } .px-lg-n2xh { padding-left: calc(var(--spacing-scale-2xh)*-1) !important; padding-right: calc(var(--spacing-scale-2xh)*-1) !important; } .py-lg-n2xh { padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important; padding-top: calc(var(--spacing-scale-2xh)*-1) !important; } .p-lg-3x { padding: var(--spacing-scale-3x) !important; } .px-lg-3x { padding-left: var(--spacing-scale-3x) !important; padding-right: var(--spacing-scale-3x) !important; } .py-lg-3x { padding-bottom: var(--spacing-scale-3x) !important; } .pt-lg-3x, .py-lg-3x { padding-top: var(--spacing-scale-3x) !important; } .pt-lg-n3x { padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .pr-lg-3x { padding-right: var(--spacing-scale-3x) !important; } .pr-lg-n3x { padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .pb-lg-3x { padding-bottom: var(--spacing-scale-3x) !important; } .pb-lg-n3x { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .pl-lg-3x { padding-left: var(--spacing-scale-3x) !important; } .pl-lg-n3x { padding-left: calc(var(--spacing-scale-3x)*-1) !important; } .p-lg-n3x { padding: calc(var(--spacing-scale-3x)*-1) !important; } .px-lg-n3x { padding-left: calc(var(--spacing-scale-3x)*-1) !important; padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .py-lg-n3x { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .p-lg-3xh { padding: var(--spacing-scale-3xh) !important; } .px-lg-3xh { padding-left: var(--spacing-scale-3xh) !important; padding-right: var(--spacing-scale-3xh) !important; } .py-lg-3xh { padding-bottom: var(--spacing-scale-3xh) !important; } .pt-lg-3xh, .py-lg-3xh { padding-top: var(--spacing-scale-3xh) !important; } .pt-lg-n3xh { padding-top: calc(var(--spacing-scale-3xh)*-1) !important; } .pr-lg-3xh { padding-right: var(--spacing-scale-3xh) !important; } .pr-lg-n3xh { padding-right: calc(var(--spacing-scale-3xh)*-1) !important; } .pb-lg-3xh { padding-bottom: var(--spacing-scale-3xh) !important; } .pb-lg-n3xh { padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important; } .pl-lg-3xh { padding-left: var(--spacing-scale-3xh) !important; } .pl-lg-n3xh { padding-left: calc(var(--spacing-scale-3xh)*-1) !important; } .p-lg-n3xh { padding: calc(var(--spacing-scale-3xh)*-1) !important; } .px-lg-n3xh { padding-left: calc(var(--spacing-scale-3xh)*-1) !important; padding-right: calc(var(--spacing-scale-3xh)*-1) !important; } .py-lg-n3xh { padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important; padding-top: calc(var(--spacing-scale-3xh)*-1) !important; } .p-lg-4x { padding: var(--spacing-scale-4x) !important; } .px-lg-4x { padding-left: var(--spacing-scale-4x) !important; padding-right: var(--spacing-scale-4x) !important; } .py-lg-4x { padding-bottom: var(--spacing-scale-4x) !important; } .pt-lg-4x, .py-lg-4x { padding-top: var(--spacing-scale-4x) !important; } .pt-lg-n4x { padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .pr-lg-4x { padding-right: var(--spacing-scale-4x) !important; } .pr-lg-n4x { padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .pb-lg-4x { padding-bottom: var(--spacing-scale-4x) !important; } .pb-lg-n4x { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .pl-lg-4x { padding-left: var(--spacing-scale-4x) !important; } .pl-lg-n4x { padding-left: calc(var(--spacing-scale-4x)*-1) !important; } .p-lg-n4x { padding: calc(var(--spacing-scale-4x)*-1) !important; } .px-lg-n4x { padding-left: calc(var(--spacing-scale-4x)*-1) !important; padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .py-lg-n4x { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .p-lg-4xh { padding: var(--spacing-scale-4xh) !important; } .px-lg-4xh { padding-left: var(--spacing-scale-4xh) !important; padding-right: var(--spacing-scale-4xh) !important; } .py-lg-4xh { padding-bottom: var(--spacing-scale-4xh) !important; } .pt-lg-4xh, .py-lg-4xh { padding-top: var(--spacing-scale-4xh) !important; } .pt-lg-n4xh { padding-top: calc(var(--spacing-scale-4xh)*-1) !important; } .pr-lg-4xh { padding-right: var(--spacing-scale-4xh) !important; } .pr-lg-n4xh { padding-right: calc(var(--spacing-scale-4xh)*-1) !important; } .pb-lg-4xh { padding-bottom: var(--spacing-scale-4xh) !important; } .pb-lg-n4xh { padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important; } .pl-lg-4xh { padding-left: var(--spacing-scale-4xh) !important; } .pl-lg-n4xh { padding-left: calc(var(--spacing-scale-4xh)*-1) !important; } .p-lg-n4xh { padding: calc(var(--spacing-scale-4xh)*-1) !important; } .px-lg-n4xh { padding-left: calc(var(--spacing-scale-4xh)*-1) !important; padding-right: calc(var(--spacing-scale-4xh)*-1) !important; } .py-lg-n4xh { padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important; padding-top: calc(var(--spacing-scale-4xh)*-1) !important; } .p-lg-5x { padding: var(--spacing-scale-5x) !important; } .px-lg-5x { padding-left: var(--spacing-scale-5x) !important; padding-right: var(--spacing-scale-5x) !important; } .py-lg-5x { padding-bottom: var(--spacing-scale-5x) !important; } .pt-lg-5x, .py-lg-5x { padding-top: var(--spacing-scale-5x) !important; } .pt-lg-n5x { padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .pr-lg-5x { padding-right: var(--spacing-scale-5x) !important; } .pr-lg-n5x { padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .pb-lg-5x { padding-bottom: var(--spacing-scale-5x) !important; } .pb-lg-n5x { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .pl-lg-5x { padding-left: var(--spacing-scale-5x) !important; } .pl-lg-n5x { padding-left: calc(var(--spacing-scale-5x)*-1) !important; } .p-lg-n5x { padding: calc(var(--spacing-scale-5x)*-1) !important; } .px-lg-n5x { padding-left: calc(var(--spacing-scale-5x)*-1) !important; padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .py-lg-n5x { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .p-lg-5xh { padding: var(--spacing-scale-5xh) !important; } .px-lg-5xh { padding-left: var(--spacing-scale-5xh) !important; padding-right: var(--spacing-scale-5xh) !important; } .py-lg-5xh { padding-bottom: var(--spacing-scale-5xh) !important; } .pt-lg-5xh, .py-lg-5xh { padding-top: var(--spacing-scale-5xh) !important; } .pt-lg-n5xh { padding-top: calc(var(--spacing-scale-5xh)*-1) !important; } .pr-lg-5xh { padding-right: var(--spacing-scale-5xh) !important; } .pr-lg-n5xh { padding-right: calc(var(--spacing-scale-5xh)*-1) !important; } .pb-lg-5xh { padding-bottom: var(--spacing-scale-5xh) !important; } .pb-lg-n5xh { padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important; } .pl-lg-5xh { padding-left: var(--spacing-scale-5xh) !important; } .pl-lg-n5xh { padding-left: calc(var(--spacing-scale-5xh)*-1) !important; } .p-lg-n5xh { padding: calc(var(--spacing-scale-5xh)*-1) !important; } .px-lg-n5xh { padding-left: calc(var(--spacing-scale-5xh)*-1) !important; padding-right: calc(var(--spacing-scale-5xh)*-1) !important; } .py-lg-n5xh { padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important; padding-top: calc(var(--spacing-scale-5xh)*-1) !important; } .p-lg-6x { padding: var(--spacing-scale-6x) !important; } .px-lg-6x { padding-left: var(--spacing-scale-6x) !important; padding-right: var(--spacing-scale-6x) !important; } .py-lg-6x { padding-bottom: var(--spacing-scale-6x) !important; } .pt-lg-6x, .py-lg-6x { padding-top: var(--spacing-scale-6x) !important; } .pt-lg-n6x { padding-top: calc(var(--spacing-scale-6x)*-1) !important; } .pr-lg-6x { padding-right: var(--spacing-scale-6x) !important; } .pr-lg-n6x { padding-right: calc(var(--spacing-scale-6x)*-1) !important; } .pb-lg-6x { padding-bottom: var(--spacing-scale-6x) !important; } .pb-lg-n6x { padding-bottom: calc(var(--spacing-scale-6x)*-1) !important; } .pl-lg-6x { padding-left: var(--spacing-scale-6x) !important; } .pl-lg-n6x { padding-left: calc(var(--spacing-scale-6x)*-1) !important; } .p-lg-n6x { padding: calc(var(--spacing-scale-6x)*-1) !important; } .px-lg-n6x { padding-left: calc(var(--spacing-scale-6x)*-1) !important; padding-right: calc(var(--spacing-scale-6x)*-1) !important; } .py-lg-n6x { padding-bottom: calc(var(--spacing-scale-6x)*-1) !important; padding-top: calc(var(--spacing-scale-6x)*-1) !important; } .p-lg-6xh { padding: var(--spacing-scale-6xh) !important; } .px-lg-6xh { padding-left: var(--spacing-scale-6xh) !important; padding-right: var(--spacing-scale-6xh) !important; } .py-lg-6xh { padding-bottom: var(--spacing-scale-6xh) !important; } .pt-lg-6xh, .py-lg-6xh { padding-top: var(--spacing-scale-6xh) !important; } .pt-lg-n6xh { padding-top: calc(var(--spacing-scale-6xh)*-1) !important; } .pr-lg-6xh { padding-right: var(--spacing-scale-6xh) !important; } .pr-lg-n6xh { padding-right: calc(var(--spacing-scale-6xh)*-1) !important; } .pb-lg-6xh { padding-bottom: var(--spacing-scale-6xh) !important; } .pb-lg-n6xh { padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important; } .pl-lg-6xh { padding-left: var(--spacing-scale-6xh) !important; } .pl-lg-n6xh { padding-left: calc(var(--spacing-scale-6xh)*-1) !important; } .p-lg-n6xh { padding: calc(var(--spacing-scale-6xh)*-1) !important; } .px-lg-n6xh { padding-left: calc(var(--spacing-scale-6xh)*-1) !important; padding-right: calc(var(--spacing-scale-6xh)*-1) !important; } .py-lg-n6xh { padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important; padding-top: calc(var(--spacing-scale-6xh)*-1) !important; } .p-lg-7x { padding: var(--spacing-scale-7x) !important; } .px-lg-7x { padding-left: var(--spacing-scale-7x) !important; padding-right: var(--spacing-scale-7x) !important; } .py-lg-7x { padding-bottom: var(--spacing-scale-7x) !important; } .pt-lg-7x, .py-lg-7x { padding-top: var(--spacing-scale-7x) !important; } .pt-lg-n7x { padding-top: calc(var(--spacing-scale-7x)*-1) !important; } .pr-lg-7x { padding-right: var(--spacing-scale-7x) !important; } .pr-lg-n7x { padding-right: calc(var(--spacing-scale-7x)*-1) !important; } .pb-lg-7x { padding-bottom: var(--spacing-scale-7x) !important; } .pb-lg-n7x { padding-bottom: calc(var(--spacing-scale-7x)*-1) !important; } .pl-lg-7x { padding-left: var(--spacing-scale-7x) !important; } .pl-lg-n7x { padding-left: calc(var(--spacing-scale-7x)*-1) !important; } .p-lg-n7x { padding: calc(var(--spacing-scale-7x)*-1) !important; } .px-lg-n7x { padding-left: calc(var(--spacing-scale-7x)*-1) !important; padding-right: calc(var(--spacing-scale-7x)*-1) !important; } .py-lg-n7x { padding-bottom: calc(var(--spacing-scale-7x)*-1) !important; padding-top: calc(var(--spacing-scale-7x)*-1) !important; } .p-lg-7xh { padding: var(--spacing-scale-7xh) !important; } .px-lg-7xh { padding-left: var(--spacing-scale-7xh) !important; padding-right: var(--spacing-scale-7xh) !important; } .py-lg-7xh { padding-bottom: var(--spacing-scale-7xh) !important; } .pt-lg-7xh, .py-lg-7xh { padding-top: var(--spacing-scale-7xh) !important; } .pt-lg-n7xh { padding-top: calc(var(--spacing-scale-7xh)*-1) !important; } .pr-lg-7xh { padding-right: var(--spacing-scale-7xh) !important; } .pr-lg-n7xh { padding-right: calc(var(--spacing-scale-7xh)*-1) !important; } .pb-lg-7xh { padding-bottom: var(--spacing-scale-7xh) !important; } .pb-lg-n7xh { padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important; } .pl-lg-7xh { padding-left: var(--spacing-scale-7xh) !important; } .pl-lg-n7xh { padding-left: calc(var(--spacing-scale-7xh)*-1) !important; } .p-lg-n7xh { padding: calc(var(--spacing-scale-7xh)*-1) !important; } .px-lg-n7xh { padding-left: calc(var(--spacing-scale-7xh)*-1) !important; padding-right: calc(var(--spacing-scale-7xh)*-1) !important; } .py-lg-n7xh { padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important; padding-top: calc(var(--spacing-scale-7xh)*-1) !important; } .p-lg-8x { padding: var(--spacing-scale-8x) !important; } .px-lg-8x { padding-left: var(--spacing-scale-8x) !important; padding-right: var(--spacing-scale-8x) !important; } .py-lg-8x { padding-bottom: var(--spacing-scale-8x) !important; } .pt-lg-8x, .py-lg-8x { padding-top: var(--spacing-scale-8x) !important; } .pt-lg-n8x { padding-top: calc(var(--spacing-scale-8x)*-1) !important; } .pr-lg-8x { padding-right: var(--spacing-scale-8x) !important; } .pr-lg-n8x { padding-right: calc(var(--spacing-scale-8x)*-1) !important; } .pb-lg-8x { padding-bottom: var(--spacing-scale-8x) !important; } .pb-lg-n8x { padding-bottom: calc(var(--spacing-scale-8x)*-1) !important; } .pl-lg-8x { padding-left: var(--spacing-scale-8x) !important; } .pl-lg-n8x { padding-left: calc(var(--spacing-scale-8x)*-1) !important; } .p-lg-n8x { padding: calc(var(--spacing-scale-8x)*-1) !important; } .px-lg-n8x { padding-left: calc(var(--spacing-scale-8x)*-1) !important; padding-right: calc(var(--spacing-scale-8x)*-1) !important; } .py-lg-n8x { padding-bottom: calc(var(--spacing-scale-8x)*-1) !important; padding-top: calc(var(--spacing-scale-8x)*-1) !important; } .p-lg-8xh { padding: var(--spacing-scale-8xh) !important; } .px-lg-8xh { padding-left: var(--spacing-scale-8xh) !important; padding-right: var(--spacing-scale-8xh) !important; } .py-lg-8xh { padding-bottom: var(--spacing-scale-8xh) !important; } .pt-lg-8xh, .py-lg-8xh { padding-top: var(--spacing-scale-8xh) !important; } .pt-lg-n8xh { padding-top: calc(var(--spacing-scale-8xh)*-1) !important; } .pr-lg-8xh { padding-right: var(--spacing-scale-8xh) !important; } .pr-lg-n8xh { padding-right: calc(var(--spacing-scale-8xh)*-1) !important; } .pb-lg-8xh { padding-bottom: var(--spacing-scale-8xh) !important; } .pb-lg-n8xh { padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important; } .pl-lg-8xh { padding-left: var(--spacing-scale-8xh) !important; } .pl-lg-n8xh { padding-left: calc(var(--spacing-scale-8xh)*-1) !important; } .p-lg-n8xh { padding: calc(var(--spacing-scale-8xh)*-1) !important; } .px-lg-n8xh { padding-left: calc(var(--spacing-scale-8xh)*-1) !important; padding-right: calc(var(--spacing-scale-8xh)*-1) !important; } .py-lg-n8xh { padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important; padding-top: calc(var(--spacing-scale-8xh)*-1) !important; } .p-lg-9x { padding: var(--spacing-scale-9x) !important; } .px-lg-9x { padding-left: var(--spacing-scale-9x) !important; padding-right: var(--spacing-scale-9x) !important; } .py-lg-9x { padding-bottom: var(--spacing-scale-9x) !important; } .pt-lg-9x, .py-lg-9x { padding-top: var(--spacing-scale-9x) !important; } .pt-lg-n9x { padding-top: calc(var(--spacing-scale-9x)*-1) !important; } .pr-lg-9x { padding-right: var(--spacing-scale-9x) !important; } .pr-lg-n9x { padding-right: calc(var(--spacing-scale-9x)*-1) !important; } .pb-lg-9x { padding-bottom: var(--spacing-scale-9x) !important; } .pb-lg-n9x { padding-bottom: calc(var(--spacing-scale-9x)*-1) !important; } .pl-lg-9x { padding-left: var(--spacing-scale-9x) !important; } .pl-lg-n9x { padding-left: calc(var(--spacing-scale-9x)*-1) !important; } .p-lg-n9x { padding: calc(var(--spacing-scale-9x)*-1) !important; } .px-lg-n9x { padding-left: calc(var(--spacing-scale-9x)*-1) !important; padding-right: calc(var(--spacing-scale-9x)*-1) !important; } .py-lg-n9x { padding-bottom: calc(var(--spacing-scale-9x)*-1) !important; padding-top: calc(var(--spacing-scale-9x)*-1) !important; } .p-lg-9xh { padding: var(--spacing-scale-9xh) !important; } .px-lg-9xh { padding-left: var(--spacing-scale-9xh) !important; padding-right: var(--spacing-scale-9xh) !important; } .py-lg-9xh { padding-bottom: var(--spacing-scale-9xh) !important; } .pt-lg-9xh, .py-lg-9xh { padding-top: var(--spacing-scale-9xh) !important; } .pt-lg-n9xh { padding-top: calc(var(--spacing-scale-9xh)*-1) !important; } .pr-lg-9xh { padding-right: var(--spacing-scale-9xh) !important; } .pr-lg-n9xh { padding-right: calc(var(--spacing-scale-9xh)*-1) !important; } .pb-lg-9xh { padding-bottom: var(--spacing-scale-9xh) !important; } .pb-lg-n9xh { padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important; } .pl-lg-9xh { padding-left: var(--spacing-scale-9xh) !important; } .pl-lg-n9xh { padding-left: calc(var(--spacing-scale-9xh)*-1) !important; } .p-lg-n9xh { padding: calc(var(--spacing-scale-9xh)*-1) !important; } .px-lg-n9xh { padding-left: calc(var(--spacing-scale-9xh)*-1) !important; padding-right: calc(var(--spacing-scale-9xh)*-1) !important; } .py-lg-n9xh { padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important; padding-top: calc(var(--spacing-scale-9xh)*-1) !important; } .p-lg-10x { padding: var(--spacing-scale-10x) !important; } .px-lg-10x { padding-left: var(--spacing-scale-10x) !important; padding-right: var(--spacing-scale-10x) !important; } .py-lg-10x { padding-bottom: var(--spacing-scale-10x) !important; } .pt-lg-10x, .py-lg-10x { padding-top: var(--spacing-scale-10x) !important; } .pt-lg-n10x { padding-top: calc(var(--spacing-scale-10x)*-1) !important; } .pr-lg-10x { padding-right: var(--spacing-scale-10x) !important; } .pr-lg-n10x { padding-right: calc(var(--spacing-scale-10x)*-1) !important; } .pb-lg-10x { padding-bottom: var(--spacing-scale-10x) !important; } .pb-lg-n10x { padding-bottom: calc(var(--spacing-scale-10x)*-1) !important; } .pl-lg-10x { padding-left: var(--spacing-scale-10x) !important; } .pl-lg-n10x { padding-left: calc(var(--spacing-scale-10x)*-1) !important; } .p-lg-n10x { padding: calc(var(--spacing-scale-10x)*-1) !important; } .px-lg-n10x { padding-left: calc(var(--spacing-scale-10x)*-1) !important; padding-right: calc(var(--spacing-scale-10x)*-1) !important; } .py-lg-n10x { padding-bottom: calc(var(--spacing-scale-10x)*-1) !important; padding-top: calc(var(--spacing-scale-10x)*-1) !important; } .p-lg-10xh { padding: var(--spacing-scale-10xh) !important; } .px-lg-10xh { padding-left: var(--spacing-scale-10xh) !important; padding-right: var(--spacing-scale-10xh) !important; } .py-lg-10xh { padding-bottom: var(--spacing-scale-10xh) !important; } .pt-lg-10xh, .py-lg-10xh { padding-top: var(--spacing-scale-10xh) !important; } .pt-lg-n10xh { padding-top: calc(var(--spacing-scale-10xh)*-1) !important; } .pr-lg-10xh { padding-right: var(--spacing-scale-10xh) !important; } .pr-lg-n10xh { padding-right: calc(var(--spacing-scale-10xh)*-1) !important; } .pb-lg-10xh { padding-bottom: var(--spacing-scale-10xh) !important; } .pb-lg-n10xh { padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important; } .pl-lg-10xh { padding-left: var(--spacing-scale-10xh) !important; } .pl-lg-n10xh { padding-left: calc(var(--spacing-scale-10xh)*-1) !important; } .p-lg-n10xh { padding: calc(var(--spacing-scale-10xh)*-1) !important; } .px-lg-n10xh { padding-left: calc(var(--spacing-scale-10xh)*-1) !important; padding-right: calc(var(--spacing-scale-10xh)*-1) !important; } .py-lg-n10xh { padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important; padding-top: calc(var(--spacing-scale-10xh)*-1) !important; }} @media (min-width: 1600px) { .m-xl-0 { margin: var(--spacing-scale-default) !important; } .mx-xl-0 { margin-left: var(--spacing-scale-default) !important; margin-right: var(--spacing-scale-default) !important; } .my-xl-0 { margin-bottom: var(--spacing-scale-default) !important; } .mt-xl-0, .my-xl-0 { margin-top: var(--spacing-scale-default) !important; } .mr-xl-0 { margin-right: var(--spacing-scale-default) !important; } .mb-xl-0 { margin-bottom: var(--spacing-scale-default) !important; } .ml-xl-0 { margin-left: var(--spacing-scale-default) !important; } .m-xl-half { margin: var(--spacing-scale-half) !important; } .mx-xl-half { margin-left: var(--spacing-scale-half) !important; margin-right: var(--spacing-scale-half) !important; } .my-xl-half { margin-bottom: var(--spacing-scale-half) !important; } .mt-xl-half, .my-xl-half { margin-top: var(--spacing-scale-half) !important; } .mt-xl-nhalf { margin-top: calc(var(--spacing-scale-half)*-1) !important; } .mr-xl-half { margin-right: var(--spacing-scale-half) !important; } .mr-xl-nhalf { margin-right: calc(var(--spacing-scale-half)*-1) !important; } .mb-xl-half { margin-bottom: var(--spacing-scale-half) !important; } .mb-xl-nhalf { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; } .ml-xl-half { margin-left: var(--spacing-scale-half) !important; } .ml-xl-nhalf { margin-left: calc(var(--spacing-scale-half)*-1) !important; } .m-xl-nhalf { margin: calc(var(--spacing-scale-half)*-1) !important; } .mx-xl-nhalf { margin-left: calc(var(--spacing-scale-half)*-1) !important; margin-right: calc(var(--spacing-scale-half)*-1) !important; } .my-xl-nhalf { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; margin-top: calc(var(--spacing-scale-half)*-1) !important; } .m-xl-base { margin: var(--spacing-scale-base) !important; } .mx-xl-base { margin-left: var(--spacing-scale-base) !important; margin-right: var(--spacing-scale-base) !important; } .my-xl-base { margin-bottom: var(--spacing-scale-base) !important; } .mt-xl-base, .my-xl-base { margin-top: var(--spacing-scale-base) !important; } .mt-xl-nbase { margin-top: calc(var(--spacing-scale-base)*-1) !important; } .mr-xl-base { margin-right: var(--spacing-scale-base) !important; } .mr-xl-nbase { margin-right: calc(var(--spacing-scale-base)*-1) !important; } .mb-xl-base { margin-bottom: var(--spacing-scale-base) !important; } .mb-xl-nbase { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; } .ml-xl-base { margin-left: var(--spacing-scale-base) !important; } .ml-xl-nbase { margin-left: calc(var(--spacing-scale-base)*-1) !important; } .m-xl-nbase { margin: calc(var(--spacing-scale-base)*-1) !important; } .mx-xl-nbase { margin-left: calc(var(--spacing-scale-base)*-1) !important; margin-right: calc(var(--spacing-scale-base)*-1) !important; } .my-xl-nbase { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; margin-top: calc(var(--spacing-scale-base)*-1) !important; } .m-xl-baseh { margin: var(--spacing-scale-baseh) !important; } .mx-xl-baseh { margin-left: var(--spacing-scale-baseh) !important; margin-right: var(--spacing-scale-baseh) !important; } .my-xl-baseh { margin-bottom: var(--spacing-scale-baseh) !important; } .mt-xl-baseh, .my-xl-baseh { margin-top: var(--spacing-scale-baseh) !important; } .mt-xl-nbaseh { margin-top: calc(var(--spacing-scale-baseh)*-1) !important; } .mr-xl-baseh { margin-right: var(--spacing-scale-baseh) !important; } .mr-xl-nbaseh { margin-right: calc(var(--spacing-scale-baseh)*-1) !important; } .mb-xl-baseh { margin-bottom: var(--spacing-scale-baseh) !important; } .mb-xl-nbaseh { margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important; } .ml-xl-baseh { margin-left: var(--spacing-scale-baseh) !important; } .ml-xl-nbaseh { margin-left: calc(var(--spacing-scale-baseh)*-1) !important; } .m-xl-nbaseh { margin: calc(var(--spacing-scale-baseh)*-1) !important; } .mx-xl-nbaseh { margin-left: calc(var(--spacing-scale-baseh)*-1) !important; margin-right: calc(var(--spacing-scale-baseh)*-1) !important; } .my-xl-nbaseh { margin-bottom: calc(var(--spacing-scale-baseh)*-1) !important; margin-top: calc(var(--spacing-scale-baseh)*-1) !important; } .m-xl-1 { margin: var(--spacing-scale-half) !important; } .mx-xl-1 { margin-left: var(--spacing-scale-half) !important; margin-right: var(--spacing-scale-half) !important; } .my-xl-1 { margin-bottom: var(--spacing-scale-half) !important; } .mt-xl-1, .my-xl-1 { margin-top: var(--spacing-scale-half) !important; } .mt-xl-n1 { margin-top: calc(var(--spacing-scale-half)*-1) !important; } .mr-xl-1 { margin-right: var(--spacing-scale-half) !important; } .mr-xl-n1 { margin-right: calc(var(--spacing-scale-half)*-1) !important; } .mb-xl-1 { margin-bottom: var(--spacing-scale-half) !important; } .mb-xl-n1 { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; } .ml-xl-1 { margin-left: var(--spacing-scale-half) !important; } .ml-xl-n1 { margin-left: calc(var(--spacing-scale-half)*-1) !important; } .m-xl-n1 { margin: calc(var(--spacing-scale-half)*-1) !important; } .mx-xl-n1 { margin-left: calc(var(--spacing-scale-half)*-1) !important; margin-right: calc(var(--spacing-scale-half)*-1) !important; } .my-xl-n1 { margin-bottom: calc(var(--spacing-scale-half)*-1) !important; margin-top: calc(var(--spacing-scale-half)*-1) !important; } .m-xl-2 { margin: var(--spacing-scale-base) !important; } .mx-xl-2 { margin-left: var(--spacing-scale-base) !important; margin-right: var(--spacing-scale-base) !important; } .my-xl-2 { margin-bottom: var(--spacing-scale-base) !important; } .mt-xl-2, .my-xl-2 { margin-top: var(--spacing-scale-base) !important; } .mt-xl-n2 { margin-top: calc(var(--spacing-scale-base)*-1) !important; } .mr-xl-2 { margin-right: var(--spacing-scale-base) !important; } .mr-xl-n2 { margin-right: calc(var(--spacing-scale-base)*-1) !important; } .mb-xl-2 { margin-bottom: var(--spacing-scale-base) !important; } .mb-xl-n2 { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; } .ml-xl-2 { margin-left: var(--spacing-scale-base) !important; } .ml-xl-n2 { margin-left: calc(var(--spacing-scale-base)*-1) !important; } .m-xl-n2 { margin: calc(var(--spacing-scale-base)*-1) !important; } .mx-xl-n2 { margin-left: calc(var(--spacing-scale-base)*-1) !important; margin-right: calc(var(--spacing-scale-base)*-1) !important; } .my-xl-n2 { margin-bottom: calc(var(--spacing-scale-base)*-1) !important; margin-top: calc(var(--spacing-scale-base)*-1) !important; } .m-xl-3 { margin: var(--spacing-scale-2x) !important; } .mx-xl-3 { margin-left: var(--spacing-scale-2x) !important; margin-right: var(--spacing-scale-2x) !important; } .my-xl-3 { margin-bottom: var(--spacing-scale-2x) !important; } .mt-xl-3, .my-xl-3 { margin-top: var(--spacing-scale-2x) !important; } .mt-xl-n3 { margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .mr-xl-3 { margin-right: var(--spacing-scale-2x) !important; } .mr-xl-n3 { margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .mb-xl-3 { margin-bottom: var(--spacing-scale-2x) !important; } .mb-xl-n3 { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .ml-xl-3 { margin-left: var(--spacing-scale-2x) !important; } .ml-xl-n3 { margin-left: calc(var(--spacing-scale-2x)*-1) !important; } .m-xl-n3 { margin: calc(var(--spacing-scale-2x)*-1) !important; } .mx-xl-n3 { margin-left: calc(var(--spacing-scale-2x)*-1) !important; margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .my-xl-n3 { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .m-xl-4 { margin: var(--spacing-scale-3x) !important; } .mx-xl-4 { margin-left: var(--spacing-scale-3x) !important; margin-right: var(--spacing-scale-3x) !important; } .my-xl-4 { margin-bottom: var(--spacing-scale-3x) !important; } .mt-xl-4, .my-xl-4 { margin-top: var(--spacing-scale-3x) !important; } .mt-xl-n4 { margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .mr-xl-4 { margin-right: var(--spacing-scale-3x) !important; } .mr-xl-n4 { margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .mb-xl-4 { margin-bottom: var(--spacing-scale-3x) !important; } .mb-xl-n4 { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .ml-xl-4 { margin-left: var(--spacing-scale-3x) !important; } .ml-xl-n4 { margin-left: calc(var(--spacing-scale-3x)*-1) !important; } .m-xl-n4 { margin: calc(var(--spacing-scale-3x)*-1) !important; } .mx-xl-n4 { margin-left: calc(var(--spacing-scale-3x)*-1) !important; margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .my-xl-n4 { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .m-xl-5 { margin: var(--spacing-scale-4x) !important; } .mx-xl-5 { margin-left: var(--spacing-scale-4x) !important; margin-right: var(--spacing-scale-4x) !important; } .my-xl-5 { margin-bottom: var(--spacing-scale-4x) !important; } .mt-xl-5, .my-xl-5 { margin-top: var(--spacing-scale-4x) !important; } .mt-xl-n5 { margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .mr-xl-5 { margin-right: var(--spacing-scale-4x) !important; } .mr-xl-n5 { margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .mb-xl-5 { margin-bottom: var(--spacing-scale-4x) !important; } .mb-xl-n5 { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .ml-xl-5 { margin-left: var(--spacing-scale-4x) !important; } .ml-xl-n5 { margin-left: calc(var(--spacing-scale-4x)*-1) !important; } .m-xl-n5 { margin: calc(var(--spacing-scale-4x)*-1) !important; } .mx-xl-n5 { margin-left: calc(var(--spacing-scale-4x)*-1) !important; margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .my-xl-n5 { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .m-xl-6 { margin: var(--spacing-scale-5x) !important; } .mx-xl-6 { margin-left: var(--spacing-scale-5x) !important; margin-right: var(--spacing-scale-5x) !important; } .my-xl-6 { margin-bottom: var(--spacing-scale-5x) !important; } .mt-xl-6, .my-xl-6 { margin-top: var(--spacing-scale-5x) !important; } .mt-xl-n6 { margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .mr-xl-6 { margin-right: var(--spacing-scale-5x) !important; } .mr-xl-n6 { margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .mb-xl-6 { margin-bottom: var(--spacing-scale-5x) !important; } .mb-xl-n6 { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .ml-xl-6 { margin-left: var(--spacing-scale-5x) !important; } .ml-xl-n6 { margin-left: calc(var(--spacing-scale-5x)*-1) !important; } .m-xl-n6 { margin: calc(var(--spacing-scale-5x)*-1) !important; } .mx-xl-n6 { margin-left: calc(var(--spacing-scale-5x)*-1) !important; margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .my-xl-n6 { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .m-xl-2x { margin: var(--spacing-scale-2x) !important; } .mx-xl-2x { margin-left: var(--spacing-scale-2x) !important; margin-right: var(--spacing-scale-2x) !important; } .my-xl-2x { margin-bottom: var(--spacing-scale-2x) !important; } .mt-xl-2x, .my-xl-2x { margin-top: var(--spacing-scale-2x) !important; } .mt-xl-n2x { margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .mr-xl-2x { margin-right: var(--spacing-scale-2x) !important; } .mr-xl-n2x { margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .mb-xl-2x { margin-bottom: var(--spacing-scale-2x) !important; } .mb-xl-n2x { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .ml-xl-2x { margin-left: var(--spacing-scale-2x) !important; } .ml-xl-n2x { margin-left: calc(var(--spacing-scale-2x)*-1) !important; } .m-xl-n2x { margin: calc(var(--spacing-scale-2x)*-1) !important; } .mx-xl-n2x { margin-left: calc(var(--spacing-scale-2x)*-1) !important; margin-right: calc(var(--spacing-scale-2x)*-1) !important; } .my-xl-n2x { margin-bottom: calc(var(--spacing-scale-2x)*-1) !important; margin-top: calc(var(--spacing-scale-2x)*-1) !important; } .m-xl-2xh { margin: var(--spacing-scale-2xh) !important; } .mx-xl-2xh { margin-left: var(--spacing-scale-2xh) !important; margin-right: var(--spacing-scale-2xh) !important; } .my-xl-2xh { margin-bottom: var(--spacing-scale-2xh) !important; } .mt-xl-2xh, .my-xl-2xh { margin-top: var(--spacing-scale-2xh) !important; } .mt-xl-n2xh { margin-top: calc(var(--spacing-scale-2xh)*-1) !important; } .mr-xl-2xh { margin-right: var(--spacing-scale-2xh) !important; } .mr-xl-n2xh { margin-right: calc(var(--spacing-scale-2xh)*-1) !important; } .mb-xl-2xh { margin-bottom: var(--spacing-scale-2xh) !important; } .mb-xl-n2xh { margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important; } .ml-xl-2xh { margin-left: var(--spacing-scale-2xh) !important; } .ml-xl-n2xh { margin-left: calc(var(--spacing-scale-2xh)*-1) !important; } .m-xl-n2xh { margin: calc(var(--spacing-scale-2xh)*-1) !important; } .mx-xl-n2xh { margin-left: calc(var(--spacing-scale-2xh)*-1) !important; margin-right: calc(var(--spacing-scale-2xh)*-1) !important; } .my-xl-n2xh { margin-bottom: calc(var(--spacing-scale-2xh)*-1) !important; margin-top: calc(var(--spacing-scale-2xh)*-1) !important; } .m-xl-3x { margin: var(--spacing-scale-3x) !important; } .mx-xl-3x { margin-left: var(--spacing-scale-3x) !important; margin-right: var(--spacing-scale-3x) !important; } .my-xl-3x { margin-bottom: var(--spacing-scale-3x) !important; } .mt-xl-3x, .my-xl-3x { margin-top: var(--spacing-scale-3x) !important; } .mt-xl-n3x { margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .mr-xl-3x { margin-right: var(--spacing-scale-3x) !important; } .mr-xl-n3x { margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .mb-xl-3x { margin-bottom: var(--spacing-scale-3x) !important; } .mb-xl-n3x { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .ml-xl-3x { margin-left: var(--spacing-scale-3x) !important; } .ml-xl-n3x { margin-left: calc(var(--spacing-scale-3x)*-1) !important; } .m-xl-n3x { margin: calc(var(--spacing-scale-3x)*-1) !important; } .mx-xl-n3x { margin-left: calc(var(--spacing-scale-3x)*-1) !important; margin-right: calc(var(--spacing-scale-3x)*-1) !important; } .my-xl-n3x { margin-bottom: calc(var(--spacing-scale-3x)*-1) !important; margin-top: calc(var(--spacing-scale-3x)*-1) !important; } .m-xl-3xh { margin: var(--spacing-scale-3xh) !important; } .mx-xl-3xh { margin-left: var(--spacing-scale-3xh) !important; margin-right: var(--spacing-scale-3xh) !important; } .my-xl-3xh { margin-bottom: var(--spacing-scale-3xh) !important; } .mt-xl-3xh, .my-xl-3xh { margin-top: var(--spacing-scale-3xh) !important; } .mt-xl-n3xh { margin-top: calc(var(--spacing-scale-3xh)*-1) !important; } .mr-xl-3xh { margin-right: var(--spacing-scale-3xh) !important; } .mr-xl-n3xh { margin-right: calc(var(--spacing-scale-3xh)*-1) !important; } .mb-xl-3xh { margin-bottom: var(--spacing-scale-3xh) !important; } .mb-xl-n3xh { margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important; } .ml-xl-3xh { margin-left: var(--spacing-scale-3xh) !important; } .ml-xl-n3xh { margin-left: calc(var(--spacing-scale-3xh)*-1) !important; } .m-xl-n3xh { margin: calc(var(--spacing-scale-3xh)*-1) !important; } .mx-xl-n3xh { margin-left: calc(var(--spacing-scale-3xh)*-1) !important; margin-right: calc(var(--spacing-scale-3xh)*-1) !important; } .my-xl-n3xh { margin-bottom: calc(var(--spacing-scale-3xh)*-1) !important; margin-top: calc(var(--spacing-scale-3xh)*-1) !important; } .m-xl-4x { margin: var(--spacing-scale-4x) !important; } .mx-xl-4x { margin-left: var(--spacing-scale-4x) !important; margin-right: var(--spacing-scale-4x) !important; } .my-xl-4x { margin-bottom: var(--spacing-scale-4x) !important; } .mt-xl-4x, .my-xl-4x { margin-top: var(--spacing-scale-4x) !important; } .mt-xl-n4x { margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .mr-xl-4x { margin-right: var(--spacing-scale-4x) !important; } .mr-xl-n4x { margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .mb-xl-4x { margin-bottom: var(--spacing-scale-4x) !important; } .mb-xl-n4x { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .ml-xl-4x { margin-left: var(--spacing-scale-4x) !important; } .ml-xl-n4x { margin-left: calc(var(--spacing-scale-4x)*-1) !important; } .m-xl-n4x { margin: calc(var(--spacing-scale-4x)*-1) !important; } .mx-xl-n4x { margin-left: calc(var(--spacing-scale-4x)*-1) !important; margin-right: calc(var(--spacing-scale-4x)*-1) !important; } .my-xl-n4x { margin-bottom: calc(var(--spacing-scale-4x)*-1) !important; margin-top: calc(var(--spacing-scale-4x)*-1) !important; } .m-xl-4xh { margin: var(--spacing-scale-4xh) !important; } .mx-xl-4xh { margin-left: var(--spacing-scale-4xh) !important; margin-right: var(--spacing-scale-4xh) !important; } .my-xl-4xh { margin-bottom: var(--spacing-scale-4xh) !important; } .mt-xl-4xh, .my-xl-4xh { margin-top: var(--spacing-scale-4xh) !important; } .mt-xl-n4xh { margin-top: calc(var(--spacing-scale-4xh)*-1) !important; } .mr-xl-4xh { margin-right: var(--spacing-scale-4xh) !important; } .mr-xl-n4xh { margin-right: calc(var(--spacing-scale-4xh)*-1) !important; } .mb-xl-4xh { margin-bottom: var(--spacing-scale-4xh) !important; } .mb-xl-n4xh { margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important; } .ml-xl-4xh { margin-left: var(--spacing-scale-4xh) !important; } .ml-xl-n4xh { margin-left: calc(var(--spacing-scale-4xh)*-1) !important; } .m-xl-n4xh { margin: calc(var(--spacing-scale-4xh)*-1) !important; } .mx-xl-n4xh { margin-left: calc(var(--spacing-scale-4xh)*-1) !important; margin-right: calc(var(--spacing-scale-4xh)*-1) !important; } .my-xl-n4xh { margin-bottom: calc(var(--spacing-scale-4xh)*-1) !important; margin-top: calc(var(--spacing-scale-4xh)*-1) !important; } .m-xl-5x { margin: var(--spacing-scale-5x) !important; } .mx-xl-5x { margin-left: var(--spacing-scale-5x) !important; margin-right: var(--spacing-scale-5x) !important; } .my-xl-5x { margin-bottom: var(--spacing-scale-5x) !important; } .mt-xl-5x, .my-xl-5x { margin-top: var(--spacing-scale-5x) !important; } .mt-xl-n5x { margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .mr-xl-5x { margin-right: var(--spacing-scale-5x) !important; } .mr-xl-n5x { margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .mb-xl-5x { margin-bottom: var(--spacing-scale-5x) !important; } .mb-xl-n5x { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .ml-xl-5x { margin-left: var(--spacing-scale-5x) !important; } .ml-xl-n5x { margin-left: calc(var(--spacing-scale-5x)*-1) !important; } .m-xl-n5x { margin: calc(var(--spacing-scale-5x)*-1) !important; } .mx-xl-n5x { margin-left: calc(var(--spacing-scale-5x)*-1) !important; margin-right: calc(var(--spacing-scale-5x)*-1) !important; } .my-xl-n5x { margin-bottom: calc(var(--spacing-scale-5x)*-1) !important; margin-top: calc(var(--spacing-scale-5x)*-1) !important; } .m-xl-5xh { margin: var(--spacing-scale-5xh) !important; } .mx-xl-5xh { margin-left: var(--spacing-scale-5xh) !important; margin-right: var(--spacing-scale-5xh) !important; } .my-xl-5xh { margin-bottom: var(--spacing-scale-5xh) !important; } .mt-xl-5xh, .my-xl-5xh { margin-top: var(--spacing-scale-5xh) !important; } .mt-xl-n5xh { margin-top: calc(var(--spacing-scale-5xh)*-1) !important; } .mr-xl-5xh { margin-right: var(--spacing-scale-5xh) !important; } .mr-xl-n5xh { margin-right: calc(var(--spacing-scale-5xh)*-1) !important; } .mb-xl-5xh { margin-bottom: var(--spacing-scale-5xh) !important; } .mb-xl-n5xh { margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important; } .ml-xl-5xh { margin-left: var(--spacing-scale-5xh) !important; } .ml-xl-n5xh { margin-left: calc(var(--spacing-scale-5xh)*-1) !important; } .m-xl-n5xh { margin: calc(var(--spacing-scale-5xh)*-1) !important; } .mx-xl-n5xh { margin-left: calc(var(--spacing-scale-5xh)*-1) !important; margin-right: calc(var(--spacing-scale-5xh)*-1) !important; } .my-xl-n5xh { margin-bottom: calc(var(--spacing-scale-5xh)*-1) !important; margin-top: calc(var(--spacing-scale-5xh)*-1) !important; } .m-xl-6x { margin: var(--spacing-scale-6x) !important; } .mx-xl-6x { margin-left: var(--spacing-scale-6x) !important; margin-right: var(--spacing-scale-6x) !important; } .my-xl-6x { margin-bottom: var(--spacing-scale-6x) !important; } .mt-xl-6x, .my-xl-6x { margin-top: var(--spacing-scale-6x) !important; } .mt-xl-n6x { margin-top: calc(var(--spacing-scale-6x)*-1) !important; } .mr-xl-6x { margin-right: var(--spacing-scale-6x) !important; } .mr-xl-n6x { margin-right: calc(var(--spacing-scale-6x)*-1) !important; } .mb-xl-6x { margin-bottom: var(--spacing-scale-6x) !important; } .mb-xl-n6x { margin-bottom: calc(var(--spacing-scale-6x)*-1) !important; } .ml-xl-6x { margin-left: var(--spacing-scale-6x) !important; } .ml-xl-n6x { margin-left: calc(var(--spacing-scale-6x)*-1) !important; } .m-xl-n6x { margin: calc(var(--spacing-scale-6x)*-1) !important; } .mx-xl-n6x { margin-left: calc(var(--spacing-scale-6x)*-1) !important; margin-right: calc(var(--spacing-scale-6x)*-1) !important; } .my-xl-n6x { margin-bottom: calc(var(--spacing-scale-6x)*-1) !important; margin-top: calc(var(--spacing-scale-6x)*-1) !important; } .m-xl-6xh { margin: var(--spacing-scale-6xh) !important; } .mx-xl-6xh { margin-left: var(--spacing-scale-6xh) !important; margin-right: var(--spacing-scale-6xh) !important; } .my-xl-6xh { margin-bottom: var(--spacing-scale-6xh) !important; } .mt-xl-6xh, .my-xl-6xh { margin-top: var(--spacing-scale-6xh) !important; } .mt-xl-n6xh { margin-top: calc(var(--spacing-scale-6xh)*-1) !important; } .mr-xl-6xh { margin-right: var(--spacing-scale-6xh) !important; } .mr-xl-n6xh { margin-right: calc(var(--spacing-scale-6xh)*-1) !important; } .mb-xl-6xh { margin-bottom: var(--spacing-scale-6xh) !important; } .mb-xl-n6xh { margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important; } .ml-xl-6xh { margin-left: var(--spacing-scale-6xh) !important; } .ml-xl-n6xh { margin-left: calc(var(--spacing-scale-6xh)*-1) !important; } .m-xl-n6xh { margin: calc(var(--spacing-scale-6xh)*-1) !important; } .mx-xl-n6xh { margin-left: calc(var(--spacing-scale-6xh)*-1) !important; margin-right: calc(var(--spacing-scale-6xh)*-1) !important; } .my-xl-n6xh { margin-bottom: calc(var(--spacing-scale-6xh)*-1) !important; margin-top: calc(var(--spacing-scale-6xh)*-1) !important; } .m-xl-7x { margin: var(--spacing-scale-7x) !important; } .mx-xl-7x { margin-left: var(--spacing-scale-7x) !important; margin-right: var(--spacing-scale-7x) !important; } .my-xl-7x { margin-bottom: var(--spacing-scale-7x) !important; } .mt-xl-7x, .my-xl-7x { margin-top: var(--spacing-scale-7x) !important; } .mt-xl-n7x { margin-top: calc(var(--spacing-scale-7x)*-1) !important; } .mr-xl-7x { margin-right: var(--spacing-scale-7x) !important; } .mr-xl-n7x { margin-right: calc(var(--spacing-scale-7x)*-1) !important; } .mb-xl-7x { margin-bottom: var(--spacing-scale-7x) !important; } .mb-xl-n7x { margin-bottom: calc(var(--spacing-scale-7x)*-1) !important; } .ml-xl-7x { margin-left: var(--spacing-scale-7x) !important; } .ml-xl-n7x { margin-left: calc(var(--spacing-scale-7x)*-1) !important; } .m-xl-n7x { margin: calc(var(--spacing-scale-7x)*-1) !important; } .mx-xl-n7x { margin-left: calc(var(--spacing-scale-7x)*-1) !important; margin-right: calc(var(--spacing-scale-7x)*-1) !important; } .my-xl-n7x { margin-bottom: calc(var(--spacing-scale-7x)*-1) !important; margin-top: calc(var(--spacing-scale-7x)*-1) !important; } .m-xl-7xh { margin: var(--spacing-scale-7xh) !important; } .mx-xl-7xh { margin-left: var(--spacing-scale-7xh) !important; margin-right: var(--spacing-scale-7xh) !important; } .my-xl-7xh { margin-bottom: var(--spacing-scale-7xh) !important; } .mt-xl-7xh, .my-xl-7xh { margin-top: var(--spacing-scale-7xh) !important; } .mt-xl-n7xh { margin-top: calc(var(--spacing-scale-7xh)*-1) !important; } .mr-xl-7xh { margin-right: var(--spacing-scale-7xh) !important; } .mr-xl-n7xh { margin-right: calc(var(--spacing-scale-7xh)*-1) !important; } .mb-xl-7xh { margin-bottom: var(--spacing-scale-7xh) !important; } .mb-xl-n7xh { margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important; } .ml-xl-7xh { margin-left: var(--spacing-scale-7xh) !important; } .ml-xl-n7xh { margin-left: calc(var(--spacing-scale-7xh)*-1) !important; } .m-xl-n7xh { margin: calc(var(--spacing-scale-7xh)*-1) !important; } .mx-xl-n7xh { margin-left: calc(var(--spacing-scale-7xh)*-1) !important; margin-right: calc(var(--spacing-scale-7xh)*-1) !important; } .my-xl-n7xh { margin-bottom: calc(var(--spacing-scale-7xh)*-1) !important; margin-top: calc(var(--spacing-scale-7xh)*-1) !important; } .m-xl-8x { margin: var(--spacing-scale-8x) !important; } .mx-xl-8x { margin-left: var(--spacing-scale-8x) !important; margin-right: var(--spacing-scale-8x) !important; } .my-xl-8x { margin-bottom: var(--spacing-scale-8x) !important; } .mt-xl-8x, .my-xl-8x { margin-top: var(--spacing-scale-8x) !important; } .mt-xl-n8x { margin-top: calc(var(--spacing-scale-8x)*-1) !important; } .mr-xl-8x { margin-right: var(--spacing-scale-8x) !important; } .mr-xl-n8x { margin-right: calc(var(--spacing-scale-8x)*-1) !important; } .mb-xl-8x { margin-bottom: var(--spacing-scale-8x) !important; } .mb-xl-n8x { margin-bottom: calc(var(--spacing-scale-8x)*-1) !important; } .ml-xl-8x { margin-left: var(--spacing-scale-8x) !important; } .ml-xl-n8x { margin-left: calc(var(--spacing-scale-8x)*-1) !important; } .m-xl-n8x { margin: calc(var(--spacing-scale-8x)*-1) !important; } .mx-xl-n8x { margin-left: calc(var(--spacing-scale-8x)*-1) !important; margin-right: calc(var(--spacing-scale-8x)*-1) !important; } .my-xl-n8x { margin-bottom: calc(var(--spacing-scale-8x)*-1) !important; margin-top: calc(var(--spacing-scale-8x)*-1) !important; } .m-xl-8xh { margin: var(--spacing-scale-8xh) !important; } .mx-xl-8xh { margin-left: var(--spacing-scale-8xh) !important; margin-right: var(--spacing-scale-8xh) !important; } .my-xl-8xh { margin-bottom: var(--spacing-scale-8xh) !important; } .mt-xl-8xh, .my-xl-8xh { margin-top: var(--spacing-scale-8xh) !important; } .mt-xl-n8xh { margin-top: calc(var(--spacing-scale-8xh)*-1) !important; } .mr-xl-8xh { margin-right: var(--spacing-scale-8xh) !important; } .mr-xl-n8xh { margin-right: calc(var(--spacing-scale-8xh)*-1) !important; } .mb-xl-8xh { margin-bottom: var(--spacing-scale-8xh) !important; } .mb-xl-n8xh { margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important; } .ml-xl-8xh { margin-left: var(--spacing-scale-8xh) !important; } .ml-xl-n8xh { margin-left: calc(var(--spacing-scale-8xh)*-1) !important; } .m-xl-n8xh { margin: calc(var(--spacing-scale-8xh)*-1) !important; } .mx-xl-n8xh { margin-left: calc(var(--spacing-scale-8xh)*-1) !important; margin-right: calc(var(--spacing-scale-8xh)*-1) !important; } .my-xl-n8xh { margin-bottom: calc(var(--spacing-scale-8xh)*-1) !important; margin-top: calc(var(--spacing-scale-8xh)*-1) !important; } .m-xl-9x { margin: var(--spacing-scale-9x) !important; } .mx-xl-9x { margin-left: var(--spacing-scale-9x) !important; margin-right: var(--spacing-scale-9x) !important; } .my-xl-9x { margin-bottom: var(--spacing-scale-9x) !important; } .mt-xl-9x, .my-xl-9x { margin-top: var(--spacing-scale-9x) !important; } .mt-xl-n9x { margin-top: calc(var(--spacing-scale-9x)*-1) !important; } .mr-xl-9x { margin-right: var(--spacing-scale-9x) !important; } .mr-xl-n9x { margin-right: calc(var(--spacing-scale-9x)*-1) !important; } .mb-xl-9x { margin-bottom: var(--spacing-scale-9x) !important; } .mb-xl-n9x { margin-bottom: calc(var(--spacing-scale-9x)*-1) !important; } .ml-xl-9x { margin-left: var(--spacing-scale-9x) !important; } .ml-xl-n9x { margin-left: calc(var(--spacing-scale-9x)*-1) !important; } .m-xl-n9x { margin: calc(var(--spacing-scale-9x)*-1) !important; } .mx-xl-n9x { margin-left: calc(var(--spacing-scale-9x)*-1) !important; margin-right: calc(var(--spacing-scale-9x)*-1) !important; } .my-xl-n9x { margin-bottom: calc(var(--spacing-scale-9x)*-1) !important; margin-top: calc(var(--spacing-scale-9x)*-1) !important; } .m-xl-9xh { margin: var(--spacing-scale-9xh) !important; } .mx-xl-9xh { margin-left: var(--spacing-scale-9xh) !important; margin-right: var(--spacing-scale-9xh) !important; } .my-xl-9xh { margin-bottom: var(--spacing-scale-9xh) !important; } .mt-xl-9xh, .my-xl-9xh { margin-top: var(--spacing-scale-9xh) !important; } .mt-xl-n9xh { margin-top: calc(var(--spacing-scale-9xh)*-1) !important; } .mr-xl-9xh { margin-right: var(--spacing-scale-9xh) !important; } .mr-xl-n9xh { margin-right: calc(var(--spacing-scale-9xh)*-1) !important; } .mb-xl-9xh { margin-bottom: var(--spacing-scale-9xh) !important; } .mb-xl-n9xh { margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important; } .ml-xl-9xh { margin-left: var(--spacing-scale-9xh) !important; } .ml-xl-n9xh { margin-left: calc(var(--spacing-scale-9xh)*-1) !important; } .m-xl-n9xh { margin: calc(var(--spacing-scale-9xh)*-1) !important; } .mx-xl-n9xh { margin-left: calc(var(--spacing-scale-9xh)*-1) !important; margin-right: calc(var(--spacing-scale-9xh)*-1) !important; } .my-xl-n9xh { margin-bottom: calc(var(--spacing-scale-9xh)*-1) !important; margin-top: calc(var(--spacing-scale-9xh)*-1) !important; } .m-xl-10x { margin: var(--spacing-scale-10x) !important; } .mx-xl-10x { margin-left: var(--spacing-scale-10x) !important; margin-right: var(--spacing-scale-10x) !important; } .my-xl-10x { margin-bottom: var(--spacing-scale-10x) !important; } .mt-xl-10x, .my-xl-10x { margin-top: var(--spacing-scale-10x) !important; } .mt-xl-n10x { margin-top: calc(var(--spacing-scale-10x)*-1) !important; } .mr-xl-10x { margin-right: var(--spacing-scale-10x) !important; } .mr-xl-n10x { margin-right: calc(var(--spacing-scale-10x)*-1) !important; } .mb-xl-10x { margin-bottom: var(--spacing-scale-10x) !important; } .mb-xl-n10x { margin-bottom: calc(var(--spacing-scale-10x)*-1) !important; } .ml-xl-10x { margin-left: var(--spacing-scale-10x) !important; } .ml-xl-n10x { margin-left: calc(var(--spacing-scale-10x)*-1) !important; } .m-xl-n10x { margin: calc(var(--spacing-scale-10x)*-1) !important; } .mx-xl-n10x { margin-left: calc(var(--spacing-scale-10x)*-1) !important; margin-right: calc(var(--spacing-scale-10x)*-1) !important; } .my-xl-n10x { margin-bottom: calc(var(--spacing-scale-10x)*-1) !important; margin-top: calc(var(--spacing-scale-10x)*-1) !important; } .m-xl-10xh { margin: var(--spacing-scale-10xh) !important; } .mx-xl-10xh { margin-left: var(--spacing-scale-10xh) !important; margin-right: var(--spacing-scale-10xh) !important; } .my-xl-10xh { margin-bottom: var(--spacing-scale-10xh) !important; } .mt-xl-10xh, .my-xl-10xh { margin-top: var(--spacing-scale-10xh) !important; } .mt-xl-n10xh { margin-top: calc(var(--spacing-scale-10xh)*-1) !important; } .mr-xl-10xh { margin-right: var(--spacing-scale-10xh) !important; } .mr-xl-n10xh { margin-right: calc(var(--spacing-scale-10xh)*-1) !important; } .mb-xl-10xh { margin-bottom: var(--spacing-scale-10xh) !important; } .mb-xl-n10xh { margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important; } .ml-xl-10xh { margin-left: var(--spacing-scale-10xh) !important; } .ml-xl-n10xh { margin-left: calc(var(--spacing-scale-10xh)*-1) !important; } .m-xl-n10xh { margin: calc(var(--spacing-scale-10xh)*-1) !important; } .mx-xl-n10xh { margin-left: calc(var(--spacing-scale-10xh)*-1) !important; margin-right: calc(var(--spacing-scale-10xh)*-1) !important; } .my-xl-n10xh { margin-bottom: calc(var(--spacing-scale-10xh)*-1) !important; margin-top: calc(var(--spacing-scale-10xh)*-1) !important; } .m-xl-auto { margin: auto !important; } .mx-xl-auto { margin-left: auto !important; margin-right: auto !important; } .my-xl-auto { margin-bottom: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto { margin-right: auto !important; } .mb-xl-auto { margin-bottom: auto !important; } .ml-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: var(--spacing-scale-default) !important; } .px-xl-0 { padding-left: var(--spacing-scale-default) !important; padding-right: var(--spacing-scale-default) !important; } .py-xl-0 { padding-bottom: var(--spacing-scale-default) !important; } .pt-xl-0, .py-xl-0 { padding-top: var(--spacing-scale-default) !important; } .pr-xl-0 { padding-right: var(--spacing-scale-default) !important; } .pb-xl-0 { padding-bottom: var(--spacing-scale-default) !important; } .pl-xl-0 { padding-left: var(--spacing-scale-default) !important; } .p-xl-half { padding: var(--spacing-scale-half) !important; } .px-xl-half { padding-left: var(--spacing-scale-half) !important; padding-right: var(--spacing-scale-half) !important; } .py-xl-half { padding-bottom: var(--spacing-scale-half) !important; } .pt-xl-half, .py-xl-half { padding-top: var(--spacing-scale-half) !important; } .pt-xl-nhalf { padding-top: calc(var(--spacing-scale-half)*-1) !important; } .pr-xl-half { padding-right: var(--spacing-scale-half) !important; } .pr-xl-nhalf { padding-right: calc(var(--spacing-scale-half)*-1) !important; } .pb-xl-half { padding-bottom: var(--spacing-scale-half) !important; } .pb-xl-nhalf { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; } .pl-xl-half { padding-left: var(--spacing-scale-half) !important; } .pl-xl-nhalf { padding-left: calc(var(--spacing-scale-half)*-1) !important; } .p-xl-nhalf { padding: calc(var(--spacing-scale-half)*-1) !important; } .px-xl-nhalf { padding-left: calc(var(--spacing-scale-half)*-1) !important; padding-right: calc(var(--spacing-scale-half)*-1) !important; } .py-xl-nhalf { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; padding-top: calc(var(--spacing-scale-half)*-1) !important; } .p-xl-base { padding: var(--spacing-scale-base) !important; } .px-xl-base { padding-left: var(--spacing-scale-base) !important; padding-right: var(--spacing-scale-base) !important; } .py-xl-base { padding-bottom: var(--spacing-scale-base) !important; } .pt-xl-base, .py-xl-base { padding-top: var(--spacing-scale-base) !important; } .pt-xl-nbase { padding-top: calc(var(--spacing-scale-base)*-1) !important; } .pr-xl-base { padding-right: var(--spacing-scale-base) !important; } .pr-xl-nbase { padding-right: calc(var(--spacing-scale-base)*-1) !important; } .pb-xl-base { padding-bottom: var(--spacing-scale-base) !important; } .pb-xl-nbase { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; } .pl-xl-base { padding-left: var(--spacing-scale-base) !important; } .pl-xl-nbase { padding-left: calc(var(--spacing-scale-base)*-1) !important; } .p-xl-nbase { padding: calc(var(--spacing-scale-base)*-1) !important; } .px-xl-nbase { padding-left: calc(var(--spacing-scale-base)*-1) !important; padding-right: calc(var(--spacing-scale-base)*-1) !important; } .py-xl-nbase { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; padding-top: calc(var(--spacing-scale-base)*-1) !important; } .p-xl-baseh { padding: var(--spacing-scale-baseh) !important; } .px-xl-baseh { padding-left: var(--spacing-scale-baseh) !important; padding-right: var(--spacing-scale-baseh) !important; } .py-xl-baseh { padding-bottom: var(--spacing-scale-baseh) !important; } .pt-xl-baseh, .py-xl-baseh { padding-top: var(--spacing-scale-baseh) !important; } .pt-xl-nbaseh { padding-top: calc(var(--spacing-scale-baseh)*-1) !important; } .pr-xl-baseh { padding-right: var(--spacing-scale-baseh) !important; } .pr-xl-nbaseh { padding-right: calc(var(--spacing-scale-baseh)*-1) !important; } .pb-xl-baseh { padding-bottom: var(--spacing-scale-baseh) !important; } .pb-xl-nbaseh { padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important; } .pl-xl-baseh { padding-left: var(--spacing-scale-baseh) !important; } .pl-xl-nbaseh { padding-left: calc(var(--spacing-scale-baseh)*-1) !important; } .p-xl-nbaseh { padding: calc(var(--spacing-scale-baseh)*-1) !important; } .px-xl-nbaseh { padding-left: calc(var(--spacing-scale-baseh)*-1) !important; padding-right: calc(var(--spacing-scale-baseh)*-1) !important; } .py-xl-nbaseh { padding-bottom: calc(var(--spacing-scale-baseh)*-1) !important; padding-top: calc(var(--spacing-scale-baseh)*-1) !important; } .p-xl-1 { padding: var(--spacing-scale-half) !important; } .px-xl-1 { padding-left: var(--spacing-scale-half) !important; padding-right: var(--spacing-scale-half) !important; } .py-xl-1 { padding-bottom: var(--spacing-scale-half) !important; } .pt-xl-1, .py-xl-1 { padding-top: var(--spacing-scale-half) !important; } .pt-xl-n1 { padding-top: calc(var(--spacing-scale-half)*-1) !important; } .pr-xl-1 { padding-right: var(--spacing-scale-half) !important; } .pr-xl-n1 { padding-right: calc(var(--spacing-scale-half)*-1) !important; } .pb-xl-1 { padding-bottom: var(--spacing-scale-half) !important; } .pb-xl-n1 { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; } .pl-xl-1 { padding-left: var(--spacing-scale-half) !important; } .pl-xl-n1 { padding-left: calc(var(--spacing-scale-half)*-1) !important; } .p-xl-n1 { padding: calc(var(--spacing-scale-half)*-1) !important; } .px-xl-n1 { padding-left: calc(var(--spacing-scale-half)*-1) !important; padding-right: calc(var(--spacing-scale-half)*-1) !important; } .py-xl-n1 { padding-bottom: calc(var(--spacing-scale-half)*-1) !important; padding-top: calc(var(--spacing-scale-half)*-1) !important; } .p-xl-2 { padding: var(--spacing-scale-base) !important; } .px-xl-2 { padding-left: var(--spacing-scale-base) !important; padding-right: var(--spacing-scale-base) !important; } .py-xl-2 { padding-bottom: var(--spacing-scale-base) !important; } .pt-xl-2, .py-xl-2 { padding-top: var(--spacing-scale-base) !important; } .pt-xl-n2 { padding-top: calc(var(--spacing-scale-base)*-1) !important; } .pr-xl-2 { padding-right: var(--spacing-scale-base) !important; } .pr-xl-n2 { padding-right: calc(var(--spacing-scale-base)*-1) !important; } .pb-xl-2 { padding-bottom: var(--spacing-scale-base) !important; } .pb-xl-n2 { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; } .pl-xl-2 { padding-left: var(--spacing-scale-base) !important; } .pl-xl-n2 { padding-left: calc(var(--spacing-scale-base)*-1) !important; } .p-xl-n2 { padding: calc(var(--spacing-scale-base)*-1) !important; } .px-xl-n2 { padding-left: calc(var(--spacing-scale-base)*-1) !important; padding-right: calc(var(--spacing-scale-base)*-1) !important; } .py-xl-n2 { padding-bottom: calc(var(--spacing-scale-base)*-1) !important; padding-top: calc(var(--spacing-scale-base)*-1) !important; } .p-xl-3 { padding: var(--spacing-scale-2x) !important; } .px-xl-3 { padding-left: var(--spacing-scale-2x) !important; padding-right: var(--spacing-scale-2x) !important; } .py-xl-3 { padding-bottom: var(--spacing-scale-2x) !important; } .pt-xl-3, .py-xl-3 { padding-top: var(--spacing-scale-2x) !important; } .pt-xl-n3 { padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .pr-xl-3 { padding-right: var(--spacing-scale-2x) !important; } .pr-xl-n3 { padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .pb-xl-3 { padding-bottom: var(--spacing-scale-2x) !important; } .pb-xl-n3 { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .pl-xl-3 { padding-left: var(--spacing-scale-2x) !important; } .pl-xl-n3 { padding-left: calc(var(--spacing-scale-2x)*-1) !important; } .p-xl-n3 { padding: calc(var(--spacing-scale-2x)*-1) !important; } .px-xl-n3 { padding-left: calc(var(--spacing-scale-2x)*-1) !important; padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .py-xl-n3 { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .p-xl-4 { padding: var(--spacing-scale-3x) !important; } .px-xl-4 { padding-left: var(--spacing-scale-3x) !important; padding-right: var(--spacing-scale-3x) !important; } .py-xl-4 { padding-bottom: var(--spacing-scale-3x) !important; } .pt-xl-4, .py-xl-4 { padding-top: var(--spacing-scale-3x) !important; } .pt-xl-n4 { padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .pr-xl-4 { padding-right: var(--spacing-scale-3x) !important; } .pr-xl-n4 { padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .pb-xl-4 { padding-bottom: var(--spacing-scale-3x) !important; } .pb-xl-n4 { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .pl-xl-4 { padding-left: var(--spacing-scale-3x) !important; } .pl-xl-n4 { padding-left: calc(var(--spacing-scale-3x)*-1) !important; } .p-xl-n4 { padding: calc(var(--spacing-scale-3x)*-1) !important; } .px-xl-n4 { padding-left: calc(var(--spacing-scale-3x)*-1) !important; padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .py-xl-n4 { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .p-xl-5 { padding: var(--spacing-scale-4x) !important; } .px-xl-5 { padding-left: var(--spacing-scale-4x) !important; padding-right: var(--spacing-scale-4x) !important; } .py-xl-5 { padding-bottom: var(--spacing-scale-4x) !important; } .pt-xl-5, .py-xl-5 { padding-top: var(--spacing-scale-4x) !important; } .pt-xl-n5 { padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .pr-xl-5 { padding-right: var(--spacing-scale-4x) !important; } .pr-xl-n5 { padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .pb-xl-5 { padding-bottom: var(--spacing-scale-4x) !important; } .pb-xl-n5 { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .pl-xl-5 { padding-left: var(--spacing-scale-4x) !important; } .pl-xl-n5 { padding-left: calc(var(--spacing-scale-4x)*-1) !important; } .p-xl-n5 { padding: calc(var(--spacing-scale-4x)*-1) !important; } .px-xl-n5 { padding-left: calc(var(--spacing-scale-4x)*-1) !important; padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .py-xl-n5 { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .p-xl-6 { padding: var(--spacing-scale-5x) !important; } .px-xl-6 { padding-left: var(--spacing-scale-5x) !important; padding-right: var(--spacing-scale-5x) !important; } .py-xl-6 { padding-bottom: var(--spacing-scale-5x) !important; } .pt-xl-6, .py-xl-6 { padding-top: var(--spacing-scale-5x) !important; } .pt-xl-n6 { padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .pr-xl-6 { padding-right: var(--spacing-scale-5x) !important; } .pr-xl-n6 { padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .pb-xl-6 { padding-bottom: var(--spacing-scale-5x) !important; } .pb-xl-n6 { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .pl-xl-6 { padding-left: var(--spacing-scale-5x) !important; } .pl-xl-n6 { padding-left: calc(var(--spacing-scale-5x)*-1) !important; } .p-xl-n6 { padding: calc(var(--spacing-scale-5x)*-1) !important; } .px-xl-n6 { padding-left: calc(var(--spacing-scale-5x)*-1) !important; padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .py-xl-n6 { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .p-xl-2x { padding: var(--spacing-scale-2x) !important; } .px-xl-2x { padding-left: var(--spacing-scale-2x) !important; padding-right: var(--spacing-scale-2x) !important; } .py-xl-2x { padding-bottom: var(--spacing-scale-2x) !important; } .pt-xl-2x, .py-xl-2x { padding-top: var(--spacing-scale-2x) !important; } .pt-xl-n2x { padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .pr-xl-2x { padding-right: var(--spacing-scale-2x) !important; } .pr-xl-n2x { padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .pb-xl-2x { padding-bottom: var(--spacing-scale-2x) !important; } .pb-xl-n2x { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; } .pl-xl-2x { padding-left: var(--spacing-scale-2x) !important; } .pl-xl-n2x { padding-left: calc(var(--spacing-scale-2x)*-1) !important; } .p-xl-n2x { padding: calc(var(--spacing-scale-2x)*-1) !important; } .px-xl-n2x { padding-left: calc(var(--spacing-scale-2x)*-1) !important; padding-right: calc(var(--spacing-scale-2x)*-1) !important; } .py-xl-n2x { padding-bottom: calc(var(--spacing-scale-2x)*-1) !important; padding-top: calc(var(--spacing-scale-2x)*-1) !important; } .p-xl-2xh { padding: var(--spacing-scale-2xh) !important; } .px-xl-2xh { padding-left: var(--spacing-scale-2xh) !important; padding-right: var(--spacing-scale-2xh) !important; } .py-xl-2xh { padding-bottom: var(--spacing-scale-2xh) !important; } .pt-xl-2xh, .py-xl-2xh { padding-top: var(--spacing-scale-2xh) !important; } .pt-xl-n2xh { padding-top: calc(var(--spacing-scale-2xh)*-1) !important; } .pr-xl-2xh { padding-right: var(--spacing-scale-2xh) !important; } .pr-xl-n2xh { padding-right: calc(var(--spacing-scale-2xh)*-1) !important; } .pb-xl-2xh { padding-bottom: var(--spacing-scale-2xh) !important; } .pb-xl-n2xh { padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important; } .pl-xl-2xh { padding-left: var(--spacing-scale-2xh) !important; } .pl-xl-n2xh { padding-left: calc(var(--spacing-scale-2xh)*-1) !important; } .p-xl-n2xh { padding: calc(var(--spacing-scale-2xh)*-1) !important; } .px-xl-n2xh { padding-left: calc(var(--spacing-scale-2xh)*-1) !important; padding-right: calc(var(--spacing-scale-2xh)*-1) !important; } .py-xl-n2xh { padding-bottom: calc(var(--spacing-scale-2xh)*-1) !important; padding-top: calc(var(--spacing-scale-2xh)*-1) !important; } .p-xl-3x { padding: var(--spacing-scale-3x) !important; } .px-xl-3x { padding-left: var(--spacing-scale-3x) !important; padding-right: var(--spacing-scale-3x) !important; } .py-xl-3x { padding-bottom: var(--spacing-scale-3x) !important; } .pt-xl-3x, .py-xl-3x { padding-top: var(--spacing-scale-3x) !important; } .pt-xl-n3x { padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .pr-xl-3x { padding-right: var(--spacing-scale-3x) !important; } .pr-xl-n3x { padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .pb-xl-3x { padding-bottom: var(--spacing-scale-3x) !important; } .pb-xl-n3x { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; } .pl-xl-3x { padding-left: var(--spacing-scale-3x) !important; } .pl-xl-n3x { padding-left: calc(var(--spacing-scale-3x)*-1) !important; } .p-xl-n3x { padding: calc(var(--spacing-scale-3x)*-1) !important; } .px-xl-n3x { padding-left: calc(var(--spacing-scale-3x)*-1) !important; padding-right: calc(var(--spacing-scale-3x)*-1) !important; } .py-xl-n3x { padding-bottom: calc(var(--spacing-scale-3x)*-1) !important; padding-top: calc(var(--spacing-scale-3x)*-1) !important; } .p-xl-3xh { padding: var(--spacing-scale-3xh) !important; } .px-xl-3xh { padding-left: var(--spacing-scale-3xh) !important; padding-right: var(--spacing-scale-3xh) !important; } .py-xl-3xh { padding-bottom: var(--spacing-scale-3xh) !important; } .pt-xl-3xh, .py-xl-3xh { padding-top: var(--spacing-scale-3xh) !important; } .pt-xl-n3xh { padding-top: calc(var(--spacing-scale-3xh)*-1) !important; } .pr-xl-3xh { padding-right: var(--spacing-scale-3xh) !important; } .pr-xl-n3xh { padding-right: calc(var(--spacing-scale-3xh)*-1) !important; } .pb-xl-3xh { padding-bottom: var(--spacing-scale-3xh) !important; } .pb-xl-n3xh { padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important; } .pl-xl-3xh { padding-left: var(--spacing-scale-3xh) !important; } .pl-xl-n3xh { padding-left: calc(var(--spacing-scale-3xh)*-1) !important; } .p-xl-n3xh { padding: calc(var(--spacing-scale-3xh)*-1) !important; } .px-xl-n3xh { padding-left: calc(var(--spacing-scale-3xh)*-1) !important; padding-right: calc(var(--spacing-scale-3xh)*-1) !important; } .py-xl-n3xh { padding-bottom: calc(var(--spacing-scale-3xh)*-1) !important; padding-top: calc(var(--spacing-scale-3xh)*-1) !important; } .p-xl-4x { padding: var(--spacing-scale-4x) !important; } .px-xl-4x { padding-left: var(--spacing-scale-4x) !important; padding-right: var(--spacing-scale-4x) !important; } .py-xl-4x { padding-bottom: var(--spacing-scale-4x) !important; } .pt-xl-4x, .py-xl-4x { padding-top: var(--spacing-scale-4x) !important; } .pt-xl-n4x { padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .pr-xl-4x { padding-right: var(--spacing-scale-4x) !important; } .pr-xl-n4x { padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .pb-xl-4x { padding-bottom: var(--spacing-scale-4x) !important; } .pb-xl-n4x { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; } .pl-xl-4x { padding-left: var(--spacing-scale-4x) !important; } .pl-xl-n4x { padding-left: calc(var(--spacing-scale-4x)*-1) !important; } .p-xl-n4x { padding: calc(var(--spacing-scale-4x)*-1) !important; } .px-xl-n4x { padding-left: calc(var(--spacing-scale-4x)*-1) !important; padding-right: calc(var(--spacing-scale-4x)*-1) !important; } .py-xl-n4x { padding-bottom: calc(var(--spacing-scale-4x)*-1) !important; padding-top: calc(var(--spacing-scale-4x)*-1) !important; } .p-xl-4xh { padding: var(--spacing-scale-4xh) !important; } .px-xl-4xh { padding-left: var(--spacing-scale-4xh) !important; padding-right: var(--spacing-scale-4xh) !important; } .py-xl-4xh { padding-bottom: var(--spacing-scale-4xh) !important; } .pt-xl-4xh, .py-xl-4xh { padding-top: var(--spacing-scale-4xh) !important; } .pt-xl-n4xh { padding-top: calc(var(--spacing-scale-4xh)*-1) !important; } .pr-xl-4xh { padding-right: var(--spacing-scale-4xh) !important; } .pr-xl-n4xh { padding-right: calc(var(--spacing-scale-4xh)*-1) !important; } .pb-xl-4xh { padding-bottom: var(--spacing-scale-4xh) !important; } .pb-xl-n4xh { padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important; } .pl-xl-4xh { padding-left: var(--spacing-scale-4xh) !important; } .pl-xl-n4xh { padding-left: calc(var(--spacing-scale-4xh)*-1) !important; } .p-xl-n4xh { padding: calc(var(--spacing-scale-4xh)*-1) !important; } .px-xl-n4xh { padding-left: calc(var(--spacing-scale-4xh)*-1) !important; padding-right: calc(var(--spacing-scale-4xh)*-1) !important; } .py-xl-n4xh { padding-bottom: calc(var(--spacing-scale-4xh)*-1) !important; padding-top: calc(var(--spacing-scale-4xh)*-1) !important; } .p-xl-5x { padding: var(--spacing-scale-5x) !important; } .px-xl-5x { padding-left: var(--spacing-scale-5x) !important; padding-right: var(--spacing-scale-5x) !important; } .py-xl-5x { padding-bottom: var(--spacing-scale-5x) !important; } .pt-xl-5x, .py-xl-5x { padding-top: var(--spacing-scale-5x) !important; } .pt-xl-n5x { padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .pr-xl-5x { padding-right: var(--spacing-scale-5x) !important; } .pr-xl-n5x { padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .pb-xl-5x { padding-bottom: var(--spacing-scale-5x) !important; } .pb-xl-n5x { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; } .pl-xl-5x { padding-left: var(--spacing-scale-5x) !important; } .pl-xl-n5x { padding-left: calc(var(--spacing-scale-5x)*-1) !important; } .p-xl-n5x { padding: calc(var(--spacing-scale-5x)*-1) !important; } .px-xl-n5x { padding-left: calc(var(--spacing-scale-5x)*-1) !important; padding-right: calc(var(--spacing-scale-5x)*-1) !important; } .py-xl-n5x { padding-bottom: calc(var(--spacing-scale-5x)*-1) !important; padding-top: calc(var(--spacing-scale-5x)*-1) !important; } .p-xl-5xh { padding: var(--spacing-scale-5xh) !important; } .px-xl-5xh { padding-left: var(--spacing-scale-5xh) !important; padding-right: var(--spacing-scale-5xh) !important; } .py-xl-5xh { padding-bottom: var(--spacing-scale-5xh) !important; } .pt-xl-5xh, .py-xl-5xh { padding-top: var(--spacing-scale-5xh) !important; } .pt-xl-n5xh { padding-top: calc(var(--spacing-scale-5xh)*-1) !important; } .pr-xl-5xh { padding-right: var(--spacing-scale-5xh) !important; } .pr-xl-n5xh { padding-right: calc(var(--spacing-scale-5xh)*-1) !important; } .pb-xl-5xh { padding-bottom: var(--spacing-scale-5xh) !important; } .pb-xl-n5xh { padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important; } .pl-xl-5xh { padding-left: var(--spacing-scale-5xh) !important; } .pl-xl-n5xh { padding-left: calc(var(--spacing-scale-5xh)*-1) !important; } .p-xl-n5xh { padding: calc(var(--spacing-scale-5xh)*-1) !important; } .px-xl-n5xh { padding-left: calc(var(--spacing-scale-5xh)*-1) !important; padding-right: calc(var(--spacing-scale-5xh)*-1) !important; } .py-xl-n5xh { padding-bottom: calc(var(--spacing-scale-5xh)*-1) !important; padding-top: calc(var(--spacing-scale-5xh)*-1) !important; } .p-xl-6x { padding: var(--spacing-scale-6x) !important; } .px-xl-6x { padding-left: var(--spacing-scale-6x) !important; padding-right: var(--spacing-scale-6x) !important; } .py-xl-6x { padding-bottom: var(--spacing-scale-6x) !important; } .pt-xl-6x, .py-xl-6x { padding-top: var(--spacing-scale-6x) !important; } .pt-xl-n6x { padding-top: calc(var(--spacing-scale-6x)*-1) !important; } .pr-xl-6x { padding-right: var(--spacing-scale-6x) !important; } .pr-xl-n6x { padding-right: calc(var(--spacing-scale-6x)*-1) !important; } .pb-xl-6x { padding-bottom: var(--spacing-scale-6x) !important; } .pb-xl-n6x { padding-bottom: calc(var(--spacing-scale-6x)*-1) !important; } .pl-xl-6x { padding-left: var(--spacing-scale-6x) !important; } .pl-xl-n6x { padding-left: calc(var(--spacing-scale-6x)*-1) !important; } .p-xl-n6x { padding: calc(var(--spacing-scale-6x)*-1) !important; } .px-xl-n6x { padding-left: calc(var(--spacing-scale-6x)*-1) !important; padding-right: calc(var(--spacing-scale-6x)*-1) !important; } .py-xl-n6x { padding-bottom: calc(var(--spacing-scale-6x)*-1) !important; padding-top: calc(var(--spacing-scale-6x)*-1) !important; } .p-xl-6xh { padding: var(--spacing-scale-6xh) !important; } .px-xl-6xh { padding-left: var(--spacing-scale-6xh) !important; padding-right: var(--spacing-scale-6xh) !important; } .py-xl-6xh { padding-bottom: var(--spacing-scale-6xh) !important; } .pt-xl-6xh, .py-xl-6xh { padding-top: var(--spacing-scale-6xh) !important; } .pt-xl-n6xh { padding-top: calc(var(--spacing-scale-6xh)*-1) !important; } .pr-xl-6xh { padding-right: var(--spacing-scale-6xh) !important; } .pr-xl-n6xh { padding-right: calc(var(--spacing-scale-6xh)*-1) !important; } .pb-xl-6xh { padding-bottom: var(--spacing-scale-6xh) !important; } .pb-xl-n6xh { padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important; } .pl-xl-6xh { padding-left: var(--spacing-scale-6xh) !important; } .pl-xl-n6xh { padding-left: calc(var(--spacing-scale-6xh)*-1) !important; } .p-xl-n6xh { padding: calc(var(--spacing-scale-6xh)*-1) !important; } .px-xl-n6xh { padding-left: calc(var(--spacing-scale-6xh)*-1) !important; padding-right: calc(var(--spacing-scale-6xh)*-1) !important; } .py-xl-n6xh { padding-bottom: calc(var(--spacing-scale-6xh)*-1) !important; padding-top: calc(var(--spacing-scale-6xh)*-1) !important; } .p-xl-7x { padding: var(--spacing-scale-7x) !important; } .px-xl-7x { padding-left: var(--spacing-scale-7x) !important; padding-right: var(--spacing-scale-7x) !important; } .py-xl-7x { padding-bottom: var(--spacing-scale-7x) !important; } .pt-xl-7x, .py-xl-7x { padding-top: var(--spacing-scale-7x) !important; } .pt-xl-n7x { padding-top: calc(var(--spacing-scale-7x)*-1) !important; } .pr-xl-7x { padding-right: var(--spacing-scale-7x) !important; } .pr-xl-n7x { padding-right: calc(var(--spacing-scale-7x)*-1) !important; } .pb-xl-7x { padding-bottom: var(--spacing-scale-7x) !important; } .pb-xl-n7x { padding-bottom: calc(var(--spacing-scale-7x)*-1) !important; } .pl-xl-7x { padding-left: var(--spacing-scale-7x) !important; } .pl-xl-n7x { padding-left: calc(var(--spacing-scale-7x)*-1) !important; } .p-xl-n7x { padding: calc(var(--spacing-scale-7x)*-1) !important; } .px-xl-n7x { padding-left: calc(var(--spacing-scale-7x)*-1) !important; padding-right: calc(var(--spacing-scale-7x)*-1) !important; } .py-xl-n7x { padding-bottom: calc(var(--spacing-scale-7x)*-1) !important; padding-top: calc(var(--spacing-scale-7x)*-1) !important; } .p-xl-7xh { padding: var(--spacing-scale-7xh) !important; } .px-xl-7xh { padding-left: var(--spacing-scale-7xh) !important; padding-right: var(--spacing-scale-7xh) !important; } .py-xl-7xh { padding-bottom: var(--spacing-scale-7xh) !important; } .pt-xl-7xh, .py-xl-7xh { padding-top: var(--spacing-scale-7xh) !important; } .pt-xl-n7xh { padding-top: calc(var(--spacing-scale-7xh)*-1) !important; } .pr-xl-7xh { padding-right: var(--spacing-scale-7xh) !important; } .pr-xl-n7xh { padding-right: calc(var(--spacing-scale-7xh)*-1) !important; } .pb-xl-7xh { padding-bottom: var(--spacing-scale-7xh) !important; } .pb-xl-n7xh { padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important; } .pl-xl-7xh { padding-left: var(--spacing-scale-7xh) !important; } .pl-xl-n7xh { padding-left: calc(var(--spacing-scale-7xh)*-1) !important; } .p-xl-n7xh { padding: calc(var(--spacing-scale-7xh)*-1) !important; } .px-xl-n7xh { padding-left: calc(var(--spacing-scale-7xh)*-1) !important; padding-right: calc(var(--spacing-scale-7xh)*-1) !important; } .py-xl-n7xh { padding-bottom: calc(var(--spacing-scale-7xh)*-1) !important; padding-top: calc(var(--spacing-scale-7xh)*-1) !important; } .p-xl-8x { padding: var(--spacing-scale-8x) !important; } .px-xl-8x { padding-left: var(--spacing-scale-8x) !important; padding-right: var(--spacing-scale-8x) !important; } .py-xl-8x { padding-bottom: var(--spacing-scale-8x) !important; } .pt-xl-8x, .py-xl-8x { padding-top: var(--spacing-scale-8x) !important; } .pt-xl-n8x { padding-top: calc(var(--spacing-scale-8x)*-1) !important; } .pr-xl-8x { padding-right: var(--spacing-scale-8x) !important; } .pr-xl-n8x { padding-right: calc(var(--spacing-scale-8x)*-1) !important; } .pb-xl-8x { padding-bottom: var(--spacing-scale-8x) !important; } .pb-xl-n8x { padding-bottom: calc(var(--spacing-scale-8x)*-1) !important; } .pl-xl-8x { padding-left: var(--spacing-scale-8x) !important; } .pl-xl-n8x { padding-left: calc(var(--spacing-scale-8x)*-1) !important; } .p-xl-n8x { padding: calc(var(--spacing-scale-8x)*-1) !important; } .px-xl-n8x { padding-left: calc(var(--spacing-scale-8x)*-1) !important; padding-right: calc(var(--spacing-scale-8x)*-1) !important; } .py-xl-n8x { padding-bottom: calc(var(--spacing-scale-8x)*-1) !important; padding-top: calc(var(--spacing-scale-8x)*-1) !important; } .p-xl-8xh { padding: var(--spacing-scale-8xh) !important; } .px-xl-8xh { padding-left: var(--spacing-scale-8xh) !important; padding-right: var(--spacing-scale-8xh) !important; } .py-xl-8xh { padding-bottom: var(--spacing-scale-8xh) !important; } .pt-xl-8xh, .py-xl-8xh { padding-top: var(--spacing-scale-8xh) !important; } .pt-xl-n8xh { padding-top: calc(var(--spacing-scale-8xh)*-1) !important; } .pr-xl-8xh { padding-right: var(--spacing-scale-8xh) !important; } .pr-xl-n8xh { padding-right: calc(var(--spacing-scale-8xh)*-1) !important; } .pb-xl-8xh { padding-bottom: var(--spacing-scale-8xh) !important; } .pb-xl-n8xh { padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important; } .pl-xl-8xh { padding-left: var(--spacing-scale-8xh) !important; } .pl-xl-n8xh { padding-left: calc(var(--spacing-scale-8xh)*-1) !important; } .p-xl-n8xh { padding: calc(var(--spacing-scale-8xh)*-1) !important; } .px-xl-n8xh { padding-left: calc(var(--spacing-scale-8xh)*-1) !important; padding-right: calc(var(--spacing-scale-8xh)*-1) !important; } .py-xl-n8xh { padding-bottom: calc(var(--spacing-scale-8xh)*-1) !important; padding-top: calc(var(--spacing-scale-8xh)*-1) !important; } .p-xl-9x { padding: var(--spacing-scale-9x) !important; } .px-xl-9x { padding-left: var(--spacing-scale-9x) !important; padding-right: var(--spacing-scale-9x) !important; } .py-xl-9x { padding-bottom: var(--spacing-scale-9x) !important; } .pt-xl-9x, .py-xl-9x { padding-top: var(--spacing-scale-9x) !important; } .pt-xl-n9x { padding-top: calc(var(--spacing-scale-9x)*-1) !important; } .pr-xl-9x { padding-right: var(--spacing-scale-9x) !important; } .pr-xl-n9x { padding-right: calc(var(--spacing-scale-9x)*-1) !important; } .pb-xl-9x { padding-bottom: var(--spacing-scale-9x) !important; } .pb-xl-n9x { padding-bottom: calc(var(--spacing-scale-9x)*-1) !important; } .pl-xl-9x { padding-left: var(--spacing-scale-9x) !important; } .pl-xl-n9x { padding-left: calc(var(--spacing-scale-9x)*-1) !important; } .p-xl-n9x { padding: calc(var(--spacing-scale-9x)*-1) !important; } .px-xl-n9x { padding-left: calc(var(--spacing-scale-9x)*-1) !important; padding-right: calc(var(--spacing-scale-9x)*-1) !important; } .py-xl-n9x { padding-bottom: calc(var(--spacing-scale-9x)*-1) !important; padding-top: calc(var(--spacing-scale-9x)*-1) !important; } .p-xl-9xh { padding: var(--spacing-scale-9xh) !important; } .px-xl-9xh { padding-left: var(--spacing-scale-9xh) !important; padding-right: var(--spacing-scale-9xh) !important; } .py-xl-9xh { padding-bottom: var(--spacing-scale-9xh) !important; } .pt-xl-9xh, .py-xl-9xh { padding-top: var(--spacing-scale-9xh) !important; } .pt-xl-n9xh { padding-top: calc(var(--spacing-scale-9xh)*-1) !important; } .pr-xl-9xh { padding-right: var(--spacing-scale-9xh) !important; } .pr-xl-n9xh { padding-right: calc(var(--spacing-scale-9xh)*-1) !important; } .pb-xl-9xh { padding-bottom: var(--spacing-scale-9xh) !important; } .pb-xl-n9xh { padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important; } .pl-xl-9xh { padding-left: var(--spacing-scale-9xh) !important; } .pl-xl-n9xh { padding-left: calc(var(--spacing-scale-9xh)*-1) !important; } .p-xl-n9xh { padding: calc(var(--spacing-scale-9xh)*-1) !important; } .px-xl-n9xh { padding-left: calc(var(--spacing-scale-9xh)*-1) !important; padding-right: calc(var(--spacing-scale-9xh)*-1) !important; } .py-xl-n9xh { padding-bottom: calc(var(--spacing-scale-9xh)*-1) !important; padding-top: calc(var(--spacing-scale-9xh)*-1) !important; } .p-xl-10x { padding: var(--spacing-scale-10x) !important; } .px-xl-10x { padding-left: var(--spacing-scale-10x) !important; padding-right: var(--spacing-scale-10x) !important; } .py-xl-10x { padding-bottom: var(--spacing-scale-10x) !important; } .pt-xl-10x, .py-xl-10x { padding-top: var(--spacing-scale-10x) !important; } .pt-xl-n10x { padding-top: calc(var(--spacing-scale-10x)*-1) !important; } .pr-xl-10x { padding-right: var(--spacing-scale-10x) !important; } .pr-xl-n10x { padding-right: calc(var(--spacing-scale-10x)*-1) !important; } .pb-xl-10x { padding-bottom: var(--spacing-scale-10x) !important; } .pb-xl-n10x { padding-bottom: calc(var(--spacing-scale-10x)*-1) !important; } .pl-xl-10x { padding-left: var(--spacing-scale-10x) !important; } .pl-xl-n10x { padding-left: calc(var(--spacing-scale-10x)*-1) !important; } .p-xl-n10x { padding: calc(var(--spacing-scale-10x)*-1) !important; } .px-xl-n10x { padding-left: calc(var(--spacing-scale-10x)*-1) !important; padding-right: calc(var(--spacing-scale-10x)*-1) !important; } .py-xl-n10x { padding-bottom: calc(var(--spacing-scale-10x)*-1) !important; padding-top: calc(var(--spacing-scale-10x)*-1) !important; } .p-xl-10xh { padding: var(--spacing-scale-10xh) !important; } .px-xl-10xh { padding-left: var(--spacing-scale-10xh) !important; padding-right: var(--spacing-scale-10xh) !important; } .py-xl-10xh { padding-bottom: var(--spacing-scale-10xh) !important; } .pt-xl-10xh, .py-xl-10xh { padding-top: var(--spacing-scale-10xh) !important; } .pt-xl-n10xh { padding-top: calc(var(--spacing-scale-10xh)*-1) !important; } .pr-xl-10xh { padding-right: var(--spacing-scale-10xh) !important; } .pr-xl-n10xh { padding-right: calc(var(--spacing-scale-10xh)*-1) !important; } .pb-xl-10xh { padding-bottom: var(--spacing-scale-10xh) !important; } .pb-xl-n10xh { padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important; } .pl-xl-10xh { padding-left: var(--spacing-scale-10xh) !important; } .pl-xl-n10xh { padding-left: calc(var(--spacing-scale-10xh)*-1) !important; } .p-xl-n10xh { padding: calc(var(--spacing-scale-10xh)*-1) !important; } .px-xl-n10xh { padding-left: calc(var(--spacing-scale-10xh)*-1) !important; padding-right: calc(var(--spacing-scale-10xh)*-1) !important; } .py-xl-n10xh { padding-bottom: calc(var(--spacing-scale-10xh)*-1) !important; padding-top: calc(var(--spacing-scale-10xh)*-1) !important; }} .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } @media (min-width: 576px) { .overflow-sm-auto { overflow: auto !important; } .overflow-sm-hidden { overflow: hidden !important; }} @media (min-width: 992px) { .overflow-md-auto { overflow: auto !important; } .overflow-md-hidden { overflow: hidden !important; }} @media (min-width: 1280px) { .overflow-lg-auto { overflow: auto !important; } .overflow-lg-hidden { overflow: hidden !important; }} @media (min-width: 1600px) { .overflow-xl-auto { overflow: auto !important; } .overflow-xl-hidden { overflow: hidden !important; }} body { --bg-color:var(--background); --bg-color-rgb:var(--background-rgb); --bg-color-hsl:var(--background-hsl); --font-size:var(--font-size-scale-base); --font-weight:var(--font-weight-regular); --link-color:var(--interactive); --link-color-rgb:var(--interactive-rgb); --link-color-hsl:var(--interactive-hsl); --line-height:var(--font-line-height-medium); --text-color:var(--color); --text-color-rgb:var(--color-rgb); --text-color-hsl:var(--color-hsl); background: var(--bg-color); font-family: var(--font-family-base); font-size: var(--font-size); font-weight: var(--font-weight); line-height: var(--line-height); } p { color: var(--color); font-size: var(--font-size-scale-base); font-weight: var(--font-weight-regular); } p a { text-decoration: underline; } @media (min-width: 576px) { p { font-size: var(--font-size-scale-up-01); }} a { --focus-offset:var(--spacing-scale-half); } a:focus { outline: none; } a.focus-visible, a:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } a:not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } a:not(:disabled):active { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed))); } .main-content a { text-decoration: underline; } button { cursor: pointer; } img { max-width: 100%; vertical-align: middle; } .h1, h1 { color: var(--color); font-size: var(--font-size-scale-up-04); font-weight: var(--font-weight-medium); line-height: var(--font-line-height-low); margin-bottom: var(--spacing-scale-2xh); margin-top: 0px; } @media (min-width: 576px) { .h1, h1 { font-size: var(--font-size-scale-up-06); font-weight: var(--font-weight-light); margin-bottom: var(--spacing-scale-4x); }} .h2, h2 { color: var(--color); font-size: var(--font-size-scale-up-03); font-weight: var(--font-weight-semi-bold); line-height: var(--font-line-height-low); margin-bottom: var(--spacing-scale-2xh); margin-top: var(--spacing-scale-3xh); padding-bottom: var(--spacing-scale-2xh); } @media (min-width: 576px) { .h2, h2 { font-size: var(--font-size-scale-up-05); font-weight: var(--font-weight-regular); }} .h3, h3 { color: var(--color); font-size: var(--font-size-scale-up-02); font-weight: var(--font-weight-bold); line-height: var(--font-line-height-low); margin-bottom: var(--spacing-scale-2xh); margin-top: var(--spacing-scale-3xh); } @media (min-width: 576px) { .h3, h3 { font-size: var(--font-size-scale-up-04); font-weight: var(--font-weight-medium); }} .h4, h4 { color: var(--color); font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-bold); line-height: var(--font-line-height-low); margin-bottom: var(--spacing-scale-2xh); margin-top: var(--spacing-scale-2x); } @media (min-width: 576px) { .h4, h4 { font-size: var(--font-size-scale-up-03); font-weight: var(--font-weight-semi-bold); margin-top: var(--spacing-scale-3xh); }} .h5, h5 { color: var(--color); font-size: var(--font-size-scale-base); font-weight: var(--font-weight-extra-bold); line-height: var(--font-line-height-low); margin-bottom: var(--spacing-scale-2x); margin-top: var(--spacing-scale-2x); padding-bottom: var(--spacing-scale-base); text-transform: uppercase; } @media (min-width: 576px) { .h5, h5 { font-size: var(--font-size-scale-up-02); font-weight: var(--font-weight-bold); margin-top: var(--spacing-scale-3xh); }} .h6, h6 { color: var(--color); font-size: var(--font-size-scale-down-01); font-weight: var(--font-weight-extra-bold); line-height: var(--font-line-height-low); margin-bottom: var(--spacing-scale-2x); margin-top: var(--spacing-scale-2x); padding-bottom: var(--spacing-scale-base); text-transform: uppercase; } @media (min-width: 576px) { .h6, h6 { font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-extra-bold); margin-top: var(--spacing-scale-3xh); }} ol, ul { margin-bottom: var(--spacing-scale-2x); margin-top: 0px; padding: 0 0 0 var(--spacing-scale-5x); } blockquote { background-color: var(--color-secondary-02); border-left: 4px solid rgb(38, 135, 68); font-style: italic; margin: var(--spacing-scale-2x) 0; padding: var(--spacing-scale-2x); position: relative; } blockquote > :last-child { margin-bottom: 0px; } table { --table-background:var(--background); --table-color:var(--color); --table-border-color:var(--gray-20); --table-border-style:solid; --table-border-width:1px; --table-hover:var(--color-rgb); --table-padding:var(--spacing-scale-3x); --table-font-weight:var(--font-weight-medium); --table-th-background:var(--background-alternative); --table-th-font-weight:var(--font-weight-semi-bold); --table-row-size:var(--spacing-scale-2x); border-collapse: collapse; width: 100%; } th { background-color: var(--background-alternative); font-weight: var(--table-th-font-weight); } td { font-weight: var(--table-font-weight); } td, th { color: var(--color); font-size: var(--font-size-scale-base); font-weight: var(--font-weight-medium); padding: var(--table-row-size) var(--table-padding); } td:not([align]), th:not([align]) { text-align: left; } tr.is-selected, tr.selected { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } tr.is-selected td, tr.is-selected th, tr.selected td, tr.selected th { background-color: var(--selected); } tr:hover td { background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); } tbody td, tbody th { border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color); } .label, label { color: var(--color); font-size: var(--font-size-scale-base); font-weight: var(--font-weight-semi-bold); line-height: var(--font-line-height-medium); margin-bottom: var(--spacing-scale-half); } .fieldset, fieldset { border: var(--surface-width-none); margin-bottom: var(--spacing-scale-5x); margin-top: 0px; padding: 0px; } .legend, legend { color: var(--color); font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-semi-bold); line-height: var(--font-line-height-low); margin-bottom: var(--spacing-scale-2x); margin-top: var(--spacing-scale-2x); } .placeholder, ::placeholder { color: var(--color-light); font-size: var(--font-size-scale-base); font-style: italic; font-weight: var(--font-weight-regular); line-height: var(--font-line-height-medium); margin-bottom: var(--spacing-scale-half); margin-top: var(--spacing-scale-half); opacity: 1; } .code, .help, code { font-size: var(--font-size-scale-base); } .code, code { border-radius: 4px; color: var(--gray-80); display: inline-block; font-family: monospace; font-weight: var(--font-weight-medium); line-height: var(--font-line-height-low); padding: var(--spacing-scale-half); } .code, .pre, code, pre { background: var(--gray-5); } .pre, pre { margin: var(--spacing-scale-2x) 0 var(--spacing-scale-4x); padding: var(--spacing-scale-2x); } .pre code, pre code { display: inline; padding: 0px; } .mark, mark { background: var(--red-warm-vivid-10); color: var(--color); } .border-solid-none { border: var(--surface-width-none) solid var(--color-secondary-06) !important; } .border-solid-sm { border: var(--surface-width-sm) solid var(--color-secondary-06) !important; } .border-solid-md { border: var(--surface-width-md) solid var(--color-secondary-06) !important; } .border-solid-lg { border: var(--surface-width-lg) solid var(--color-secondary-06) !important; } .border-dashed-none { border: var(--surface-width-none) dashed var(--color-secondary-06) !important; } .border-dashed-sm { border: var(--surface-width-sm) dashed var(--color-secondary-06) !important; } .border-dashed-md { border: var(--surface-width-md) dashed var(--color-secondary-06) !important; } .border-dashed-lg { border: var(--surface-width-lg) dashed var(--color-secondary-06) !important; } .border-top { border-top: var(--border-width) var(--border-style) var(--border-color) !important; } .border-right { border-right: var(--border-width) var(--border-style) var(--border-color) !important; } .border-bottom { border-bottom: var(--border-width) var(--border-style) var(--border-color) !important; } .border-left { border-left: var(--border-width) var(--border-style) var(--border-color) !important; } .rounder-none { --radius:var(--surface-rounder-none); } .rounder-none, .rounder-sm { border-radius: var(--radius) !important; } .rounder-sm { --radius:var(--surface-rounder-sm); } .rounder-md { --radius:var(--surface-rounder-md); } .rounder-lg, .rounder-md { border-radius: var(--radius) !important; } .rounder-lg { --radius:var(--surface-rounder-lg); } .rounder-pill { --radius:var(--surface-rounder-pill); border-radius: var(--radius) !important; } .opacity-none { opacity: 0; } .opacity-default { opacity: 1; } .opacity-xs { opacity: 0.16; } .opacity-sm { opacity: 0.3; } .opacity-md { opacity: 0.45; } .opacity-lg { opacity: 0.65; } .opacity-xl { opacity: 0.85; } .overlay-scrim { background: rgba(var(--rgb-secondary-09),var(--surface-opacity-md)); } .overlay-text { background: linear-gradient(rgba(var(--rgb-secondary-01),var(--surface-opacity-none)),rgba(var(--rgb-secondary-09),var(--surface-opacity-default))); } .bg-blue-90 { --background:var(--blue-90); background: var(--blue-90) !important; } .text-blue-90 { color: var(--blue-90) !important; } .border-blue-90 { border-color: var(--blue-90) !important; } .bg-blue-80 { --background:var(--blue-80); background: var(--blue-80) !important; } .text-blue-80 { color: var(--blue-80) !important; } .border-blue-80 { border-color: var(--blue-80) !important; } .bg-blue-70 { --background:var(--blue-70); background: var(--blue-70) !important; } .text-blue-70 { color: var(--blue-70) !important; } .border-blue-70 { border-color: var(--blue-70) !important; } .bg-blue-60 { --background:var(--blue-60); background: var(--blue-60) !important; } .text-blue-60 { color: var(--blue-60) !important; } .border-blue-60 { border-color: var(--blue-60) !important; } .bg-blue-50 { --background:var(--blue-50); background: var(--blue-50) !important; } .text-blue-50 { color: var(--blue-50) !important; } .border-blue-50 { border-color: var(--blue-50) !important; } .bg-blue-40 { --background:var(--blue-40); background: var(--blue-40) !important; } .text-blue-40 { color: var(--blue-40) !important; } .border-blue-40 { border-color: var(--blue-40) !important; } .bg-blue-30 { --background:var(--blue-30); background: var(--blue-30) !important; } .text-blue-30 { color: var(--blue-30) !important; } .border-blue-30 { border-color: var(--blue-30) !important; } .bg-blue-20 { --background:var(--blue-20); background: var(--blue-20) !important; } .text-blue-20 { color: var(--blue-20) !important; } .border-blue-20 { border-color: var(--blue-20) !important; } .bg-blue-10 { --background:var(--blue-10); background: var(--blue-10) !important; } .text-blue-10 { color: var(--blue-10) !important; } .border-blue-10 { border-color: var(--blue-10) !important; } .bg-blue-5 { --background:var(--blue-5); background: var(--blue-5) !important; } .text-blue-5 { color: var(--blue-5) !important; } .border-blue-5 { border-color: var(--blue-5) !important; } .bg-blue-cool-90 { --background:var(--blue-cool-90); background: var(--blue-cool-90) !important; } .text-blue-cool-90 { color: var(--blue-cool-90) !important; } .border-blue-cool-90 { border-color: var(--blue-cool-90) !important; } .bg-blue-cool-80 { --background:var(--blue-cool-80); background: var(--blue-cool-80) !important; } .text-blue-cool-80 { color: var(--blue-cool-80) !important; } .border-blue-cool-80 { border-color: var(--blue-cool-80) !important; } .bg-blue-cool-70 { --background:var(--blue-cool-70); background: var(--blue-cool-70) !important; } .text-blue-cool-70 { color: var(--blue-cool-70) !important; } .border-blue-cool-70 { border-color: var(--blue-cool-70) !important; } .bg-blue-cool-60 { --background:var(--blue-cool-60); background: var(--blue-cool-60) !important; } .text-blue-cool-60 { color: var(--blue-cool-60) !important; } .border-blue-cool-60 { border-color: var(--blue-cool-60) !important; } .bg-blue-cool-50 { --background:var(--blue-cool-50); background: var(--blue-cool-50) !important; } .text-blue-cool-50 { color: var(--blue-cool-50) !important; } .border-blue-cool-50 { border-color: var(--blue-cool-50) !important; } .bg-blue-cool-40 { --background:var(--blue-cool-40); background: var(--blue-cool-40) !important; } .text-blue-cool-40 { color: var(--blue-cool-40) !important; } .border-blue-cool-40 { border-color: var(--blue-cool-40) !important; } .bg-blue-cool-30 { --background:var(--blue-cool-30); background: var(--blue-cool-30) !important; } .text-blue-cool-30 { color: var(--blue-cool-30) !important; } .border-blue-cool-30 { border-color: var(--blue-cool-30) !important; } .bg-blue-cool-20 { --background:var(--blue-cool-20); background: var(--blue-cool-20) !important; } .text-blue-cool-20 { color: var(--blue-cool-20) !important; } .border-blue-cool-20 { border-color: var(--blue-cool-20) !important; } .bg-blue-cool-10 { --background:var(--blue-cool-10); background: var(--blue-cool-10) !important; } .text-blue-cool-10 { color: var(--blue-cool-10) !important; } .border-blue-cool-10 { border-color: var(--blue-cool-10) !important; } .bg-blue-cool-5 { --background:var(--blue-cool-5); background: var(--blue-cool-5) !important; } .text-blue-cool-5 { color: var(--blue-cool-5) !important; } .border-blue-cool-5 { border-color: var(--blue-cool-5) !important; } .bg-blue-warm-90 { --background:var(--blue-warm-90); background: var(--blue-warm-90) !important; } .text-blue-warm-90 { color: var(--blue-warm-90) !important; } .border-blue-warm-90 { border-color: var(--blue-warm-90) !important; } .bg-blue-warm-80 { --background:var(--blue-warm-80); background: var(--blue-warm-80) !important; } .text-blue-warm-80 { color: var(--blue-warm-80) !important; } .border-blue-warm-80 { border-color: var(--blue-warm-80) !important; } .bg-blue-warm-70 { --background:var(--blue-warm-70); background: var(--blue-warm-70) !important; } .text-blue-warm-70 { color: var(--blue-warm-70) !important; } .border-blue-warm-70 { border-color: var(--blue-warm-70) !important; } .bg-blue-warm-60 { --background:var(--blue-warm-60); background: var(--blue-warm-60) !important; } .text-blue-warm-60 { color: var(--blue-warm-60) !important; } .border-blue-warm-60 { border-color: var(--blue-warm-60) !important; } .bg-blue-warm-50 { --background:var(--blue-warm-50); background: var(--blue-warm-50) !important; } .text-blue-warm-50 { color: var(--blue-warm-50) !important; } .border-blue-warm-50 { border-color: var(--blue-warm-50) !important; } .bg-blue-warm-40 { --background:var(--blue-warm-40); background: var(--blue-warm-40) !important; } .text-blue-warm-40 { color: var(--blue-warm-40) !important; } .border-blue-warm-40 { border-color: var(--blue-warm-40) !important; } .bg-blue-warm-30 { --background:var(--blue-warm-30); background: var(--blue-warm-30) !important; } .text-blue-warm-30 { color: var(--blue-warm-30) !important; } .border-blue-warm-30 { border-color: var(--blue-warm-30) !important; } .bg-blue-warm-20 { --background:var(--blue-warm-20); background: var(--blue-warm-20) !important; } .text-blue-warm-20 { color: var(--blue-warm-20) !important; } .border-blue-warm-20 { border-color: var(--blue-warm-20) !important; } .bg-blue-warm-10 { --background:var(--blue-warm-10); background: var(--blue-warm-10) !important; } .text-blue-warm-10 { color: var(--blue-warm-10) !important; } .border-blue-warm-10 { border-color: var(--blue-warm-10) !important; } .bg-blue-warm-5 { --background:var(--blue-warm-5); background: var(--blue-warm-5) !important; } .text-blue-warm-5 { color: var(--blue-warm-5) !important; } .border-blue-warm-5 { border-color: var(--blue-warm-5) !important; } .bg-blue-vivid-80 { --background:var(--blue-vivid-80); background: var(--blue-vivid-80) !important; } .text-blue-vivid-80 { color: var(--blue-vivid-80) !important; } .border-blue-vivid-80 { border-color: var(--blue-vivid-80) !important; } .bg-blue-vivid-70 { --background:var(--blue-vivid-70); background: var(--blue-vivid-70) !important; } .text-blue-vivid-70 { color: var(--blue-vivid-70) !important; } .border-blue-vivid-70 { border-color: var(--blue-vivid-70) !important; } .bg-blue-vivid-60 { --background:var(--blue-vivid-60); background: var(--blue-vivid-60) !important; } .text-blue-vivid-60 { color: var(--blue-vivid-60) !important; } .border-blue-vivid-60 { border-color: var(--blue-vivid-60) !important; } .bg-blue-vivid-50 { --background:var(--blue-vivid-50); background: var(--blue-vivid-50) !important; } .text-blue-vivid-50 { color: var(--blue-vivid-50) !important; } .border-blue-vivid-50 { border-color: var(--blue-vivid-50) !important; } .bg-blue-vivid-40 { --background:var(--blue-vivid-40); background: var(--blue-vivid-40) !important; } .text-blue-vivid-40 { color: var(--blue-vivid-40) !important; } .border-blue-vivid-40 { border-color: var(--blue-vivid-40) !important; } .bg-blue-vivid-30 { --background:var(--blue-vivid-30); background: var(--blue-vivid-30) !important; } .text-blue-vivid-30 { color: var(--blue-vivid-30) !important; } .border-blue-vivid-30 { border-color: var(--blue-vivid-30) !important; } .bg-blue-vivid-20 { --background:var(--blue-vivid-20); background: var(--blue-vivid-20) !important; } .text-blue-vivid-20 { color: var(--blue-vivid-20) !important; } .border-blue-vivid-20 { border-color: var(--blue-vivid-20) !important; } .bg-blue-vivid-10 { --background:var(--blue-vivid-10); background: var(--blue-vivid-10) !important; } .text-blue-vivid-10 { color: var(--blue-vivid-10) !important; } .border-blue-vivid-10 { border-color: var(--blue-vivid-10) !important; } .bg-blue-vivid-5 { --background:var(--blue-vivid-5); background: var(--blue-vivid-5) !important; } .text-blue-vivid-5 { color: var(--blue-vivid-5) !important; } .border-blue-vivid-5 { border-color: var(--blue-vivid-5) !important; } .bg-blue-cool-vivid-80 { --background:var(--blue-cool-vivid-80); background: var(--blue-cool-vivid-80) !important; } .text-blue-cool-vivid-80 { color: var(--blue-cool-vivid-80) !important; } .border-blue-cool-vivid-80 { border-color: var(--blue-cool-vivid-80) !important; } .bg-blue-cool-vivid-70 { --background:var(--blue-cool-vivid-70); background: var(--blue-cool-vivid-70) !important; } .text-blue-cool-vivid-70 { color: var(--blue-cool-vivid-70) !important; } .border-blue-cool-vivid-70 { border-color: var(--blue-cool-vivid-70) !important; } .bg-blue-cool-vivid-60 { --background:var(--blue-cool-vivid-60); background: var(--blue-cool-vivid-60) !important; } .text-blue-cool-vivid-60 { color: var(--blue-cool-vivid-60) !important; } .border-blue-cool-vivid-60 { border-color: var(--blue-cool-vivid-60) !important; } .bg-blue-cool-vivid-50 { --background:var(--blue-cool-vivid-50); background: var(--blue-cool-vivid-50) !important; } .text-blue-cool-vivid-50 { color: var(--blue-cool-vivid-50) !important; } .border-blue-cool-vivid-50 { border-color: var(--blue-cool-vivid-50) !important; } .bg-blue-cool-vivid-40 { --background:var(--blue-cool-vivid-40); background: var(--blue-cool-vivid-40) !important; } .text-blue-cool-vivid-40 { color: var(--blue-cool-vivid-40) !important; } .border-blue-cool-vivid-40 { border-color: var(--blue-cool-vivid-40) !important; } .bg-blue-cool-vivid-30 { --background:var(--blue-cool-vivid-30); background: var(--blue-cool-vivid-30) !important; } .text-blue-cool-vivid-30 { color: var(--blue-cool-vivid-30) !important; } .border-blue-cool-vivid-30 { border-color: var(--blue-cool-vivid-30) !important; } .bg-blue-cool-vivid-20 { --background:var(--blue-cool-vivid-20); background: var(--blue-cool-vivid-20) !important; } .text-blue-cool-vivid-20 { color: var(--blue-cool-vivid-20) !important; } .border-blue-cool-vivid-20 { border-color: var(--blue-cool-vivid-20) !important; } .bg-blue-cool-vivid-10 { --background:var(--blue-cool-vivid-10); background: var(--blue-cool-vivid-10) !important; } .text-blue-cool-vivid-10 { color: var(--blue-cool-vivid-10) !important; } .border-blue-cool-vivid-10 { border-color: var(--blue-cool-vivid-10) !important; } .bg-blue-cool-vivid-5 { --background:var(--blue-cool-vivid-5); background: var(--blue-cool-vivid-5) !important; } .text-blue-cool-vivid-5 { color: var(--blue-cool-vivid-5) !important; } .border-blue-cool-vivid-5 { border-color: var(--blue-cool-vivid-5) !important; } .bg-blue-warm-vivid-90 { --background:var(--blue-warm-vivid-90); background: var(--blue-warm-vivid-90) !important; } .text-blue-warm-vivid-90 { color: var(--blue-warm-vivid-90) !important; } .border-blue-warm-vivid-90 { border-color: var(--blue-warm-vivid-90) !important; } .bg-blue-warm-vivid-80 { --background:var(--blue-warm-vivid-80); background: var(--blue-warm-vivid-80) !important; } .text-blue-warm-vivid-80 { color: var(--blue-warm-vivid-80) !important; } .border-blue-warm-vivid-80 { border-color: var(--blue-warm-vivid-80) !important; } .bg-blue-warm-vivid-70 { --background:var(--blue-warm-vivid-70); background: var(--blue-warm-vivid-70) !important; } .text-blue-warm-vivid-70 { color: var(--blue-warm-vivid-70) !important; } .border-blue-warm-vivid-70 { border-color: var(--blue-warm-vivid-70) !important; } .bg-blue-warm-vivid-60 { --background:var(--blue-warm-vivid-60); background: var(--blue-warm-vivid-60) !important; } .text-blue-warm-vivid-60 { color: var(--blue-warm-vivid-60) !important; } .border-blue-warm-vivid-60 { border-color: var(--blue-warm-vivid-60) !important; } .bg-blue-warm-vivid-50 { --background:var(--blue-warm-vivid-50); background: var(--blue-warm-vivid-50) !important; } .text-blue-warm-vivid-50 { color: var(--blue-warm-vivid-50) !important; } .border-blue-warm-vivid-50 { border-color: var(--blue-warm-vivid-50) !important; } .bg-blue-warm-vivid-40 { --background:var(--blue-warm-vivid-40); background: var(--blue-warm-vivid-40) !important; } .text-blue-warm-vivid-40 { color: var(--blue-warm-vivid-40) !important; } .border-blue-warm-vivid-40 { border-color: var(--blue-warm-vivid-40) !important; } .bg-blue-warm-vivid-30 { --background:var(--blue-warm-vivid-30); background: var(--blue-warm-vivid-30) !important; } .text-blue-warm-vivid-30 { color: var(--blue-warm-vivid-30) !important; } .border-blue-warm-vivid-30 { border-color: var(--blue-warm-vivid-30) !important; } .bg-blue-warm-vivid-20 { --background:var(--blue-warm-vivid-20); background: var(--blue-warm-vivid-20) !important; } .text-blue-warm-vivid-20 { color: var(--blue-warm-vivid-20) !important; } .border-blue-warm-vivid-20 { border-color: var(--blue-warm-vivid-20) !important; } .bg-blue-warm-vivid-10 { --background:var(--blue-warm-vivid-10); background: var(--blue-warm-vivid-10) !important; } .text-blue-warm-vivid-10 { color: var(--blue-warm-vivid-10) !important; } .border-blue-warm-vivid-10 { border-color: var(--blue-warm-vivid-10) !important; } .bg-blue-warm-vivid-5 { --background:var(--blue-warm-vivid-5); background: var(--blue-warm-vivid-5) !important; } .text-blue-warm-vivid-5 { color: var(--blue-warm-vivid-5) !important; } .border-blue-warm-vivid-5 { border-color: var(--blue-warm-vivid-5) !important; } .bg-cyan-90 { --background:var(--cyan-90); background: var(--cyan-90) !important; } .text-cyan-90 { color: var(--cyan-90) !important; } .border-cyan-90 { border-color: var(--cyan-90) !important; } .bg-cyan-80 { --background:var(--cyan-80); background: var(--cyan-80) !important; } .text-cyan-80 { color: var(--cyan-80) !important; } .border-cyan-80 { border-color: var(--cyan-80) !important; } .bg-cyan-70 { --background:var(--cyan-70); background: var(--cyan-70) !important; } .text-cyan-70 { color: var(--cyan-70) !important; } .border-cyan-70 { border-color: var(--cyan-70) !important; } .bg-cyan-60 { --background:var(--cyan-60); background: var(--cyan-60) !important; } .text-cyan-60 { color: var(--cyan-60) !important; } .border-cyan-60 { border-color: var(--cyan-60) !important; } .bg-cyan-50 { --background:var(--cyan-50); background: var(--cyan-50) !important; } .text-cyan-50 { color: var(--cyan-50) !important; } .border-cyan-50 { border-color: var(--cyan-50) !important; } .bg-cyan-40 { --background:var(--cyan-40); background: var(--cyan-40) !important; } .text-cyan-40 { color: var(--cyan-40) !important; } .border-cyan-40 { border-color: var(--cyan-40) !important; } .bg-cyan-30 { --background:var(--cyan-30); background: var(--cyan-30) !important; } .text-cyan-30 { color: var(--cyan-30) !important; } .border-cyan-30 { border-color: var(--cyan-30) !important; } .bg-cyan-20 { --background:var(--cyan-20); background: var(--cyan-20) !important; } .text-cyan-20 { color: var(--cyan-20) !important; } .border-cyan-20 { border-color: var(--cyan-20) !important; } .bg-cyan-10 { --background:var(--cyan-10); background: var(--cyan-10) !important; } .text-cyan-10 { color: var(--cyan-10) !important; } .border-cyan-10 { border-color: var(--cyan-10) !important; } .bg-cyan-5 { --background:var(--cyan-5); background: var(--cyan-5) !important; } .text-cyan-5 { color: var(--cyan-5) !important; } .border-cyan-5 { border-color: var(--cyan-5) !important; } .bg-cyan-vivid-80 { --background:var(--cyan-vivid-80); background: var(--cyan-vivid-80) !important; } .text-cyan-vivid-80 { color: var(--cyan-vivid-80) !important; } .border-cyan-vivid-80 { border-color: var(--cyan-vivid-80) !important; } .bg-cyan-vivid-70 { --background:var(--cyan-vivid-70); background: var(--cyan-vivid-70) !important; } .text-cyan-vivid-70 { color: var(--cyan-vivid-70) !important; } .border-cyan-vivid-70 { border-color: var(--cyan-vivid-70) !important; } .bg-cyan-vivid-60 { --background:var(--cyan-vivid-60); background: var(--cyan-vivid-60) !important; } .text-cyan-vivid-60 { color: var(--cyan-vivid-60) !important; } .border-cyan-vivid-60 { border-color: var(--cyan-vivid-60) !important; } .bg-cyan-vivid-50 { --background:var(--cyan-vivid-50); background: var(--cyan-vivid-50) !important; } .text-cyan-vivid-50 { color: var(--cyan-vivid-50) !important; } .border-cyan-vivid-50 { border-color: var(--cyan-vivid-50) !important; } .bg-cyan-vivid-40 { --background:var(--cyan-vivid-40); background: var(--cyan-vivid-40) !important; } .text-cyan-vivid-40 { color: var(--cyan-vivid-40) !important; } .border-cyan-vivid-40 { border-color: var(--cyan-vivid-40) !important; } .bg-cyan-vivid-30 { --background:var(--cyan-vivid-30); background: var(--cyan-vivid-30) !important; } .text-cyan-vivid-30 { color: var(--cyan-vivid-30) !important; } .border-cyan-vivid-30 { border-color: var(--cyan-vivid-30) !important; } .bg-cyan-vivid-20 { --background:var(--cyan-vivid-20); background: var(--cyan-vivid-20) !important; } .text-cyan-vivid-20 { color: var(--cyan-vivid-20) !important; } .border-cyan-vivid-20 { border-color: var(--cyan-vivid-20) !important; } .bg-cyan-vivid-10 { --background:var(--cyan-vivid-10); background: var(--cyan-vivid-10) !important; } .text-cyan-vivid-10 { color: var(--cyan-vivid-10) !important; } .border-cyan-vivid-10 { border-color: var(--cyan-vivid-10) !important; } .bg-cyan-vivid-5 { --background:var(--cyan-vivid-5); background: var(--cyan-vivid-5) !important; } .text-cyan-vivid-5 { color: var(--cyan-vivid-5) !important; } .border-cyan-vivid-5 { border-color: var(--cyan-vivid-5) !important; } .bg-gold-90 { --background:var(--gold-90); background: var(--gold-90) !important; } .text-gold-90 { color: var(--gold-90) !important; } .border-gold-90 { border-color: var(--gold-90) !important; } .bg-gold-80 { --background:var(--gold-80); background: var(--gold-80) !important; } .text-gold-80 { color: var(--gold-80) !important; } .border-gold-80 { border-color: var(--gold-80) !important; } .bg-gold-70 { --background:var(--gold-70); background: var(--gold-70) !important; } .text-gold-70 { color: var(--gold-70) !important; } .border-gold-70 { border-color: var(--gold-70) !important; } .bg-gold-60 { --background:var(--gold-60); background: var(--gold-60) !important; } .text-gold-60 { color: var(--gold-60) !important; } .border-gold-60 { border-color: var(--gold-60) !important; } .bg-gold-50 { --background:var(--gold-50); background: var(--gold-50) !important; } .text-gold-50 { color: var(--gold-50) !important; } .border-gold-50 { border-color: var(--gold-50) !important; } .bg-gold-40 { --background:var(--gold-40); background: var(--gold-40) !important; } .text-gold-40 { color: var(--gold-40) !important; } .border-gold-40 { border-color: var(--gold-40) !important; } .bg-gold-30 { --background:var(--gold-30); background: var(--gold-30) !important; } .text-gold-30 { color: var(--gold-30) !important; } .border-gold-30 { border-color: var(--gold-30) !important; } .bg-gold-20 { --background:var(--gold-20); background: var(--gold-20) !important; } .text-gold-20 { color: var(--gold-20) !important; } .border-gold-20 { border-color: var(--gold-20) !important; } .bg-gold-10 { --background:var(--gold-10); background: var(--gold-10) !important; } .text-gold-10 { color: var(--gold-10) !important; } .border-gold-10 { border-color: var(--gold-10) !important; } .bg-gold-5 { --background:var(--gold-5); background: var(--gold-5) !important; } .text-gold-5 { color: var(--gold-5) !important; } .border-gold-5 { border-color: var(--gold-5) !important; } .bg-gold-vivid-80 { --background:var(--gold-vivid-80); background: var(--gold-vivid-80) !important; } .text-gold-vivid-80 { color: var(--gold-vivid-80) !important; } .border-gold-vivid-80 { border-color: var(--gold-vivid-80) !important; } .bg-gold-vivid-70 { --background:var(--gold-vivid-70); background: var(--gold-vivid-70) !important; } .text-gold-vivid-70 { color: var(--gold-vivid-70) !important; } .border-gold-vivid-70 { border-color: var(--gold-vivid-70) !important; } .bg-gold-vivid-60 { --background:var(--gold-vivid-60); background: var(--gold-vivid-60) !important; } .text-gold-vivid-60 { color: var(--gold-vivid-60) !important; } .border-gold-vivid-60 { border-color: var(--gold-vivid-60) !important; } .bg-gold-vivid-50 { --background:var(--gold-vivid-50); background: var(--gold-vivid-50) !important; } .text-gold-vivid-50 { color: var(--gold-vivid-50) !important; } .border-gold-vivid-50 { border-color: var(--gold-vivid-50) !important; } .bg-gold-vivid-40 { --background:var(--gold-vivid-40); background: var(--gold-vivid-40) !important; } .text-gold-vivid-40 { color: var(--gold-vivid-40) !important; } .border-gold-vivid-40 { border-color: var(--gold-vivid-40) !important; } .bg-gold-vivid-30 { --background:var(--gold-vivid-30); background: var(--gold-vivid-30) !important; } .text-gold-vivid-30 { color: var(--gold-vivid-30) !important; } .border-gold-vivid-30 { border-color: var(--gold-vivid-30) !important; } .bg-gold-vivid-20 { --background:var(--gold-vivid-20); background: var(--gold-vivid-20) !important; } .text-gold-vivid-20 { color: var(--gold-vivid-20) !important; } .border-gold-vivid-20 { border-color: var(--gold-vivid-20) !important; } .bg-gold-vivid-10 { --background:var(--gold-vivid-10); background: var(--gold-vivid-10) !important; } .text-gold-vivid-10 { color: var(--gold-vivid-10) !important; } .border-gold-vivid-10 { border-color: var(--gold-vivid-10) !important; } .bg-gold-vivid-5 { --background:var(--gold-vivid-5); background: var(--gold-vivid-5) !important; } .text-gold-vivid-5 { color: var(--gold-vivid-5) !important; } .border-gold-vivid-5 { border-color: var(--gold-vivid-5) !important; } .bg-gray-90 { --background:var(--gray-90); background: var(--gray-90) !important; } .text-gray-90 { color: var(--gray-90) !important; } .border-gray-90 { border-color: var(--gray-90) !important; } .bg-gray-80 { --background:var(--gray-80); background: var(--gray-80) !important; } .text-gray-80 { color: var(--gray-80) !important; } .border-gray-80 { border-color: var(--gray-80) !important; } .bg-gray-70 { --background:var(--gray-70); background: var(--gray-70) !important; } .text-gray-70 { color: var(--gray-70) !important; } .border-gray-70 { border-color: var(--gray-70) !important; } .bg-gray-60 { --background:var(--gray-60); background: var(--gray-60) !important; } .text-gray-60 { color: var(--gray-60) !important; } .border-gray-60 { border-color: var(--gray-60) !important; } .bg-gray-50 { --background:var(--gray-50); background: var(--gray-50) !important; } .text-gray-50 { color: var(--gray-50) !important; } .border-gray-50 { border-color: var(--gray-50) !important; } .bg-gray-40 { --background:var(--gray-40); background: var(--gray-40) !important; } .text-gray-40 { color: var(--gray-40) !important; } .border-gray-40 { border-color: var(--gray-40) !important; } .bg-gray-30 { --background:var(--gray-30); background: var(--gray-30) !important; } .text-gray-30 { color: var(--gray-30) !important; } .border-gray-30 { border-color: var(--gray-30) !important; } .bg-gray-20 { --background:var(--gray-20); background: var(--gray-20) !important; } .text-gray-20 { color: var(--gray-20) !important; } .border-gray-20 { border-color: var(--gray-20) !important; } .bg-gray-10 { --background:var(--gray-10); background: var(--gray-10) !important; } .text-gray-10 { color: var(--gray-10) !important; } .border-gray-10 { border-color: var(--gray-10) !important; } .bg-gray-5 { --background:var(--gray-5); background: var(--gray-5) !important; } .text-gray-5 { color: var(--gray-5) !important; } .border-gray-5 { border-color: var(--gray-5) !important; } .bg-gray-4 { --background:var(--gray-4); background: var(--gray-4) !important; } .text-gray-4 { color: var(--gray-4) !important; } .border-gray-4 { border-color: var(--gray-4) !important; } .bg-gray-3 { --background:var(--gray-3); background: var(--gray-3) !important; } .text-gray-3 { color: var(--gray-3) !important; } .border-gray-3 { border-color: var(--gray-3) !important; } .bg-gray-2 { --background:var(--gray-2); background: var(--gray-2) !important; } .text-gray-2 { color: var(--gray-2) !important; } .border-gray-2 { border-color: var(--gray-2) !important; } .bg-gray-1 { --background:var(--gray-1); background: var(--gray-1) !important; } .text-gray-1 { color: var(--gray-1) !important; } .border-gray-1 { border-color: var(--gray-1) !important; } .bg-gray-cool-90 { --background:var(--gray-cool-90); background: var(--gray-cool-90) !important; } .text-gray-cool-90 { color: var(--gray-cool-90) !important; } .border-gray-cool-90 { border-color: var(--gray-cool-90) !important; } .bg-gray-cool-80 { --background:var(--gray-cool-80); background: var(--gray-cool-80) !important; } .text-gray-cool-80 { color: var(--gray-cool-80) !important; } .border-gray-cool-80 { border-color: var(--gray-cool-80) !important; } .bg-gray-cool-70 { --background:var(--gray-cool-70); background: var(--gray-cool-70) !important; } .text-gray-cool-70 { color: var(--gray-cool-70) !important; } .border-gray-cool-70 { border-color: var(--gray-cool-70) !important; } .bg-gray-cool-60 { --background:var(--gray-cool-60); background: var(--gray-cool-60) !important; } .text-gray-cool-60 { color: var(--gray-cool-60) !important; } .border-gray-cool-60 { border-color: var(--gray-cool-60) !important; } .bg-gray-cool-50 { --background:var(--gray-cool-50); background: var(--gray-cool-50) !important; } .text-gray-cool-50 { color: var(--gray-cool-50) !important; } .border-gray-cool-50 { border-color: var(--gray-cool-50) !important; } .bg-gray-cool-40 { --background:var(--gray-cool-40); background: var(--gray-cool-40) !important; } .text-gray-cool-40 { color: var(--gray-cool-40) !important; } .border-gray-cool-40 { border-color: var(--gray-cool-40) !important; } .bg-gray-cool-30 { --background:var(--gray-cool-30); background: var(--gray-cool-30) !important; } .text-gray-cool-30 { color: var(--gray-cool-30) !important; } .border-gray-cool-30 { border-color: var(--gray-cool-30) !important; } .bg-gray-cool-20 { --background:var(--gray-cool-20); background: var(--gray-cool-20) !important; } .text-gray-cool-20 { color: var(--gray-cool-20) !important; } .border-gray-cool-20 { border-color: var(--gray-cool-20) !important; } .bg-gray-cool-10 { --background:var(--gray-cool-10); background: var(--gray-cool-10) !important; } .text-gray-cool-10 { color: var(--gray-cool-10) !important; } .border-gray-cool-10 { border-color: var(--gray-cool-10) !important; } .bg-gray-cool-5 { --background:var(--gray-cool-5); background: var(--gray-cool-5) !important; } .text-gray-cool-5 { color: var(--gray-cool-5) !important; } .border-gray-cool-5 { border-color: var(--gray-cool-5) !important; } .bg-gray-cool-4 { --background:var(--gray-cool-4); background: var(--gray-cool-4) !important; } .text-gray-cool-4 { color: var(--gray-cool-4) !important; } .border-gray-cool-4 { border-color: var(--gray-cool-4) !important; } .bg-gray-cool-3 { --background:var(--gray-cool-3); background: var(--gray-cool-3) !important; } .text-gray-cool-3 { color: var(--gray-cool-3) !important; } .border-gray-cool-3 { border-color: var(--gray-cool-3) !important; } .bg-gray-cool-2 { --background:var(--gray-cool-2); background: var(--gray-cool-2) !important; } .text-gray-cool-2 { color: var(--gray-cool-2) !important; } .border-gray-cool-2 { border-color: var(--gray-cool-2) !important; } .bg-gray-cool-1 { --background:var(--gray-cool-1); background: var(--gray-cool-1) !important; } .text-gray-cool-1 { color: var(--gray-cool-1) !important; } .border-gray-cool-1 { border-color: var(--gray-cool-1) !important; } .bg-gray-warm-90 { --background:var(--gray-warm-90); background: var(--gray-warm-90) !important; } .text-gray-warm-90 { color: var(--gray-warm-90) !important; } .border-gray-warm-90 { border-color: var(--gray-warm-90) !important; } .bg-gray-warm-80 { --background:var(--gray-warm-80); background: var(--gray-warm-80) !important; } .text-gray-warm-80 { color: var(--gray-warm-80) !important; } .border-gray-warm-80 { border-color: var(--gray-warm-80) !important; } .bg-gray-warm-70 { --background:var(--gray-warm-70); background: var(--gray-warm-70) !important; } .text-gray-warm-70 { color: var(--gray-warm-70) !important; } .border-gray-warm-70 { border-color: var(--gray-warm-70) !important; } .bg-gray-warm-60 { --background:var(--gray-warm-60); background: var(--gray-warm-60) !important; } .text-gray-warm-60 { color: var(--gray-warm-60) !important; } .border-gray-warm-60 { border-color: var(--gray-warm-60) !important; } .bg-gray-warm-50 { --background:var(--gray-warm-50); background: var(--gray-warm-50) !important; } .text-gray-warm-50 { color: var(--gray-warm-50) !important; } .border-gray-warm-50 { border-color: var(--gray-warm-50) !important; } .bg-gray-warm-40 { --background:var(--gray-warm-40); background: var(--gray-warm-40) !important; } .text-gray-warm-40 { color: var(--gray-warm-40) !important; } .border-gray-warm-40 { border-color: var(--gray-warm-40) !important; } .bg-gray-warm-30 { --background:var(--gray-warm-30); background: var(--gray-warm-30) !important; } .text-gray-warm-30 { color: var(--gray-warm-30) !important; } .border-gray-warm-30 { border-color: var(--gray-warm-30) !important; } .bg-gray-warm-20 { --background:var(--gray-warm-20); background: var(--gray-warm-20) !important; } .text-gray-warm-20 { color: var(--gray-warm-20) !important; } .border-gray-warm-20 { border-color: var(--gray-warm-20) !important; } .bg-gray-warm-10 { --background:var(--gray-warm-10); background: var(--gray-warm-10) !important; } .text-gray-warm-10 { color: var(--gray-warm-10) !important; } .border-gray-warm-10 { border-color: var(--gray-warm-10) !important; } .bg-gray-warm-5 { --background:var(--gray-warm-5); background: var(--gray-warm-5) !important; } .text-gray-warm-5 { color: var(--gray-warm-5) !important; } .border-gray-warm-5 { border-color: var(--gray-warm-5) !important; } .bg-gray-warm-4 { --background:var(--gray-warm-4); background: var(--gray-warm-4) !important; } .text-gray-warm-4 { color: var(--gray-warm-4) !important; } .border-gray-warm-4 { border-color: var(--gray-warm-4) !important; } .bg-gray-warm-3 { --background:var(--gray-warm-3); background: var(--gray-warm-3) !important; } .text-gray-warm-3 { color: var(--gray-warm-3) !important; } .border-gray-warm-3 { border-color: var(--gray-warm-3) !important; } .bg-gray-warm-2 { --background:var(--gray-warm-2); background: var(--gray-warm-2) !important; } .text-gray-warm-2 { color: var(--gray-warm-2) !important; } .border-gray-warm-2 { border-color: var(--gray-warm-2) !important; } .bg-gray-warm-1 { --background:var(--gray-warm-1); background: var(--gray-warm-1) !important; } .text-gray-warm-1 { color: var(--gray-warm-1) !important; } .border-gray-warm-1 { border-color: var(--gray-warm-1) !important; } .bg-green-90 { --background:var(--green-90); background: var(--green-90) !important; } .text-green-90 { color: var(--green-90) !important; } .border-green-90 { border-color: var(--green-90) !important; } .bg-green-80 { --background:var(--green-80); background: var(--green-80) !important; } .text-green-80 { color: var(--green-80) !important; } .border-green-80 { border-color: var(--green-80) !important; } .bg-green-70 { --background:var(--green-70); background: var(--green-70) !important; } .text-green-70 { color: var(--green-70) !important; } .border-green-70 { border-color: var(--green-70) !important; } .bg-green-60 { --background:var(--green-60); background: var(--green-60) !important; } .text-green-60 { color: var(--green-60) !important; } .border-green-60 { border-color: var(--green-60) !important; } .bg-green-50 { --background:var(--green-50); background: var(--green-50) !important; } .text-green-50 { color: var(--green-50) !important; } .border-green-50 { border-color: var(--green-50) !important; } .bg-green-40 { --background:var(--green-40); background: var(--green-40) !important; } .text-green-40 { color: var(--green-40) !important; } .border-green-40 { border-color: var(--green-40) !important; } .bg-green-30 { --background:var(--green-30); background: var(--green-30) !important; } .text-green-30 { color: var(--green-30) !important; } .border-green-30 { border-color: var(--green-30) !important; } .bg-green-20 { --background:var(--green-20); background: var(--green-20) !important; } .text-green-20 { color: var(--green-20) !important; } .border-green-20 { border-color: var(--green-20) !important; } .bg-green-10 { --background:var(--green-10); background: var(--green-10) !important; } .text-green-10 { color: var(--green-10) !important; } .border-green-10 { border-color: var(--green-10) !important; } .bg-green-5 { --background:var(--green-5); background: var(--green-5) !important; } .text-green-5 { color: var(--green-5) !important; } .border-green-5 { border-color: var(--green-5) !important; } .bg-green-cool-90 { --background:var(--green-cool-90); background: var(--green-cool-90) !important; } .text-green-cool-90 { color: var(--green-cool-90) !important; } .border-green-cool-90 { border-color: var(--green-cool-90) !important; } .bg-green-cool-80 { --background:var(--green-cool-80); background: var(--green-cool-80) !important; } .text-green-cool-80 { color: var(--green-cool-80) !important; } .border-green-cool-80 { border-color: var(--green-cool-80) !important; } .bg-green-cool-70 { --background:var(--green-cool-70); background: var(--green-cool-70) !important; } .text-green-cool-70 { color: var(--green-cool-70) !important; } .border-green-cool-70 { border-color: var(--green-cool-70) !important; } .bg-green-cool-60 { --background:var(--green-cool-60); background: var(--green-cool-60) !important; } .text-green-cool-60 { color: var(--green-cool-60) !important; } .border-green-cool-60 { border-color: var(--green-cool-60) !important; } .bg-green-cool-50 { --background:var(--green-cool-50); background: var(--green-cool-50) !important; } .text-green-cool-50 { color: var(--green-cool-50) !important; } .border-green-cool-50 { border-color: var(--green-cool-50) !important; } .bg-green-cool-40 { --background:var(--green-cool-40); background: var(--green-cool-40) !important; } .text-green-cool-40 { color: var(--green-cool-40) !important; } .border-green-cool-40 { border-color: var(--green-cool-40) !important; } .bg-green-cool-30 { --background:var(--green-cool-30); background: var(--green-cool-30) !important; } .text-green-cool-30 { color: var(--green-cool-30) !important; } .border-green-cool-30 { border-color: var(--green-cool-30) !important; } .bg-green-cool-20 { --background:var(--green-cool-20); background: var(--green-cool-20) !important; } .text-green-cool-20 { color: var(--green-cool-20) !important; } .border-green-cool-20 { border-color: var(--green-cool-20) !important; } .bg-green-cool-10 { --background:var(--green-cool-10); background: var(--green-cool-10) !important; } .text-green-cool-10 { color: var(--green-cool-10) !important; } .border-green-cool-10 { border-color: var(--green-cool-10) !important; } .bg-green-cool-5 { --background:var(--green-cool-5); background: var(--green-cool-5) !important; } .text-green-cool-5 { color: var(--green-cool-5) !important; } .border-green-cool-5 { border-color: var(--green-cool-5) !important; } .bg-green-warm-90 { --background:var(--green-warm-90); background: var(--green-warm-90) !important; } .text-green-warm-90 { color: var(--green-warm-90) !important; } .border-green-warm-90 { border-color: var(--green-warm-90) !important; } .bg-green-warm-80 { --background:var(--green-warm-80); background: var(--green-warm-80) !important; } .text-green-warm-80 { color: var(--green-warm-80) !important; } .border-green-warm-80 { border-color: var(--green-warm-80) !important; } .bg-green-warm-70 { --background:var(--green-warm-70); background: var(--green-warm-70) !important; } .text-green-warm-70 { color: var(--green-warm-70) !important; } .border-green-warm-70 { border-color: var(--green-warm-70) !important; } .bg-green-warm-60 { --background:var(--green-warm-60); background: var(--green-warm-60) !important; } .text-green-warm-60 { color: var(--green-warm-60) !important; } .border-green-warm-60 { border-color: var(--green-warm-60) !important; } .bg-green-warm-50 { --background:var(--green-warm-50); background: var(--green-warm-50) !important; } .text-green-warm-50 { color: var(--green-warm-50) !important; } .border-green-warm-50 { border-color: var(--green-warm-50) !important; } .bg-green-warm-40 { --background:var(--green-warm-40); background: var(--green-warm-40) !important; } .text-green-warm-40 { color: var(--green-warm-40) !important; } .border-green-warm-40 { border-color: var(--green-warm-40) !important; } .bg-green-warm-30 { --background:var(--green-warm-30); background: var(--green-warm-30) !important; } .text-green-warm-30 { color: var(--green-warm-30) !important; } .border-green-warm-30 { border-color: var(--green-warm-30) !important; } .bg-green-warm-20 { --background:var(--green-warm-20); background: var(--green-warm-20) !important; } .text-green-warm-20 { color: var(--green-warm-20) !important; } .border-green-warm-20 { border-color: var(--green-warm-20) !important; } .bg-green-warm-10 { --background:var(--green-warm-10); background: var(--green-warm-10) !important; } .text-green-warm-10 { color: var(--green-warm-10) !important; } .border-green-warm-10 { border-color: var(--green-warm-10) !important; } .bg-green-warm-5 { --background:var(--green-warm-5); background: var(--green-warm-5) !important; } .text-green-warm-5 { color: var(--green-warm-5) !important; } .border-green-warm-5 { border-color: var(--green-warm-5) !important; } .bg-green-vivid-80 { --background:var(--green-vivid-80); background: var(--green-vivid-80) !important; } .text-green-vivid-80 { color: var(--green-vivid-80) !important; } .border-green-vivid-80 { border-color: var(--green-vivid-80) !important; } .bg-green-vivid-70 { --background:var(--green-vivid-70); background: var(--green-vivid-70) !important; } .text-green-vivid-70 { color: var(--green-vivid-70) !important; } .border-green-vivid-70 { border-color: var(--green-vivid-70) !important; } .bg-green-vivid-60 { --background:var(--green-vivid-60); background: var(--green-vivid-60) !important; } .text-green-vivid-60 { color: var(--green-vivid-60) !important; } .border-green-vivid-60 { border-color: var(--green-vivid-60) !important; } .bg-green-vivid-50 { --background:var(--green-vivid-50); background: var(--green-vivid-50) !important; } .text-green-vivid-50 { color: var(--green-vivid-50) !important; } .border-green-vivid-50 { border-color: var(--green-vivid-50) !important; } .bg-green-vivid-40 { --background:var(--green-vivid-40); background: var(--green-vivid-40) !important; } .text-green-vivid-40 { color: var(--green-vivid-40) !important; } .border-green-vivid-40 { border-color: var(--green-vivid-40) !important; } .bg-green-vivid-30 { --background:var(--green-vivid-30); background: var(--green-vivid-30) !important; } .text-green-vivid-30 { color: var(--green-vivid-30) !important; } .border-green-vivid-30 { border-color: var(--green-vivid-30) !important; } .bg-green-vivid-20 { --background:var(--green-vivid-20); background: var(--green-vivid-20) !important; } .text-green-vivid-20 { color: var(--green-vivid-20) !important; } .border-green-vivid-20 { border-color: var(--green-vivid-20) !important; } .bg-green-vivid-10 { --background:var(--green-vivid-10); background: var(--green-vivid-10) !important; } .text-green-vivid-10 { color: var(--green-vivid-10) !important; } .border-green-vivid-10 { border-color: var(--green-vivid-10) !important; } .bg-green-vivid-5 { --background:var(--green-vivid-5); background: var(--green-vivid-5) !important; } .text-green-vivid-5 { color: var(--green-vivid-5) !important; } .border-green-vivid-5 { border-color: var(--green-vivid-5) !important; } .bg-green-cool-vivid-80 { --background:var(--green-cool-vivid-80); background: var(--green-cool-vivid-80) !important; } .text-green-cool-vivid-80 { color: var(--green-cool-vivid-80) !important; } .border-green-cool-vivid-80 { border-color: var(--green-cool-vivid-80) !important; } .bg-green-cool-vivid-70 { --background:var(--green-cool-vivid-70); background: var(--green-cool-vivid-70) !important; } .text-green-cool-vivid-70 { color: var(--green-cool-vivid-70) !important; } .border-green-cool-vivid-70 { border-color: var(--green-cool-vivid-70) !important; } .bg-green-cool-vivid-60 { --background:var(--green-cool-vivid-60); background: var(--green-cool-vivid-60) !important; } .text-green-cool-vivid-60 { color: var(--green-cool-vivid-60) !important; } .border-green-cool-vivid-60 { border-color: var(--green-cool-vivid-60) !important; } .bg-green-cool-vivid-50 { --background:var(--green-cool-vivid-50); background: var(--green-cool-vivid-50) !important; } .text-green-cool-vivid-50 { color: var(--green-cool-vivid-50) !important; } .border-green-cool-vivid-50 { border-color: var(--green-cool-vivid-50) !important; } .bg-green-cool-vivid-40 { --background:var(--green-cool-vivid-40); background: var(--green-cool-vivid-40) !important; } .text-green-cool-vivid-40 { color: var(--green-cool-vivid-40) !important; } .border-green-cool-vivid-40 { border-color: var(--green-cool-vivid-40) !important; } .bg-green-cool-vivid-30 { --background:var(--green-cool-vivid-30); background: var(--green-cool-vivid-30) !important; } .text-green-cool-vivid-30 { color: var(--green-cool-vivid-30) !important; } .border-green-cool-vivid-30 { border-color: var(--green-cool-vivid-30) !important; } .bg-green-cool-vivid-20 { --background:var(--green-cool-vivid-20); background: var(--green-cool-vivid-20) !important; } .text-green-cool-vivid-20 { color: var(--green-cool-vivid-20) !important; } .border-green-cool-vivid-20 { border-color: var(--green-cool-vivid-20) !important; } .bg-green-cool-vivid-10 { --background:var(--green-cool-vivid-10); background: var(--green-cool-vivid-10) !important; } .text-green-cool-vivid-10 { color: var(--green-cool-vivid-10) !important; } .border-green-cool-vivid-10 { border-color: var(--green-cool-vivid-10) !important; } .bg-green-cool-vivid-5 { --background:var(--green-cool-vivid-5); background: var(--green-cool-vivid-5) !important; } .text-green-cool-vivid-5 { color: var(--green-cool-vivid-5) !important; } .border-green-cool-vivid-5 { border-color: var(--green-cool-vivid-5) !important; } .bg-green-warm-vivid-80 { --background:var(--green-warm-vivid-80); background: var(--green-warm-vivid-80) !important; } .text-green-warm-vivid-80 { color: var(--green-warm-vivid-80) !important; } .border-green-warm-vivid-80 { border-color: var(--green-warm-vivid-80) !important; } .bg-green-warm-vivid-70 { --background:var(--green-warm-vivid-70); background: var(--green-warm-vivid-70) !important; } .text-green-warm-vivid-70 { color: var(--green-warm-vivid-70) !important; } .border-green-warm-vivid-70 { border-color: var(--green-warm-vivid-70) !important; } .bg-green-warm-vivid-60 { --background:var(--green-warm-vivid-60); background: var(--green-warm-vivid-60) !important; } .text-green-warm-vivid-60 { color: var(--green-warm-vivid-60) !important; } .border-green-warm-vivid-60 { border-color: var(--green-warm-vivid-60) !important; } .bg-green-warm-vivid-50 { --background:var(--green-warm-vivid-50); background: var(--green-warm-vivid-50) !important; } .text-green-warm-vivid-50 { color: var(--green-warm-vivid-50) !important; } .border-green-warm-vivid-50 { border-color: var(--green-warm-vivid-50) !important; } .bg-green-warm-vivid-40 { --background:var(--green-warm-vivid-40); background: var(--green-warm-vivid-40) !important; } .text-green-warm-vivid-40 { color: var(--green-warm-vivid-40) !important; } .border-green-warm-vivid-40 { border-color: var(--green-warm-vivid-40) !important; } .bg-green-warm-vivid-30 { --background:var(--green-warm-vivid-30); background: var(--green-warm-vivid-30) !important; } .text-green-warm-vivid-30 { color: var(--green-warm-vivid-30) !important; } .border-green-warm-vivid-30 { border-color: var(--green-warm-vivid-30) !important; } .bg-green-warm-vivid-20 { --background:var(--green-warm-vivid-20); background: var(--green-warm-vivid-20) !important; } .text-green-warm-vivid-20 { color: var(--green-warm-vivid-20) !important; } .border-green-warm-vivid-20 { border-color: var(--green-warm-vivid-20) !important; } .bg-green-warm-vivid-10 { --background:var(--green-warm-vivid-10); background: var(--green-warm-vivid-10) !important; } .text-green-warm-vivid-10 { color: var(--green-warm-vivid-10) !important; } .border-green-warm-vivid-10 { border-color: var(--green-warm-vivid-10) !important; } .bg-green-warm-vivid-5 { --background:var(--green-warm-vivid-5); background: var(--green-warm-vivid-5) !important; } .text-green-warm-vivid-5 { color: var(--green-warm-vivid-5) !important; } .border-green-warm-vivid-5 { border-color: var(--green-warm-vivid-5) !important; } .bg-indigo-90 { --background:var(--indigo-90); background: var(--indigo-90) !important; } .text-indigo-90 { color: var(--indigo-90) !important; } .border-indigo-90 { border-color: var(--indigo-90) !important; } .bg-indigo-80 { --background:var(--indigo-80); background: var(--indigo-80) !important; } .text-indigo-80 { color: var(--indigo-80) !important; } .border-indigo-80 { border-color: var(--indigo-80) !important; } .bg-indigo-70 { --background:var(--indigo-70); background: var(--indigo-70) !important; } .text-indigo-70 { color: var(--indigo-70) !important; } .border-indigo-70 { border-color: var(--indigo-70) !important; } .bg-indigo-60 { --background:var(--indigo-60); background: var(--indigo-60) !important; } .text-indigo-60 { color: var(--indigo-60) !important; } .border-indigo-60 { border-color: var(--indigo-60) !important; } .bg-indigo-50 { --background:var(--indigo-50); background: var(--indigo-50) !important; } .text-indigo-50 { color: var(--indigo-50) !important; } .border-indigo-50 { border-color: var(--indigo-50) !important; } .bg-indigo-40 { --background:var(--indigo-40); background: var(--indigo-40) !important; } .text-indigo-40 { color: var(--indigo-40) !important; } .border-indigo-40 { border-color: var(--indigo-40) !important; } .bg-indigo-30 { --background:var(--indigo-30); background: var(--indigo-30) !important; } .text-indigo-30 { color: var(--indigo-30) !important; } .border-indigo-30 { border-color: var(--indigo-30) !important; } .bg-indigo-20 { --background:var(--indigo-20); background: var(--indigo-20) !important; } .text-indigo-20 { color: var(--indigo-20) !important; } .border-indigo-20 { border-color: var(--indigo-20) !important; } .bg-indigo-10 { --background:var(--indigo-10); background: var(--indigo-10) !important; } .text-indigo-10 { color: var(--indigo-10) !important; } .border-indigo-10 { border-color: var(--indigo-10) !important; } .bg-indigo-5 { --background:var(--indigo-5); background: var(--indigo-5) !important; } .text-indigo-5 { color: var(--indigo-5) !important; } .border-indigo-5 { border-color: var(--indigo-5) !important; } .bg-indigo-cool-90 { --background:var(--indigo-cool-90); background: var(--indigo-cool-90) !important; } .text-indigo-cool-90 { color: var(--indigo-cool-90) !important; } .border-indigo-cool-90 { border-color: var(--indigo-cool-90) !important; } .bg-indigo-cool-80 { --background:var(--indigo-cool-80); background: var(--indigo-cool-80) !important; } .text-indigo-cool-80 { color: var(--indigo-cool-80) !important; } .border-indigo-cool-80 { border-color: var(--indigo-cool-80) !important; } .bg-indigo-cool-70 { --background:var(--indigo-cool-70); background: var(--indigo-cool-70) !important; } .text-indigo-cool-70 { color: var(--indigo-cool-70) !important; } .border-indigo-cool-70 { border-color: var(--indigo-cool-70) !important; } .bg-indigo-cool-60 { --background:var(--indigo-cool-60); background: var(--indigo-cool-60) !important; } .text-indigo-cool-60 { color: var(--indigo-cool-60) !important; } .border-indigo-cool-60 { border-color: var(--indigo-cool-60) !important; } .bg-indigo-cool-50 { --background:var(--indigo-cool-50); background: var(--indigo-cool-50) !important; } .text-indigo-cool-50 { color: var(--indigo-cool-50) !important; } .border-indigo-cool-50 { border-color: var(--indigo-cool-50) !important; } .bg-indigo-cool-40 { --background:var(--indigo-cool-40); background: var(--indigo-cool-40) !important; } .text-indigo-cool-40 { color: var(--indigo-cool-40) !important; } .border-indigo-cool-40 { border-color: var(--indigo-cool-40) !important; } .bg-indigo-cool-30 { --background:var(--indigo-cool-30); background: var(--indigo-cool-30) !important; } .text-indigo-cool-30 { color: var(--indigo-cool-30) !important; } .border-indigo-cool-30 { border-color: var(--indigo-cool-30) !important; } .bg-indigo-cool-20 { --background:var(--indigo-cool-20); background: var(--indigo-cool-20) !important; } .text-indigo-cool-20 { color: var(--indigo-cool-20) !important; } .border-indigo-cool-20 { border-color: var(--indigo-cool-20) !important; } .bg-indigo-cool-10 { --background:var(--indigo-cool-10); background: var(--indigo-cool-10) !important; } .text-indigo-cool-10 { color: var(--indigo-cool-10) !important; } .border-indigo-cool-10 { border-color: var(--indigo-cool-10) !important; } .bg-indigo-cool-5 { --background:var(--indigo-cool-5); background: var(--indigo-cool-5) !important; } .text-indigo-cool-5 { color: var(--indigo-cool-5) !important; } .border-indigo-cool-5 { border-color: var(--indigo-cool-5) !important; } .bg-indigo-warm-90 { --background:var(--indigo-warm-90); background: var(--indigo-warm-90) !important; } .text-indigo-warm-90 { color: var(--indigo-warm-90) !important; } .border-indigo-warm-90 { border-color: var(--indigo-warm-90) !important; } .bg-indigo-warm-80 { --background:var(--indigo-warm-80); background: var(--indigo-warm-80) !important; } .text-indigo-warm-80 { color: var(--indigo-warm-80) !important; } .border-indigo-warm-80 { border-color: var(--indigo-warm-80) !important; } .bg-indigo-warm-70 { --background:var(--indigo-warm-70); background: var(--indigo-warm-70) !important; } .text-indigo-warm-70 { color: var(--indigo-warm-70) !important; } .border-indigo-warm-70 { border-color: var(--indigo-warm-70) !important; } .bg-indigo-warm-60 { --background:var(--indigo-warm-60); background: var(--indigo-warm-60) !important; } .text-indigo-warm-60 { color: var(--indigo-warm-60) !important; } .border-indigo-warm-60 { border-color: var(--indigo-warm-60) !important; } .bg-indigo-warm-50 { --background:var(--indigo-warm-50); background: var(--indigo-warm-50) !important; } .text-indigo-warm-50 { color: var(--indigo-warm-50) !important; } .border-indigo-warm-50 { border-color: var(--indigo-warm-50) !important; } .bg-indigo-warm-40 { --background:var(--indigo-warm-40); background: var(--indigo-warm-40) !important; } .text-indigo-warm-40 { color: var(--indigo-warm-40) !important; } .border-indigo-warm-40 { border-color: var(--indigo-warm-40) !important; } .bg-indigo-warm-30 { --background:var(--indigo-warm-30); background: var(--indigo-warm-30) !important; } .text-indigo-warm-30 { color: var(--indigo-warm-30) !important; } .border-indigo-warm-30 { border-color: var(--indigo-warm-30) !important; } .bg-indigo-warm-20 { --background:var(--indigo-warm-20); background: var(--indigo-warm-20) !important; } .text-indigo-warm-20 { color: var(--indigo-warm-20) !important; } .border-indigo-warm-20 { border-color: var(--indigo-warm-20) !important; } .bg-indigo-warm-10 { --background:var(--indigo-warm-10); background: var(--indigo-warm-10) !important; } .text-indigo-warm-10 { color: var(--indigo-warm-10) !important; } .border-indigo-warm-10 { border-color: var(--indigo-warm-10) !important; } .bg-indigo-warm-5 { --background:var(--indigo-warm-5); background: var(--indigo-warm-5) !important; } .text-indigo-warm-5 { color: var(--indigo-warm-5) !important; } .border-indigo-warm-5 { border-color: var(--indigo-warm-5) !important; } .bg-indigo-vivid-80 { --background:var(--indigo-vivid-80); background: var(--indigo-vivid-80) !important; } .text-indigo-vivid-80 { color: var(--indigo-vivid-80) !important; } .border-indigo-vivid-80 { border-color: var(--indigo-vivid-80) !important; } .bg-indigo-vivid-70 { --background:var(--indigo-vivid-70); background: var(--indigo-vivid-70) !important; } .text-indigo-vivid-70 { color: var(--indigo-vivid-70) !important; } .border-indigo-vivid-70 { border-color: var(--indigo-vivid-70) !important; } .bg-indigo-vivid-60 { --background:var(--indigo-vivid-60); background: var(--indigo-vivid-60) !important; } .text-indigo-vivid-60 { color: var(--indigo-vivid-60) !important; } .border-indigo-vivid-60 { border-color: var(--indigo-vivid-60) !important; } .bg-indigo-vivid-50 { --background:var(--indigo-vivid-50); background: var(--indigo-vivid-50) !important; } .text-indigo-vivid-50 { color: var(--indigo-vivid-50) !important; } .border-indigo-vivid-50 { border-color: var(--indigo-vivid-50) !important; } .bg-indigo-vivid-40 { --background:var(--indigo-vivid-40); background: var(--indigo-vivid-40) !important; } .text-indigo-vivid-40 { color: var(--indigo-vivid-40) !important; } .border-indigo-vivid-40 { border-color: var(--indigo-vivid-40) !important; } .bg-indigo-vivid-30 { --background:var(--indigo-vivid-30); background: var(--indigo-vivid-30) !important; } .text-indigo-vivid-30 { color: var(--indigo-vivid-30) !important; } .border-indigo-vivid-30 { border-color: var(--indigo-vivid-30) !important; } .bg-indigo-vivid-20 { --background:var(--indigo-vivid-20); background: var(--indigo-vivid-20) !important; } .text-indigo-vivid-20 { color: var(--indigo-vivid-20) !important; } .border-indigo-vivid-20 { border-color: var(--indigo-vivid-20) !important; } .bg-indigo-vivid-10 { --background:var(--indigo-vivid-10); background: var(--indigo-vivid-10) !important; } .text-indigo-vivid-10 { color: var(--indigo-vivid-10) !important; } .border-indigo-vivid-10 { border-color: var(--indigo-vivid-10) !important; } .bg-indigo-vivid-5 { --background:var(--indigo-vivid-5); background: var(--indigo-vivid-5) !important; } .text-indigo-vivid-5 { color: var(--indigo-vivid-5) !important; } .border-indigo-vivid-5 { border-color: var(--indigo-vivid-5) !important; } .bg-indigo-cool-vivid-80 { --background:var(--indigo-cool-vivid-80); background: var(--indigo-cool-vivid-80) !important; } .text-indigo-cool-vivid-80 { color: var(--indigo-cool-vivid-80) !important; } .border-indigo-cool-vivid-80 { border-color: var(--indigo-cool-vivid-80) !important; } .bg-indigo-cool-vivid-70 { --background:var(--indigo-cool-vivid-70); background: var(--indigo-cool-vivid-70) !important; } .text-indigo-cool-vivid-70 { color: var(--indigo-cool-vivid-70) !important; } .border-indigo-cool-vivid-70 { border-color: var(--indigo-cool-vivid-70) !important; } .bg-indigo-cool-vivid-60 { --background:var(--indigo-cool-vivid-60); background: var(--indigo-cool-vivid-60) !important; } .text-indigo-cool-vivid-60 { color: var(--indigo-cool-vivid-60) !important; } .border-indigo-cool-vivid-60 { border-color: var(--indigo-cool-vivid-60) !important; } .bg-indigo-cool-vivid-50 { --background:var(--indigo-cool-vivid-50); background: var(--indigo-cool-vivid-50) !important; } .text-indigo-cool-vivid-50 { color: var(--indigo-cool-vivid-50) !important; } .border-indigo-cool-vivid-50 { border-color: var(--indigo-cool-vivid-50) !important; } .bg-indigo-cool-vivid-40 { --background:var(--indigo-cool-vivid-40); background: var(--indigo-cool-vivid-40) !important; } .text-indigo-cool-vivid-40 { color: var(--indigo-cool-vivid-40) !important; } .border-indigo-cool-vivid-40 { border-color: var(--indigo-cool-vivid-40) !important; } .bg-indigo-cool-vivid-30 { --background:var(--indigo-cool-vivid-30); background: var(--indigo-cool-vivid-30) !important; } .text-indigo-cool-vivid-30 { color: var(--indigo-cool-vivid-30) !important; } .border-indigo-cool-vivid-30 { border-color: var(--indigo-cool-vivid-30) !important; } .bg-indigo-cool-vivid-20 { --background:var(--indigo-cool-vivid-20); background: var(--indigo-cool-vivid-20) !important; } .text-indigo-cool-vivid-20 { color: var(--indigo-cool-vivid-20) !important; } .border-indigo-cool-vivid-20 { border-color: var(--indigo-cool-vivid-20) !important; } .bg-indigo-cool-vivid-10 { --background:var(--indigo-cool-vivid-10); background: var(--indigo-cool-vivid-10) !important; } .text-indigo-cool-vivid-10 { color: var(--indigo-cool-vivid-10) !important; } .border-indigo-cool-vivid-10 { border-color: var(--indigo-cool-vivid-10) !important; } .bg-indigo-cool-vivid-5 { --background:var(--indigo-cool-vivid-5); background: var(--indigo-cool-vivid-5) !important; } .text-indigo-cool-vivid-5 { color: var(--indigo-cool-vivid-5) !important; } .border-indigo-cool-vivid-5 { border-color: var(--indigo-cool-vivid-5) !important; } .bg-indigo-warm-vivid-80 { --background:var(--indigo-warm-vivid-80); background: var(--indigo-warm-vivid-80) !important; } .text-indigo-warm-vivid-80 { color: var(--indigo-warm-vivid-80) !important; } .border-indigo-warm-vivid-80 { border-color: var(--indigo-warm-vivid-80) !important; } .bg-indigo-warm-vivid-70 { --background:var(--indigo-warm-vivid-70); background: var(--indigo-warm-vivid-70) !important; } .text-indigo-warm-vivid-70 { color: var(--indigo-warm-vivid-70) !important; } .border-indigo-warm-vivid-70 { border-color: var(--indigo-warm-vivid-70) !important; } .bg-indigo-warm-vivid-60 { --background:var(--indigo-warm-vivid-60); background: var(--indigo-warm-vivid-60) !important; } .text-indigo-warm-vivid-60 { color: var(--indigo-warm-vivid-60) !important; } .border-indigo-warm-vivid-60 { border-color: var(--indigo-warm-vivid-60) !important; } .bg-indigo-warm-vivid-50 { --background:var(--indigo-warm-vivid-50); background: var(--indigo-warm-vivid-50) !important; } .text-indigo-warm-vivid-50 { color: var(--indigo-warm-vivid-50) !important; } .border-indigo-warm-vivid-50 { border-color: var(--indigo-warm-vivid-50) !important; } .bg-indigo-warm-vivid-40 { --background:var(--indigo-warm-vivid-40); background: var(--indigo-warm-vivid-40) !important; } .text-indigo-warm-vivid-40 { color: var(--indigo-warm-vivid-40) !important; } .border-indigo-warm-vivid-40 { border-color: var(--indigo-warm-vivid-40) !important; } .bg-indigo-warm-vivid-30 { --background:var(--indigo-warm-vivid-30); background: var(--indigo-warm-vivid-30) !important; } .text-indigo-warm-vivid-30 { color: var(--indigo-warm-vivid-30) !important; } .border-indigo-warm-vivid-30 { border-color: var(--indigo-warm-vivid-30) !important; } .bg-indigo-warm-vivid-20 { --background:var(--indigo-warm-vivid-20); background: var(--indigo-warm-vivid-20) !important; } .text-indigo-warm-vivid-20 { color: var(--indigo-warm-vivid-20) !important; } .border-indigo-warm-vivid-20 { border-color: var(--indigo-warm-vivid-20) !important; } .bg-indigo-warm-vivid-10 { --background:var(--indigo-warm-vivid-10); background: var(--indigo-warm-vivid-10) !important; } .text-indigo-warm-vivid-10 { color: var(--indigo-warm-vivid-10) !important; } .border-indigo-warm-vivid-10 { border-color: var(--indigo-warm-vivid-10) !important; } .bg-indigo-warm-vivid-5 { --background:var(--indigo-warm-vivid-5); background: var(--indigo-warm-vivid-5) !important; } .text-indigo-warm-vivid-5 { color: var(--indigo-warm-vivid-5) !important; } .border-indigo-warm-vivid-5 { border-color: var(--indigo-warm-vivid-5) !important; } .bg-magenta-90 { --background:var(--magenta-90); background: var(--magenta-90) !important; } .text-magenta-90 { color: var(--magenta-90) !important; } .border-magenta-90 { border-color: var(--magenta-90) !important; } .bg-magenta-80 { --background:var(--magenta-80); background: var(--magenta-80) !important; } .text-magenta-80 { color: var(--magenta-80) !important; } .border-magenta-80 { border-color: var(--magenta-80) !important; } .bg-magenta-70 { --background:var(--magenta-70); background: var(--magenta-70) !important; } .text-magenta-70 { color: var(--magenta-70) !important; } .border-magenta-70 { border-color: var(--magenta-70) !important; } .bg-magenta-60 { --background:var(--magenta-60); background: var(--magenta-60) !important; } .text-magenta-60 { color: var(--magenta-60) !important; } .border-magenta-60 { border-color: var(--magenta-60) !important; } .bg-magenta-50 { --background:var(--magenta-50); background: var(--magenta-50) !important; } .text-magenta-50 { color: var(--magenta-50) !important; } .border-magenta-50 { border-color: var(--magenta-50) !important; } .bg-magenta-40 { --background:var(--magenta-40); background: var(--magenta-40) !important; } .text-magenta-40 { color: var(--magenta-40) !important; } .border-magenta-40 { border-color: var(--magenta-40) !important; } .bg-magenta-30 { --background:var(--magenta-30); background: var(--magenta-30) !important; } .text-magenta-30 { color: var(--magenta-30) !important; } .border-magenta-30 { border-color: var(--magenta-30) !important; } .bg-magenta-20 { --background:var(--magenta-20); background: var(--magenta-20) !important; } .text-magenta-20 { color: var(--magenta-20) !important; } .border-magenta-20 { border-color: var(--magenta-20) !important; } .bg-magenta-10 { --background:var(--magenta-10); background: var(--magenta-10) !important; } .text-magenta-10 { color: var(--magenta-10) !important; } .border-magenta-10 { border-color: var(--magenta-10) !important; } .bg-magenta-5 { --background:var(--magenta-5); background: var(--magenta-5) !important; } .text-magenta-5 { color: var(--magenta-5) !important; } .border-magenta-5 { border-color: var(--magenta-5) !important; } .bg-magenta-vivid-80 { --background:var(--magenta-vivid-80); background: var(--magenta-vivid-80) !important; } .text-magenta-vivid-80 { color: var(--magenta-vivid-80) !important; } .border-magenta-vivid-80 { border-color: var(--magenta-vivid-80) !important; } .bg-magenta-vivid-70 { --background:var(--magenta-vivid-70); background: var(--magenta-vivid-70) !important; } .text-magenta-vivid-70 { color: var(--magenta-vivid-70) !important; } .border-magenta-vivid-70 { border-color: var(--magenta-vivid-70) !important; } .bg-magenta-vivid-60 { --background:var(--magenta-vivid-60); background: var(--magenta-vivid-60) !important; } .text-magenta-vivid-60 { color: var(--magenta-vivid-60) !important; } .border-magenta-vivid-60 { border-color: var(--magenta-vivid-60) !important; } .bg-magenta-vivid-50 { --background:var(--magenta-vivid-50); background: var(--magenta-vivid-50) !important; } .text-magenta-vivid-50 { color: var(--magenta-vivid-50) !important; } .border-magenta-vivid-50 { border-color: var(--magenta-vivid-50) !important; } .bg-magenta-vivid-40 { --background:var(--magenta-vivid-40); background: var(--magenta-vivid-40) !important; } .text-magenta-vivid-40 { color: var(--magenta-vivid-40) !important; } .border-magenta-vivid-40 { border-color: var(--magenta-vivid-40) !important; } .bg-magenta-vivid-30 { --background:var(--magenta-vivid-30); background: var(--magenta-vivid-30) !important; } .text-magenta-vivid-30 { color: var(--magenta-vivid-30) !important; } .border-magenta-vivid-30 { border-color: var(--magenta-vivid-30) !important; } .bg-magenta-vivid-20 { --background:var(--magenta-vivid-20); background: var(--magenta-vivid-20) !important; } .text-magenta-vivid-20 { color: var(--magenta-vivid-20) !important; } .border-magenta-vivid-20 { border-color: var(--magenta-vivid-20) !important; } .bg-magenta-vivid-10 { --background:var(--magenta-vivid-10); background: var(--magenta-vivid-10) !important; } .text-magenta-vivid-10 { color: var(--magenta-vivid-10) !important; } .border-magenta-vivid-10 { border-color: var(--magenta-vivid-10) !important; } .bg-magenta-vivid-5 { --background:var(--magenta-vivid-5); background: var(--magenta-vivid-5) !important; } .text-magenta-vivid-5 { color: var(--magenta-vivid-5) !important; } .border-magenta-vivid-5 { border-color: var(--magenta-vivid-5) !important; } .bg-mint-90 { --background:var(--mint-90); background: var(--mint-90) !important; } .text-mint-90 { color: var(--mint-90) !important; } .border-mint-90 { border-color: var(--mint-90) !important; } .bg-mint-80 { --background:var(--mint-80); background: var(--mint-80) !important; } .text-mint-80 { color: var(--mint-80) !important; } .border-mint-80 { border-color: var(--mint-80) !important; } .bg-mint-70 { --background:var(--mint-70); background: var(--mint-70) !important; } .text-mint-70 { color: var(--mint-70) !important; } .border-mint-70 { border-color: var(--mint-70) !important; } .bg-mint-60 { --background:var(--mint-60); background: var(--mint-60) !important; } .text-mint-60 { color: var(--mint-60) !important; } .border-mint-60 { border-color: var(--mint-60) !important; } .bg-mint-50 { --background:var(--mint-50); background: var(--mint-50) !important; } .text-mint-50 { color: var(--mint-50) !important; } .border-mint-50 { border-color: var(--mint-50) !important; } .bg-mint-40 { --background:var(--mint-40); background: var(--mint-40) !important; } .text-mint-40 { color: var(--mint-40) !important; } .border-mint-40 { border-color: var(--mint-40) !important; } .bg-mint-30 { --background:var(--mint-30); background: var(--mint-30) !important; } .text-mint-30 { color: var(--mint-30) !important; } .border-mint-30 { border-color: var(--mint-30) !important; } .bg-mint-20 { --background:var(--mint-20); background: var(--mint-20) !important; } .text-mint-20 { color: var(--mint-20) !important; } .border-mint-20 { border-color: var(--mint-20) !important; } .bg-mint-10 { --background:var(--mint-10); background: var(--mint-10) !important; } .text-mint-10 { color: var(--mint-10) !important; } .border-mint-10 { border-color: var(--mint-10) !important; } .bg-mint-5 { --background:var(--mint-5); background: var(--mint-5) !important; } .text-mint-5 { color: var(--mint-5) !important; } .border-mint-5 { border-color: var(--mint-5) !important; } .bg-mint-cool-90 { --background:var(--mint-cool-90); background: var(--mint-cool-90) !important; } .text-mint-cool-90 { color: var(--mint-cool-90) !important; } .border-mint-cool-90 { border-color: var(--mint-cool-90) !important; } .bg-mint-cool-80 { --background:var(--mint-cool-80); background: var(--mint-cool-80) !important; } .text-mint-cool-80 { color: var(--mint-cool-80) !important; } .border-mint-cool-80 { border-color: var(--mint-cool-80) !important; } .bg-mint-cool-70 { --background:var(--mint-cool-70); background: var(--mint-cool-70) !important; } .text-mint-cool-70 { color: var(--mint-cool-70) !important; } .border-mint-cool-70 { border-color: var(--mint-cool-70) !important; } .bg-mint-cool-60 { --background:var(--mint-cool-60); background: var(--mint-cool-60) !important; } .text-mint-cool-60 { color: var(--mint-cool-60) !important; } .border-mint-cool-60 { border-color: var(--mint-cool-60) !important; } .bg-mint-cool-50 { --background:var(--mint-cool-50); background: var(--mint-cool-50) !important; } .text-mint-cool-50 { color: var(--mint-cool-50) !important; } .border-mint-cool-50 { border-color: var(--mint-cool-50) !important; } .bg-mint-cool-40 { --background:var(--mint-cool-40); background: var(--mint-cool-40) !important; } .text-mint-cool-40 { color: var(--mint-cool-40) !important; } .border-mint-cool-40 { border-color: var(--mint-cool-40) !important; } .bg-mint-cool-30 { --background:var(--mint-cool-30); background: var(--mint-cool-30) !important; } .text-mint-cool-30 { color: var(--mint-cool-30) !important; } .border-mint-cool-30 { border-color: var(--mint-cool-30) !important; } .bg-mint-cool-20 { --background:var(--mint-cool-20); background: var(--mint-cool-20) !important; } .text-mint-cool-20 { color: var(--mint-cool-20) !important; } .border-mint-cool-20 { border-color: var(--mint-cool-20) !important; } .bg-mint-cool-10 { --background:var(--mint-cool-10); background: var(--mint-cool-10) !important; } .text-mint-cool-10 { color: var(--mint-cool-10) !important; } .border-mint-cool-10 { border-color: var(--mint-cool-10) !important; } .bg-mint-cool-5 { --background:var(--mint-cool-5); background: var(--mint-cool-5) !important; } .text-mint-cool-5 { color: var(--mint-cool-5) !important; } .border-mint-cool-5 { border-color: var(--mint-cool-5) !important; } .bg-mint-vivid-80 { --background:var(--mint-vivid-80); background: var(--mint-vivid-80) !important; } .text-mint-vivid-80 { color: var(--mint-vivid-80) !important; } .border-mint-vivid-80 { border-color: var(--mint-vivid-80) !important; } .bg-mint-vivid-70 { --background:var(--mint-vivid-70); background: var(--mint-vivid-70) !important; } .text-mint-vivid-70 { color: var(--mint-vivid-70) !important; } .border-mint-vivid-70 { border-color: var(--mint-vivid-70) !important; } .bg-mint-vivid-60 { --background:var(--mint-vivid-60); background: var(--mint-vivid-60) !important; } .text-mint-vivid-60 { color: var(--mint-vivid-60) !important; } .border-mint-vivid-60 { border-color: var(--mint-vivid-60) !important; } .bg-mint-vivid-50 { --background:var(--mint-vivid-50); background: var(--mint-vivid-50) !important; } .text-mint-vivid-50 { color: var(--mint-vivid-50) !important; } .border-mint-vivid-50 { border-color: var(--mint-vivid-50) !important; } .bg-mint-vivid-40 { --background:var(--mint-vivid-40); background: var(--mint-vivid-40) !important; } .text-mint-vivid-40 { color: var(--mint-vivid-40) !important; } .border-mint-vivid-40 { border-color: var(--mint-vivid-40) !important; } .bg-mint-vivid-30 { --background:var(--mint-vivid-30); background: var(--mint-vivid-30) !important; } .text-mint-vivid-30 { color: var(--mint-vivid-30) !important; } .border-mint-vivid-30 { border-color: var(--mint-vivid-30) !important; } .bg-mint-vivid-20 { --background:var(--mint-vivid-20); background: var(--mint-vivid-20) !important; } .text-mint-vivid-20 { color: var(--mint-vivid-20) !important; } .border-mint-vivid-20 { border-color: var(--mint-vivid-20) !important; } .bg-mint-vivid-10 { --background:var(--mint-vivid-10); background: var(--mint-vivid-10) !important; } .text-mint-vivid-10 { color: var(--mint-vivid-10) !important; } .border-mint-vivid-10 { border-color: var(--mint-vivid-10) !important; } .bg-mint-vivid-5 { --background:var(--mint-vivid-5); background: var(--mint-vivid-5) !important; } .text-mint-vivid-5 { color: var(--mint-vivid-5) !important; } .border-mint-vivid-5 { border-color: var(--mint-vivid-5) !important; } .bg-mint-cool-vivid-80 { --background:var(--mint-cool-vivid-80); background: var(--mint-cool-vivid-80) !important; } .text-mint-cool-vivid-80 { color: var(--mint-cool-vivid-80) !important; } .border-mint-cool-vivid-80 { border-color: var(--mint-cool-vivid-80) !important; } .bg-mint-cool-vivid-70 { --background:var(--mint-cool-vivid-70); background: var(--mint-cool-vivid-70) !important; } .text-mint-cool-vivid-70 { color: var(--mint-cool-vivid-70) !important; } .border-mint-cool-vivid-70 { border-color: var(--mint-cool-vivid-70) !important; } .bg-mint-cool-vivid-60 { --background:var(--mint-cool-vivid-60); background: var(--mint-cool-vivid-60) !important; } .text-mint-cool-vivid-60 { color: var(--mint-cool-vivid-60) !important; } .border-mint-cool-vivid-60 { border-color: var(--mint-cool-vivid-60) !important; } .bg-mint-cool-vivid-50 { --background:var(--mint-cool-vivid-50); background: var(--mint-cool-vivid-50) !important; } .text-mint-cool-vivid-50 { color: var(--mint-cool-vivid-50) !important; } .border-mint-cool-vivid-50 { border-color: var(--mint-cool-vivid-50) !important; } .bg-mint-cool-vivid-40 { --background:var(--mint-cool-vivid-40); background: var(--mint-cool-vivid-40) !important; } .text-mint-cool-vivid-40 { color: var(--mint-cool-vivid-40) !important; } .border-mint-cool-vivid-40 { border-color: var(--mint-cool-vivid-40) !important; } .bg-mint-cool-vivid-30 { --background:var(--mint-cool-vivid-30); background: var(--mint-cool-vivid-30) !important; } .text-mint-cool-vivid-30 { color: var(--mint-cool-vivid-30) !important; } .border-mint-cool-vivid-30 { border-color: var(--mint-cool-vivid-30) !important; } .bg-mint-cool-vivid-20 { --background:var(--mint-cool-vivid-20); background: var(--mint-cool-vivid-20) !important; } .text-mint-cool-vivid-20 { color: var(--mint-cool-vivid-20) !important; } .border-mint-cool-vivid-20 { border-color: var(--mint-cool-vivid-20) !important; } .bg-mint-cool-vivid-10 { --background:var(--mint-cool-vivid-10); background: var(--mint-cool-vivid-10) !important; } .text-mint-cool-vivid-10 { color: var(--mint-cool-vivid-10) !important; } .border-mint-cool-vivid-10 { border-color: var(--mint-cool-vivid-10) !important; } .bg-mint-cool-vivid-5 { --background:var(--mint-cool-vivid-5); background: var(--mint-cool-vivid-5) !important; } .text-mint-cool-vivid-5 { color: var(--mint-cool-vivid-5) !important; } .border-mint-cool-vivid-5 { border-color: var(--mint-cool-vivid-5) !important; } .bg-orange-90 { --background:var(--orange-90); background: var(--orange-90) !important; } .text-orange-90 { color: var(--orange-90) !important; } .border-orange-90 { border-color: var(--orange-90) !important; } .bg-orange-80 { --background:var(--orange-80); background: var(--orange-80) !important; } .text-orange-80 { color: var(--orange-80) !important; } .border-orange-80 { border-color: var(--orange-80) !important; } .bg-orange-70 { --background:var(--orange-70); background: var(--orange-70) !important; } .text-orange-70 { color: var(--orange-70) !important; } .border-orange-70 { border-color: var(--orange-70) !important; } .bg-orange-60 { --background:var(--orange-60); background: var(--orange-60) !important; } .text-orange-60 { color: var(--orange-60) !important; } .border-orange-60 { border-color: var(--orange-60) !important; } .bg-orange-50 { --background:var(--orange-50); background: var(--orange-50) !important; } .text-orange-50 { color: var(--orange-50) !important; } .border-orange-50 { border-color: var(--orange-50) !important; } .bg-orange-40 { --background:var(--orange-40); background: var(--orange-40) !important; } .text-orange-40 { color: var(--orange-40) !important; } .border-orange-40 { border-color: var(--orange-40) !important; } .bg-orange-30 { --background:var(--orange-30); background: var(--orange-30) !important; } .text-orange-30 { color: var(--orange-30) !important; } .border-orange-30 { border-color: var(--orange-30) !important; } .bg-orange-20 { --background:var(--orange-20); background: var(--orange-20) !important; } .text-orange-20 { color: var(--orange-20) !important; } .border-orange-20 { border-color: var(--orange-20) !important; } .bg-orange-10 { --background:var(--orange-10); background: var(--orange-10) !important; } .text-orange-10 { color: var(--orange-10) !important; } .border-orange-10 { border-color: var(--orange-10) !important; } .bg-orange-5 { --background:var(--orange-5); background: var(--orange-5) !important; } .text-orange-5 { color: var(--orange-5) !important; } .border-orange-5 { border-color: var(--orange-5) !important; } .bg-orange-warm-90 { --background:var(--orange-warm-90); background: var(--orange-warm-90) !important; } .text-orange-warm-90 { color: var(--orange-warm-90) !important; } .border-orange-warm-90 { border-color: var(--orange-warm-90) !important; } .bg-orange-warm-80 { --background:var(--orange-warm-80); background: var(--orange-warm-80) !important; } .text-orange-warm-80 { color: var(--orange-warm-80) !important; } .border-orange-warm-80 { border-color: var(--orange-warm-80) !important; } .bg-orange-warm-70 { --background:var(--orange-warm-70); background: var(--orange-warm-70) !important; } .text-orange-warm-70 { color: var(--orange-warm-70) !important; } .border-orange-warm-70 { border-color: var(--orange-warm-70) !important; } .bg-orange-warm-60 { --background:var(--orange-warm-60); background: var(--orange-warm-60) !important; } .text-orange-warm-60 { color: var(--orange-warm-60) !important; } .border-orange-warm-60 { border-color: var(--orange-warm-60) !important; } .bg-orange-warm-50 { --background:var(--orange-warm-50); background: var(--orange-warm-50) !important; } .text-orange-warm-50 { color: var(--orange-warm-50) !important; } .border-orange-warm-50 { border-color: var(--orange-warm-50) !important; } .bg-orange-warm-40 { --background:var(--orange-warm-40); background: var(--orange-warm-40) !important; } .text-orange-warm-40 { color: var(--orange-warm-40) !important; } .border-orange-warm-40 { border-color: var(--orange-warm-40) !important; } .bg-orange-warm-30 { --background:var(--orange-warm-30); background: var(--orange-warm-30) !important; } .text-orange-warm-30 { color: var(--orange-warm-30) !important; } .border-orange-warm-30 { border-color: var(--orange-warm-30) !important; } .bg-orange-warm-20 { --background:var(--orange-warm-20); background: var(--orange-warm-20) !important; } .text-orange-warm-20 { color: var(--orange-warm-20) !important; } .border-orange-warm-20 { border-color: var(--orange-warm-20) !important; } .bg-orange-warm-10 { --background:var(--orange-warm-10); background: var(--orange-warm-10) !important; } .text-orange-warm-10 { color: var(--orange-warm-10) !important; } .border-orange-warm-10 { border-color: var(--orange-warm-10) !important; } .bg-orange-warm-5 { --background:var(--orange-warm-5); background: var(--orange-warm-5) !important; } .text-orange-warm-5 { color: var(--orange-warm-5) !important; } .border-orange-warm-5 { border-color: var(--orange-warm-5) !important; } .bg-orange-vivid-80 { --background:var(--orange-vivid-80); background: var(--orange-vivid-80) !important; } .text-orange-vivid-80 { color: var(--orange-vivid-80) !important; } .border-orange-vivid-80 { border-color: var(--orange-vivid-80) !important; } .bg-orange-vivid-70 { --background:var(--orange-vivid-70); background: var(--orange-vivid-70) !important; } .text-orange-vivid-70 { color: var(--orange-vivid-70) !important; } .border-orange-vivid-70 { border-color: var(--orange-vivid-70) !important; } .bg-orange-vivid-60 { --background:var(--orange-vivid-60); background: var(--orange-vivid-60) !important; } .text-orange-vivid-60 { color: var(--orange-vivid-60) !important; } .border-orange-vivid-60 { border-color: var(--orange-vivid-60) !important; } .bg-orange-vivid-50 { --background:var(--orange-vivid-50); background: var(--orange-vivid-50) !important; } .text-orange-vivid-50 { color: var(--orange-vivid-50) !important; } .border-orange-vivid-50 { border-color: var(--orange-vivid-50) !important; } .bg-orange-vivid-40 { --background:var(--orange-vivid-40); background: var(--orange-vivid-40) !important; } .text-orange-vivid-40 { color: var(--orange-vivid-40) !important; } .border-orange-vivid-40 { border-color: var(--orange-vivid-40) !important; } .bg-orange-vivid-30 { --background:var(--orange-vivid-30); background: var(--orange-vivid-30) !important; } .text-orange-vivid-30 { color: var(--orange-vivid-30) !important; } .border-orange-vivid-30 { border-color: var(--orange-vivid-30) !important; } .bg-orange-vivid-20 { --background:var(--orange-vivid-20); background: var(--orange-vivid-20) !important; } .text-orange-vivid-20 { color: var(--orange-vivid-20) !important; } .border-orange-vivid-20 { border-color: var(--orange-vivid-20) !important; } .bg-orange-vivid-10 { --background:var(--orange-vivid-10); background: var(--orange-vivid-10) !important; } .text-orange-vivid-10 { color: var(--orange-vivid-10) !important; } .border-orange-vivid-10 { border-color: var(--orange-vivid-10) !important; } .bg-orange-vivid-5 { --background:var(--orange-vivid-5); background: var(--orange-vivid-5) !important; } .text-orange-vivid-5 { color: var(--orange-vivid-5) !important; } .border-orange-vivid-5 { border-color: var(--orange-vivid-5) !important; } .bg-orange-warm-vivid-80 { --background:var(--orange-warm-vivid-80); background: var(--orange-warm-vivid-80) !important; } .text-orange-warm-vivid-80 { color: var(--orange-warm-vivid-80) !important; } .border-orange-warm-vivid-80 { border-color: var(--orange-warm-vivid-80) !important; } .bg-orange-warm-vivid-70 { --background:var(--orange-warm-vivid-70); background: var(--orange-warm-vivid-70) !important; } .text-orange-warm-vivid-70 { color: var(--orange-warm-vivid-70) !important; } .border-orange-warm-vivid-70 { border-color: var(--orange-warm-vivid-70) !important; } .bg-orange-warm-vivid-60 { --background:var(--orange-warm-vivid-60); background: var(--orange-warm-vivid-60) !important; } .text-orange-warm-vivid-60 { color: var(--orange-warm-vivid-60) !important; } .border-orange-warm-vivid-60 { border-color: var(--orange-warm-vivid-60) !important; } .bg-orange-warm-vivid-50 { --background:var(--orange-warm-vivid-50); background: var(--orange-warm-vivid-50) !important; } .text-orange-warm-vivid-50 { color: var(--orange-warm-vivid-50) !important; } .border-orange-warm-vivid-50 { border-color: var(--orange-warm-vivid-50) !important; } .bg-orange-warm-vivid-40 { --background:var(--orange-warm-vivid-40); background: var(--orange-warm-vivid-40) !important; } .text-orange-warm-vivid-40 { color: var(--orange-warm-vivid-40) !important; } .border-orange-warm-vivid-40 { border-color: var(--orange-warm-vivid-40) !important; } .bg-orange-warm-vivid-30 { --background:var(--orange-warm-vivid-30); background: var(--orange-warm-vivid-30) !important; } .text-orange-warm-vivid-30 { color: var(--orange-warm-vivid-30) !important; } .border-orange-warm-vivid-30 { border-color: var(--orange-warm-vivid-30) !important; } .bg-orange-warm-vivid-20 { --background:var(--orange-warm-vivid-20); background: var(--orange-warm-vivid-20) !important; } .text-orange-warm-vivid-20 { color: var(--orange-warm-vivid-20) !important; } .border-orange-warm-vivid-20 { border-color: var(--orange-warm-vivid-20) !important; } .bg-orange-warm-vivid-10 { --background:var(--orange-warm-vivid-10); background: var(--orange-warm-vivid-10) !important; } .text-orange-warm-vivid-10 { color: var(--orange-warm-vivid-10) !important; } .border-orange-warm-vivid-10 { border-color: var(--orange-warm-vivid-10) !important; } .bg-orange-warm-vivid-5 { --background:var(--orange-warm-vivid-5); background: var(--orange-warm-vivid-5) !important; } .text-orange-warm-vivid-5 { color: var(--orange-warm-vivid-5) !important; } .border-orange-warm-vivid-5 { border-color: var(--orange-warm-vivid-5) !important; } .bg-pure-100 { --background:var(--pure-100); background: var(--pure-100) !important; } .text-pure-100 { color: var(--pure-100) !important; } .border-pure-100 { border-color: var(--pure-100) !important; } .bg-pure-0 { --background:var(--pure-0); background: var(--pure-0) !important; } .text-pure-0 { color: var(--pure-0) !important; } .border-pure-0 { border-color: var(--pure-0) !important; } .bg-red-90 { --background:var(--red-90); background: var(--red-90) !important; } .text-red-90 { color: var(--red-90) !important; } .border-red-90 { border-color: var(--red-90) !important; } .bg-red-80 { --background:var(--red-80); background: var(--red-80) !important; } .text-red-80 { color: var(--red-80) !important; } .border-red-80 { border-color: var(--red-80) !important; } .bg-red-70 { --background:var(--red-70); background: var(--red-70) !important; } .text-red-70 { color: var(--red-70) !important; } .border-red-70 { border-color: var(--red-70) !important; } .bg-red-60 { --background:var(--red-60); background: var(--red-60) !important; } .text-red-60 { color: var(--red-60) !important; } .border-red-60 { border-color: var(--red-60) !important; } .bg-red-50 { --background:var(--red-50); background: var(--red-50) !important; } .text-red-50 { color: var(--red-50) !important; } .border-red-50 { border-color: var(--red-50) !important; } .bg-red-40 { --background:var(--red-40); background: var(--red-40) !important; } .text-red-40 { color: var(--red-40) !important; } .border-red-40 { border-color: var(--red-40) !important; } .bg-red-30 { --background:var(--red-30); background: var(--red-30) !important; } .text-red-30 { color: var(--red-30) !important; } .border-red-30 { border-color: var(--red-30) !important; } .bg-red-20 { --background:var(--red-20); background: var(--red-20) !important; } .text-red-20 { color: var(--red-20) !important; } .border-red-20 { border-color: var(--red-20) !important; } .bg-red-10 { --background:var(--red-10); background: var(--red-10) !important; } .text-red-10 { color: var(--red-10) !important; } .border-red-10 { border-color: var(--red-10) !important; } .bg-red-5 { --background:var(--red-5); background: var(--red-5) !important; } .text-red-5 { color: var(--red-5) !important; } .border-red-5 { border-color: var(--red-5) !important; } .bg-red-cool-90 { --background:var(--red-cool-90); background: var(--red-cool-90) !important; } .text-red-cool-90 { color: var(--red-cool-90) !important; } .border-red-cool-90 { border-color: var(--red-cool-90) !important; } .bg-red-cool-80 { --background:var(--red-cool-80); background: var(--red-cool-80) !important; } .text-red-cool-80 { color: var(--red-cool-80) !important; } .border-red-cool-80 { border-color: var(--red-cool-80) !important; } .bg-red-cool-70 { --background:var(--red-cool-70); background: var(--red-cool-70) !important; } .text-red-cool-70 { color: var(--red-cool-70) !important; } .border-red-cool-70 { border-color: var(--red-cool-70) !important; } .bg-red-cool-60 { --background:var(--red-cool-60); background: var(--red-cool-60) !important; } .text-red-cool-60 { color: var(--red-cool-60) !important; } .border-red-cool-60 { border-color: var(--red-cool-60) !important; } .bg-red-cool-50 { --background:var(--red-cool-50); background: var(--red-cool-50) !important; } .text-red-cool-50 { color: var(--red-cool-50) !important; } .border-red-cool-50 { border-color: var(--red-cool-50) !important; } .bg-red-cool-40 { --background:var(--red-cool-40); background: var(--red-cool-40) !important; } .text-red-cool-40 { color: var(--red-cool-40) !important; } .border-red-cool-40 { border-color: var(--red-cool-40) !important; } .bg-red-cool-30 { --background:var(--red-cool-30); background: var(--red-cool-30) !important; } .text-red-cool-30 { color: var(--red-cool-30) !important; } .border-red-cool-30 { border-color: var(--red-cool-30) !important; } .bg-red-cool-20 { --background:var(--red-cool-20); background: var(--red-cool-20) !important; } .text-red-cool-20 { color: var(--red-cool-20) !important; } .border-red-cool-20 { border-color: var(--red-cool-20) !important; } .bg-red-cool-10 { --background:var(--red-cool-10); background: var(--red-cool-10) !important; } .text-red-cool-10 { color: var(--red-cool-10) !important; } .border-red-cool-10 { border-color: var(--red-cool-10) !important; } .bg-red-cool-5 { --background:var(--red-cool-5); background: var(--red-cool-5) !important; } .text-red-cool-5 { color: var(--red-cool-5) !important; } .border-red-cool-5 { border-color: var(--red-cool-5) !important; } .bg-red-warm-90 { --background:var(--red-warm-90); background: var(--red-warm-90) !important; } .text-red-warm-90 { color: var(--red-warm-90) !important; } .border-red-warm-90 { border-color: var(--red-warm-90) !important; } .bg-red-warm-80 { --background:var(--red-warm-80); background: var(--red-warm-80) !important; } .text-red-warm-80 { color: var(--red-warm-80) !important; } .border-red-warm-80 { border-color: var(--red-warm-80) !important; } .bg-red-warm-70 { --background:var(--red-warm-70); background: var(--red-warm-70) !important; } .text-red-warm-70 { color: var(--red-warm-70) !important; } .border-red-warm-70 { border-color: var(--red-warm-70) !important; } .bg-red-warm-60 { --background:var(--red-warm-60); background: var(--red-warm-60) !important; } .text-red-warm-60 { color: var(--red-warm-60) !important; } .border-red-warm-60 { border-color: var(--red-warm-60) !important; } .bg-red-warm-50 { --background:var(--red-warm-50); background: var(--red-warm-50) !important; } .text-red-warm-50 { color: var(--red-warm-50) !important; } .border-red-warm-50 { border-color: var(--red-warm-50) !important; } .bg-red-warm-40 { --background:var(--red-warm-40); background: var(--red-warm-40) !important; } .text-red-warm-40 { color: var(--red-warm-40) !important; } .border-red-warm-40 { border-color: var(--red-warm-40) !important; } .bg-red-warm-30 { --background:var(--red-warm-30); background: var(--red-warm-30) !important; } .text-red-warm-30 { color: var(--red-warm-30) !important; } .border-red-warm-30 { border-color: var(--red-warm-30) !important; } .bg-red-warm-20 { --background:var(--red-warm-20); background: var(--red-warm-20) !important; } .text-red-warm-20 { color: var(--red-warm-20) !important; } .border-red-warm-20 { border-color: var(--red-warm-20) !important; } .bg-red-warm-10 { --background:var(--red-warm-10); background: var(--red-warm-10) !important; } .text-red-warm-10 { color: var(--red-warm-10) !important; } .border-red-warm-10 { border-color: var(--red-warm-10) !important; } .bg-red-warm-5 { --background:var(--red-warm-5); background: var(--red-warm-5) !important; } .text-red-warm-5 { color: var(--red-warm-5) !important; } .border-red-warm-5 { border-color: var(--red-warm-5) !important; } .bg-red-vivid-80 { --background:var(--red-vivid-80); background: var(--red-vivid-80) !important; } .text-red-vivid-80 { color: var(--red-vivid-80) !important; } .border-red-vivid-80 { border-color: var(--red-vivid-80) !important; } .bg-red-vivid-70 { --background:var(--red-vivid-70); background: var(--red-vivid-70) !important; } .text-red-vivid-70 { color: var(--red-vivid-70) !important; } .border-red-vivid-70 { border-color: var(--red-vivid-70) !important; } .bg-red-vivid-60 { --background:var(--red-vivid-60); background: var(--red-vivid-60) !important; } .text-red-vivid-60 { color: var(--red-vivid-60) !important; } .border-red-vivid-60 { border-color: var(--red-vivid-60) !important; } .bg-red-vivid-50 { --background:var(--red-vivid-50); background: var(--red-vivid-50) !important; } .text-red-vivid-50 { color: var(--red-vivid-50) !important; } .border-red-vivid-50 { border-color: var(--red-vivid-50) !important; } .bg-red-vivid-40 { --background:var(--red-vivid-40); background: var(--red-vivid-40) !important; } .text-red-vivid-40 { color: var(--red-vivid-40) !important; } .border-red-vivid-40 { border-color: var(--red-vivid-40) !important; } .bg-red-vivid-30 { --background:var(--red-vivid-30); background: var(--red-vivid-30) !important; } .text-red-vivid-30 { color: var(--red-vivid-30) !important; } .border-red-vivid-30 { border-color: var(--red-vivid-30) !important; } .bg-red-vivid-20 { --background:var(--red-vivid-20); background: var(--red-vivid-20) !important; } .text-red-vivid-20 { color: var(--red-vivid-20) !important; } .border-red-vivid-20 { border-color: var(--red-vivid-20) !important; } .bg-red-vivid-10 { --background:var(--red-vivid-10); background: var(--red-vivid-10) !important; } .text-red-vivid-10 { color: var(--red-vivid-10) !important; } .border-red-vivid-10 { border-color: var(--red-vivid-10) !important; } .bg-red-vivid-5 { --background:var(--red-vivid-5); background: var(--red-vivid-5) !important; } .text-red-vivid-5 { color: var(--red-vivid-5) !important; } .border-red-vivid-5 { border-color: var(--red-vivid-5) !important; } .bg-red-cool-vivid-80 { --background:var(--red-cool-vivid-80); background: var(--red-cool-vivid-80) !important; } .text-red-cool-vivid-80 { color: var(--red-cool-vivid-80) !important; } .border-red-cool-vivid-80 { border-color: var(--red-cool-vivid-80) !important; } .bg-red-cool-vivid-70 { --background:var(--red-cool-vivid-70); background: var(--red-cool-vivid-70) !important; } .text-red-cool-vivid-70 { color: var(--red-cool-vivid-70) !important; } .border-red-cool-vivid-70 { border-color: var(--red-cool-vivid-70) !important; } .bg-red-cool-vivid-60 { --background:var(--red-cool-vivid-60); background: var(--red-cool-vivid-60) !important; } .text-red-cool-vivid-60 { color: var(--red-cool-vivid-60) !important; } .border-red-cool-vivid-60 { border-color: var(--red-cool-vivid-60) !important; } .bg-red-cool-vivid-50 { --background:var(--red-cool-vivid-50); background: var(--red-cool-vivid-50) !important; } .text-red-cool-vivid-50 { color: var(--red-cool-vivid-50) !important; } .border-red-cool-vivid-50 { border-color: var(--red-cool-vivid-50) !important; } .bg-red-cool-vivid-40 { --background:var(--red-cool-vivid-40); background: var(--red-cool-vivid-40) !important; } .text-red-cool-vivid-40 { color: var(--red-cool-vivid-40) !important; } .border-red-cool-vivid-40 { border-color: var(--red-cool-vivid-40) !important; } .bg-red-cool-vivid-30 { --background:var(--red-cool-vivid-30); background: var(--red-cool-vivid-30) !important; } .text-red-cool-vivid-30 { color: var(--red-cool-vivid-30) !important; } .border-red-cool-vivid-30 { border-color: var(--red-cool-vivid-30) !important; } .bg-red-cool-vivid-20 { --background:var(--red-cool-vivid-20); background: var(--red-cool-vivid-20) !important; } .text-red-cool-vivid-20 { color: var(--red-cool-vivid-20) !important; } .border-red-cool-vivid-20 { border-color: var(--red-cool-vivid-20) !important; } .bg-red-cool-vivid-10 { --background:var(--red-cool-vivid-10); background: var(--red-cool-vivid-10) !important; } .text-red-cool-vivid-10 { color: var(--red-cool-vivid-10) !important; } .border-red-cool-vivid-10 { border-color: var(--red-cool-vivid-10) !important; } .bg-red-cool-vivid-5 { --background:var(--red-cool-vivid-5); background: var(--red-cool-vivid-5) !important; } .text-red-cool-vivid-5 { color: var(--red-cool-vivid-5) !important; } .border-red-cool-vivid-5 { border-color: var(--red-cool-vivid-5) !important; } .bg-red-warm-vivid-80 { --background:var(--red-warm-vivid-80); background: var(--red-warm-vivid-80) !important; } .text-red-warm-vivid-80 { color: var(--red-warm-vivid-80) !important; } .border-red-warm-vivid-80 { border-color: var(--red-warm-vivid-80) !important; } .bg-red-warm-vivid-70 { --background:var(--red-warm-vivid-70); background: var(--red-warm-vivid-70) !important; } .text-red-warm-vivid-70 { color: var(--red-warm-vivid-70) !important; } .border-red-warm-vivid-70 { border-color: var(--red-warm-vivid-70) !important; } .bg-red-warm-vivid-60 { --background:var(--red-warm-vivid-60); background: var(--red-warm-vivid-60) !important; } .text-red-warm-vivid-60 { color: var(--red-warm-vivid-60) !important; } .border-red-warm-vivid-60 { border-color: var(--red-warm-vivid-60) !important; } .bg-red-warm-vivid-50 { --background:var(--red-warm-vivid-50); background: var(--red-warm-vivid-50) !important; } .text-red-warm-vivid-50 { color: var(--red-warm-vivid-50) !important; } .border-red-warm-vivid-50 { border-color: var(--red-warm-vivid-50) !important; } .bg-red-warm-vivid-40 { --background:var(--red-warm-vivid-40); background: var(--red-warm-vivid-40) !important; } .text-red-warm-vivid-40 { color: var(--red-warm-vivid-40) !important; } .border-red-warm-vivid-40 { border-color: var(--red-warm-vivid-40) !important; } .bg-red-warm-vivid-30 { --background:var(--red-warm-vivid-30); background: var(--red-warm-vivid-30) !important; } .text-red-warm-vivid-30 { color: var(--red-warm-vivid-30) !important; } .border-red-warm-vivid-30 { border-color: var(--red-warm-vivid-30) !important; } .bg-red-warm-vivid-20 { --background:var(--red-warm-vivid-20); background: var(--red-warm-vivid-20) !important; } .text-red-warm-vivid-20 { color: var(--red-warm-vivid-20) !important; } .border-red-warm-vivid-20 { border-color: var(--red-warm-vivid-20) !important; } .bg-red-warm-vivid-10 { --background:var(--red-warm-vivid-10); background: var(--red-warm-vivid-10) !important; } .text-red-warm-vivid-10 { color: var(--red-warm-vivid-10) !important; } .border-red-warm-vivid-10 { border-color: var(--red-warm-vivid-10) !important; } .bg-red-warm-vivid-5 { --background:var(--red-warm-vivid-5); background: var(--red-warm-vivid-5) !important; } .text-red-warm-vivid-5 { color: var(--red-warm-vivid-5) !important; } .border-red-warm-vivid-5 { border-color: var(--red-warm-vivid-5) !important; } .bg-violet-90 { --background:var(--violet-90); background: var(--violet-90) !important; } .text-violet-90 { color: var(--violet-90) !important; } .border-violet-90 { border-color: var(--violet-90) !important; } .bg-violet-80 { --background:var(--violet-80); background: var(--violet-80) !important; } .text-violet-80 { color: var(--violet-80) !important; } .border-violet-80 { border-color: var(--violet-80) !important; } .bg-violet-70 { --background:var(--violet-70); background: var(--violet-70) !important; } .text-violet-70 { color: var(--violet-70) !important; } .border-violet-70 { border-color: var(--violet-70) !important; } .bg-violet-60 { --background:var(--violet-60); background: var(--violet-60) !important; } .text-violet-60 { color: var(--violet-60) !important; } .border-violet-60 { border-color: var(--violet-60) !important; } .bg-violet-50 { --background:var(--violet-50); background: var(--violet-50) !important; } .text-violet-50 { color: var(--violet-50) !important; } .border-violet-50 { border-color: var(--violet-50) !important; } .bg-violet-40 { --background:var(--violet-40); background: var(--violet-40) !important; } .text-violet-40 { color: var(--violet-40) !important; } .border-violet-40 { border-color: var(--violet-40) !important; } .bg-violet-30 { --background:var(--violet-30); background: var(--violet-30) !important; } .text-violet-30 { color: var(--violet-30) !important; } .border-violet-30 { border-color: var(--violet-30) !important; } .bg-violet-20 { --background:var(--violet-20); background: var(--violet-20) !important; } .text-violet-20 { color: var(--violet-20) !important; } .border-violet-20 { border-color: var(--violet-20) !important; } .bg-violet-10 { --background:var(--violet-10); background: var(--violet-10) !important; } .text-violet-10 { color: var(--violet-10) !important; } .border-violet-10 { border-color: var(--violet-10) !important; } .bg-violet-5 { --background:var(--violet-5); background: var(--violet-5) !important; } .text-violet-5 { color: var(--violet-5) !important; } .border-violet-5 { border-color: var(--violet-5) !important; } .bg-violet-warm-90 { --background:var(--violet-warm-90); background: var(--violet-warm-90) !important; } .text-violet-warm-90 { color: var(--violet-warm-90) !important; } .border-violet-warm-90 { border-color: var(--violet-warm-90) !important; } .bg-violet-warm-80 { --background:var(--violet-warm-80); background: var(--violet-warm-80) !important; } .text-violet-warm-80 { color: var(--violet-warm-80) !important; } .border-violet-warm-80 { border-color: var(--violet-warm-80) !important; } .bg-violet-warm-70 { --background:var(--violet-warm-70); background: var(--violet-warm-70) !important; } .text-violet-warm-70 { color: var(--violet-warm-70) !important; } .border-violet-warm-70 { border-color: var(--violet-warm-70) !important; } .bg-violet-warm-60 { --background:var(--violet-warm-60); background: var(--violet-warm-60) !important; } .text-violet-warm-60 { color: var(--violet-warm-60) !important; } .border-violet-warm-60 { border-color: var(--violet-warm-60) !important; } .bg-violet-warm-50 { --background:var(--violet-warm-50); background: var(--violet-warm-50) !important; } .text-violet-warm-50 { color: var(--violet-warm-50) !important; } .border-violet-warm-50 { border-color: var(--violet-warm-50) !important; } .bg-violet-warm-40 { --background:var(--violet-warm-40); background: var(--violet-warm-40) !important; } .text-violet-warm-40 { color: var(--violet-warm-40) !important; } .border-violet-warm-40 { border-color: var(--violet-warm-40) !important; } .bg-violet-warm-30 { --background:var(--violet-warm-30); background: var(--violet-warm-30) !important; } .text-violet-warm-30 { color: var(--violet-warm-30) !important; } .border-violet-warm-30 { border-color: var(--violet-warm-30) !important; } .bg-violet-warm-20 { --background:var(--violet-warm-20); background: var(--violet-warm-20) !important; } .text-violet-warm-20 { color: var(--violet-warm-20) !important; } .border-violet-warm-20 { border-color: var(--violet-warm-20) !important; } .bg-violet-warm-10 { --background:var(--violet-warm-10); background: var(--violet-warm-10) !important; } .text-violet-warm-10 { color: var(--violet-warm-10) !important; } .border-violet-warm-10 { border-color: var(--violet-warm-10) !important; } .bg-violet-warm-5 { --background:var(--violet-warm-5); background: var(--violet-warm-5) !important; } .text-violet-warm-5 { color: var(--violet-warm-5) !important; } .border-violet-warm-5 { border-color: var(--violet-warm-5) !important; } .bg-violet-vivid-80 { --background:var(--violet-vivid-80); background: var(--violet-vivid-80) !important; } .text-violet-vivid-80 { color: var(--violet-vivid-80) !important; } .border-violet-vivid-80 { border-color: var(--violet-vivid-80) !important; } .bg-violet-vivid-70 { --background:var(--violet-vivid-70); background: var(--violet-vivid-70) !important; } .text-violet-vivid-70 { color: var(--violet-vivid-70) !important; } .border-violet-vivid-70 { border-color: var(--violet-vivid-70) !important; } .bg-violet-vivid-60 { --background:var(--violet-vivid-60); background: var(--violet-vivid-60) !important; } .text-violet-vivid-60 { color: var(--violet-vivid-60) !important; } .border-violet-vivid-60 { border-color: var(--violet-vivid-60) !important; } .bg-violet-vivid-50 { --background:var(--violet-vivid-50); background: var(--violet-vivid-50) !important; } .text-violet-vivid-50 { color: var(--violet-vivid-50) !important; } .border-violet-vivid-50 { border-color: var(--violet-vivid-50) !important; } .bg-violet-vivid-40 { --background:var(--violet-vivid-40); background: var(--violet-vivid-40) !important; } .text-violet-vivid-40 { color: var(--violet-vivid-40) !important; } .border-violet-vivid-40 { border-color: var(--violet-vivid-40) !important; } .bg-violet-vivid-30 { --background:var(--violet-vivid-30); background: var(--violet-vivid-30) !important; } .text-violet-vivid-30 { color: var(--violet-vivid-30) !important; } .border-violet-vivid-30 { border-color: var(--violet-vivid-30) !important; } .bg-violet-vivid-20 { --background:var(--violet-vivid-20); background: var(--violet-vivid-20) !important; } .text-violet-vivid-20 { color: var(--violet-vivid-20) !important; } .border-violet-vivid-20 { border-color: var(--violet-vivid-20) !important; } .bg-violet-vivid-10 { --background:var(--violet-vivid-10); background: var(--violet-vivid-10) !important; } .text-violet-vivid-10 { color: var(--violet-vivid-10) !important; } .border-violet-vivid-10 { border-color: var(--violet-vivid-10) !important; } .bg-violet-vivid-5 { --background:var(--violet-vivid-5); background: var(--violet-vivid-5) !important; } .text-violet-vivid-5 { color: var(--violet-vivid-5) !important; } .border-violet-vivid-5 { border-color: var(--violet-vivid-5) !important; } .bg-violet-warm-vivid-80 { --background:var(--violet-warm-vivid-80); background: var(--violet-warm-vivid-80) !important; } .text-violet-warm-vivid-80 { color: var(--violet-warm-vivid-80) !important; } .border-violet-warm-vivid-80 { border-color: var(--violet-warm-vivid-80) !important; } .bg-violet-warm-vivid-70 { --background:var(--violet-warm-vivid-70); background: var(--violet-warm-vivid-70) !important; } .text-violet-warm-vivid-70 { color: var(--violet-warm-vivid-70) !important; } .border-violet-warm-vivid-70 { border-color: var(--violet-warm-vivid-70) !important; } .bg-violet-warm-vivid-60 { --background:var(--violet-warm-vivid-60); background: var(--violet-warm-vivid-60) !important; } .text-violet-warm-vivid-60 { color: var(--violet-warm-vivid-60) !important; } .border-violet-warm-vivid-60 { border-color: var(--violet-warm-vivid-60) !important; } .bg-violet-warm-vivid-50 { --background:var(--violet-warm-vivid-50); background: var(--violet-warm-vivid-50) !important; } .text-violet-warm-vivid-50 { color: var(--violet-warm-vivid-50) !important; } .border-violet-warm-vivid-50 { border-color: var(--violet-warm-vivid-50) !important; } .bg-violet-warm-vivid-40 { --background:var(--violet-warm-vivid-40); background: var(--violet-warm-vivid-40) !important; } .text-violet-warm-vivid-40 { color: var(--violet-warm-vivid-40) !important; } .border-violet-warm-vivid-40 { border-color: var(--violet-warm-vivid-40) !important; } .bg-violet-warm-vivid-30 { --background:var(--violet-warm-vivid-30); background: var(--violet-warm-vivid-30) !important; } .text-violet-warm-vivid-30 { color: var(--violet-warm-vivid-30) !important; } .border-violet-warm-vivid-30 { border-color: var(--violet-warm-vivid-30) !important; } .bg-violet-warm-vivid-20 { --background:var(--violet-warm-vivid-20); background: var(--violet-warm-vivid-20) !important; } .text-violet-warm-vivid-20 { color: var(--violet-warm-vivid-20) !important; } .border-violet-warm-vivid-20 { border-color: var(--violet-warm-vivid-20) !important; } .bg-violet-warm-vivid-10 { --background:var(--violet-warm-vivid-10); background: var(--violet-warm-vivid-10) !important; } .text-violet-warm-vivid-10 { color: var(--violet-warm-vivid-10) !important; } .border-violet-warm-vivid-10 { border-color: var(--violet-warm-vivid-10) !important; } .bg-violet-warm-vivid-5 { --background:var(--violet-warm-vivid-5); background: var(--violet-warm-vivid-5) !important; } .text-violet-warm-vivid-5 { color: var(--violet-warm-vivid-5) !important; } .border-violet-warm-vivid-5 { border-color: var(--violet-warm-vivid-5) !important; } .bg-yellow-90 { --background:var(--yellow-90); background: var(--yellow-90) !important; } .text-yellow-90 { color: var(--yellow-90) !important; } .border-yellow-90 { border-color: var(--yellow-90) !important; } .bg-yellow-80 { --background:var(--yellow-80); background: var(--yellow-80) !important; } .text-yellow-80 { color: var(--yellow-80) !important; } .border-yellow-80 { border-color: var(--yellow-80) !important; } .bg-yellow-70 { --background:var(--yellow-70); background: var(--yellow-70) !important; } .text-yellow-70 { color: var(--yellow-70) !important; } .border-yellow-70 { border-color: var(--yellow-70) !important; } .bg-yellow-60 { --background:var(--yellow-60); background: var(--yellow-60) !important; } .text-yellow-60 { color: var(--yellow-60) !important; } .border-yellow-60 { border-color: var(--yellow-60) !important; } .bg-yellow-50 { --background:var(--yellow-50); background: var(--yellow-50) !important; } .text-yellow-50 { color: var(--yellow-50) !important; } .border-yellow-50 { border-color: var(--yellow-50) !important; } .bg-yellow-40 { --background:var(--yellow-40); background: var(--yellow-40) !important; } .text-yellow-40 { color: var(--yellow-40) !important; } .border-yellow-40 { border-color: var(--yellow-40) !important; } .bg-yellow-30 { --background:var(--yellow-30); background: var(--yellow-30) !important; } .text-yellow-30 { color: var(--yellow-30) !important; } .border-yellow-30 { border-color: var(--yellow-30) !important; } .bg-yellow-20 { --background:var(--yellow-20); background: var(--yellow-20) !important; } .text-yellow-20 { color: var(--yellow-20) !important; } .border-yellow-20 { border-color: var(--yellow-20) !important; } .bg-yellow-10 { --background:var(--yellow-10); background: var(--yellow-10) !important; } .text-yellow-10 { color: var(--yellow-10) !important; } .border-yellow-10 { border-color: var(--yellow-10) !important; } .bg-yellow-5 { --background:var(--yellow-5); background: var(--yellow-5) !important; } .text-yellow-5 { color: var(--yellow-5) !important; } .border-yellow-5 { border-color: var(--yellow-5) !important; } .bg-yellow-vivid-80 { --background:var(--yellow-vivid-80); background: var(--yellow-vivid-80) !important; } .text-yellow-vivid-80 { color: var(--yellow-vivid-80) !important; } .border-yellow-vivid-80 { border-color: var(--yellow-vivid-80) !important; } .bg-yellow-vivid-70 { --background:var(--yellow-vivid-70); background: var(--yellow-vivid-70) !important; } .text-yellow-vivid-70 { color: var(--yellow-vivid-70) !important; } .border-yellow-vivid-70 { border-color: var(--yellow-vivid-70) !important; } .bg-yellow-vivid-60 { --background:var(--yellow-vivid-60); background: var(--yellow-vivid-60) !important; } .text-yellow-vivid-60 { color: var(--yellow-vivid-60) !important; } .border-yellow-vivid-60 { border-color: var(--yellow-vivid-60) !important; } .bg-yellow-vivid-50 { --background:var(--yellow-vivid-50); background: var(--yellow-vivid-50) !important; } .text-yellow-vivid-50 { color: var(--yellow-vivid-50) !important; } .border-yellow-vivid-50 { border-color: var(--yellow-vivid-50) !important; } .bg-yellow-vivid-40 { --background:var(--yellow-vivid-40); background: var(--yellow-vivid-40) !important; } .text-yellow-vivid-40 { color: var(--yellow-vivid-40) !important; } .border-yellow-vivid-40 { border-color: var(--yellow-vivid-40) !important; } .bg-yellow-vivid-30 { --background:var(--yellow-vivid-30); background: var(--yellow-vivid-30) !important; } .text-yellow-vivid-30 { color: var(--yellow-vivid-30) !important; } .border-yellow-vivid-30 { border-color: var(--yellow-vivid-30) !important; } .bg-yellow-vivid-20 { --background:var(--yellow-vivid-20); background: var(--yellow-vivid-20) !important; } .text-yellow-vivid-20 { color: var(--yellow-vivid-20) !important; } .border-yellow-vivid-20 { border-color: var(--yellow-vivid-20) !important; } .bg-yellow-vivid-10 { --background:var(--yellow-vivid-10); background: var(--yellow-vivid-10) !important; } .text-yellow-vivid-10 { color: var(--yellow-vivid-10) !important; } .border-yellow-vivid-10 { border-color: var(--yellow-vivid-10) !important; } .bg-yellow-vivid-5 { --background:var(--yellow-vivid-5); background: var(--yellow-vivid-5) !important; } .text-yellow-vivid-5 { color: var(--yellow-vivid-5) !important; } .border-yellow-vivid-5 { border-color: var(--yellow-vivid-5) !important; } .bg-interactive { --background:var(--interactive); background: var(--interactive) !important; } .text-interactive { color: var(--interactive) !important; } .border-interactive { border-color: var(--interactive) !important; } .bg-interactive-dark { --background:var(--interactive-dark); background: var(--interactive-dark) !important; } .text-interactive-dark { color: var(--interactive-dark) !important; } .border-interactive-dark { border-color: var(--interactive-dark) !important; } .bg-danger { --background:var(--danger); background: var(--danger) !important; } .text-danger { color: var(--danger) !important; } .border-danger { border-color: var(--danger) !important; } .bg-warning { --background:var(--warning); background: var(--warning) !important; } .text-warning { color: var(--warning) !important; } .border-warning { border-color: var(--warning) !important; } .bg-success { --background:var(--success); background: var(--success) !important; } .text-success { color: var(--success) !important; } .border-success { border-color: var(--success) !important; } .bg-info { --background:var(--info); background: var(--info) !important; } .text-info { color: var(--info) !important; } .border-info { border-color: var(--info) !important; } .bg-primary-pastel-01 { background: var(--color-primary-pastel-01) !important; } .text-primary-pastel-01 { color: var(--color-primary-pastel-01) !important; } .border-primary-pastel-01 { border-color: var(--color-primary-pastel-01) !important; } .bg-primary-pastel-02 { background: var(--color-primary-pastel-02) !important; } .text-primary-pastel-02 { color: var(--color-primary-pastel-02) !important; } .border-primary-pastel-02 { border-color: var(--color-primary-pastel-02) !important; } .bg-primary-lighten-01 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-primary-lighten-01) !important; } .text-primary-lighten-01 { color: var(--color-primary-lighten-01) !important; } .border-primary-lighten-01 { border-color: var(--color-primary-lighten-01) !important; } .bg-primary-lighten-02 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-primary-lighten-02) !important; } .text-primary-lighten-02 { color: var(--color-primary-lighten-02) !important; } .border-primary-lighten-02 { border-color: var(--color-primary-lighten-02) !important; } .bg-primary-default { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-primary-default) !important; } .text-primary-default { color: var(--color-primary-default) !important; } .border-primary-default { border-color: var(--color-primary-default) !important; } .bg-primary-darken-01 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-primary-darken-01) !important; } .text-primary-darken-01 { color: var(--color-primary-darken-01) !important; } .border-primary-darken-01 { border-color: var(--color-primary-darken-01) !important; } .bg-primary-darken-02 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-primary-darken-02) !important; } .text-primary-darken-02 { color: var(--color-primary-darken-02) !important; } .border-primary-darken-02 { border-color: var(--color-primary-darken-02) !important; } .bg-secondary-01 { background: var(--color-secondary-01) !important; } .text-secondary-01 { color: var(--color-secondary-01) !important; } .border-secondary-01 { border-color: var(--color-secondary-01) !important; } .bg-secondary-02 { background: var(--color-secondary-02) !important; } .text-secondary-02 { color: var(--color-secondary-02) !important; } .border-secondary-02 { border-color: var(--color-secondary-02) !important; } .bg-secondary-03 { background: var(--color-secondary-03) !important; } .text-secondary-03 { color: var(--color-secondary-03) !important; } .border-secondary-03 { border-color: var(--color-secondary-03) !important; } .bg-secondary-04 { background: var(--color-secondary-04) !important; } .text-secondary-04 { color: var(--color-secondary-04) !important; } .border-secondary-04 { border-color: var(--color-secondary-04) !important; } .bg-secondary-05 { background: var(--color-secondary-05) !important; } .text-secondary-05 { color: var(--color-secondary-05) !important; } .border-secondary-05 { border-color: var(--color-secondary-05) !important; } .bg-secondary-06 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-secondary-06) !important; } .text-secondary-06 { color: var(--color-secondary-06) !important; } .border-secondary-06 { border-color: var(--color-secondary-06) !important; } .bg-secondary-07 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-secondary-07) !important; } .text-secondary-07 { color: var(--color-secondary-07) !important; } .border-secondary-07 { border-color: var(--color-secondary-07) !important; } .bg-secondary-08 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-secondary-08) !important; } .text-secondary-08 { color: var(--color-secondary-08) !important; } .border-secondary-08 { border-color: var(--color-secondary-08) !important; } .bg-secondary-09 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-secondary-09) !important; } .text-secondary-09 { color: var(--color-secondary-09) !important; } .border-secondary-09 { border-color: var(--color-secondary-09) !important; } .bg-highlight { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-highlight) !important; } .text-highlight { color: var(--color-highlight) !important; } .border-highlight { border-color: var(--color-highlight) !important; } .bg-support-01 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-support-01) !important; } .text-support-01 { color: var(--color-support-01) !important; } .border-support-01 { border-color: var(--color-support-01) !important; } .bg-support-02 { background: var(--color-support-02) !important; } .text-support-02 { color: var(--color-support-02) !important; } .border-support-02 { border-color: var(--color-support-02) !important; } .bg-support-03 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-support-03) !important; } .text-support-03 { color: var(--color-support-03) !important; } .border-support-03 { border-color: var(--color-support-03) !important; } .bg-support-04 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-support-04) !important; } .text-support-04 { color: var(--color-support-04) !important; } .border-support-04 { border-color: var(--color-support-04) !important; } .bg-support-05 { background: var(--color-support-05) !important; } .text-support-05 { color: var(--color-support-05) !important; } .border-support-05 { border-color: var(--color-support-05) !important; } .bg-support-06 { background: var(--color-support-06) !important; } .text-support-06 { color: var(--color-support-06) !important; } .border-support-06 { border-color: var(--color-support-06) !important; } .bg-support-07 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-support-07) !important; } .text-support-07 { color: var(--color-support-07) !important; } .border-support-07 { border-color: var(--color-support-07) !important; } .bg-support-08 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); background: var(--color-support-08) !important; } .text-support-08 { color: var(--color-support-08) !important; } .border-support-08 { border-color: var(--color-support-08) !important; } .bg-support-09 { background: var(--color-support-09) !important; } .text-support-09 { color: var(--color-support-09) !important; } .border-support-09 { border-color: var(--color-support-09) !important; } .bg-support-10 { background: var(--color-support-10) !important; } .text-support-10 { color: var(--color-support-10) !important; } .border-support-10 { border-color: var(--color-support-10) !important; } .bg-support-11 { background: var(--color-support-11) !important; } .text-support-11 { color: var(--color-support-11) !important; } .border-support-11 { border-color: var(--color-support-11) !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-thin, .text-weight-thin { font-weight: 100 !important; } .text-extra-light, .text-weight-extra-light { font-weight: 200 !important; } .text-light, .text-weight-light { font-weight: 300 !important; } .text-regular, .text-weight-regular { font-weight: 400 !important; } .text-medium, .text-weight-medium { font-weight: 500 !important; } .text-semi-bold, .text-weight-semi-bold { font-weight: 600 !important; } .text-bold, .text-weight-bold { font-weight: 700 !important; } .text-extra-bold, .text-weight-extra-bold { font-weight: 800 !important; } .text-black, .text-weight-black { font-weight: 900 !important; } .text-base { font-size: var(--font-size-scale-base) !important; } .text-down-01 { font-size: var(--font-size-scale-down-01) !important; } .text-down-02 { font-size: var(--font-size-scale-down-02) !important; } .text-down-03 { font-size: var(--font-size-scale-down-03) !important; } .text-up-01 { font-size: var(--font-size-scale-up-01) !important; } .text-up-02 { font-size: var(--font-size-scale-up-02) !important; } .text-up-03 { font-size: var(--font-size-scale-up-03) !important; } .text-up-04 { font-size: var(--font-size-scale-up-04) !important; } .text-up-05 { font-size: var(--font-size-scale-up-05) !important; } .text-up-06 { font-size: var(--font-size-scale-up-06) !important; } .text-up-07 { font-size: var(--font-size-scale-up-07) !important; } .text-up-08 { font-size: var(--font-size-scale-up-08) !important; } .text-up-09 { font-size: var(--font-size-scale-up-09) !important; } .text-up-10 { font-size: var(--font-size-scale-up-10) !important; } .text-up-11 { font-size: var(--font-size-scale-up-11) !important; } @media (min-width: 576px) { .text-sm-center { text-align: center !important; } .text-sm-justify { text-align: justify !important; } .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-wrap { white-space: normal !important; } .text-sm-nowrap { white-space: nowrap !important; } .text-sm-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-sm-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-sm-lowercase { text-transform: lowercase !important; } .text-sm-uppercase { text-transform: uppercase !important; } .text-sm-capitalize { text-transform: capitalize !important; } .text-sm-thin, .text-sm-weight-thin { font-weight: 100 !important; } .text-sm-extra-light, .text-sm-weight-extra-light { font-weight: 200 !important; } .text-sm-light, .text-sm-weight-light { font-weight: 300 !important; } .text-sm-regular, .text-sm-weight-regular { font-weight: 400 !important; } .text-sm-medium, .text-sm-weight-medium { font-weight: 500 !important; } .text-sm-semi-bold, .text-sm-weight-semi-bold { font-weight: 600 !important; } .text-sm-bold, .text-sm-weight-bold { font-weight: 700 !important; } .text-sm-extra-bold, .text-sm-weight-extra-bold { font-weight: 800 !important; } .text-sm-black, .text-sm-weight-black { font-weight: 900 !important; } .text-sm-base { font-size: var(--font-size-scale-base) !important; } .text-sm-down-01 { font-size: var(--font-size-scale-down-01) !important; } .text-sm-down-02 { font-size: var(--font-size-scale-down-02) !important; } .text-sm-down-03 { font-size: var(--font-size-scale-down-03) !important; } .text-sm-up-01 { font-size: var(--font-size-scale-up-01) !important; } .text-sm-up-02 { font-size: var(--font-size-scale-up-02) !important; } .text-sm-up-03 { font-size: var(--font-size-scale-up-03) !important; } .text-sm-up-04 { font-size: var(--font-size-scale-up-04) !important; } .text-sm-up-05 { font-size: var(--font-size-scale-up-05) !important; } .text-sm-up-06 { font-size: var(--font-size-scale-up-06) !important; } .text-sm-up-07 { font-size: var(--font-size-scale-up-07) !important; } .text-sm-up-08 { font-size: var(--font-size-scale-up-08) !important; } .text-sm-up-09 { font-size: var(--font-size-scale-up-09) !important; } .text-sm-up-10 { font-size: var(--font-size-scale-up-10) !important; } .text-sm-up-11 { font-size: var(--font-size-scale-up-11) !important; }} @media (min-width: 992px) { .text-md-center { text-align: center !important; } .text-md-justify { text-align: justify !important; } .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-wrap { white-space: normal !important; } .text-md-nowrap { white-space: nowrap !important; } .text-md-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-md-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-md-lowercase { text-transform: lowercase !important; } .text-md-uppercase { text-transform: uppercase !important; } .text-md-capitalize { text-transform: capitalize !important; } .text-md-thin, .text-md-weight-thin { font-weight: 100 !important; } .text-md-extra-light, .text-md-weight-extra-light { font-weight: 200 !important; } .text-md-light, .text-md-weight-light { font-weight: 300 !important; } .text-md-regular, .text-md-weight-regular { font-weight: 400 !important; } .text-md-medium, .text-md-weight-medium { font-weight: 500 !important; } .text-md-semi-bold, .text-md-weight-semi-bold { font-weight: 600 !important; } .text-md-bold, .text-md-weight-bold { font-weight: 700 !important; } .text-md-extra-bold, .text-md-weight-extra-bold { font-weight: 800 !important; } .text-md-black, .text-md-weight-black { font-weight: 900 !important; } .text-md-base { font-size: var(--font-size-scale-base) !important; } .text-md-down-01 { font-size: var(--font-size-scale-down-01) !important; } .text-md-down-02 { font-size: var(--font-size-scale-down-02) !important; } .text-md-down-03 { font-size: var(--font-size-scale-down-03) !important; } .text-md-up-01 { font-size: var(--font-size-scale-up-01) !important; } .text-md-up-02 { font-size: var(--font-size-scale-up-02) !important; } .text-md-up-03 { font-size: var(--font-size-scale-up-03) !important; } .text-md-up-04 { font-size: var(--font-size-scale-up-04) !important; } .text-md-up-05 { font-size: var(--font-size-scale-up-05) !important; } .text-md-up-06 { font-size: var(--font-size-scale-up-06) !important; } .text-md-up-07 { font-size: var(--font-size-scale-up-07) !important; } .text-md-up-08 { font-size: var(--font-size-scale-up-08) !important; } .text-md-up-09 { font-size: var(--font-size-scale-up-09) !important; } .text-md-up-10 { font-size: var(--font-size-scale-up-10) !important; } .text-md-up-11 { font-size: var(--font-size-scale-up-11) !important; }} @media (min-width: 1280px) { .text-lg-center { text-align: center !important; } .text-lg-justify { text-align: justify !important; } .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-wrap { white-space: normal !important; } .text-lg-nowrap { white-space: nowrap !important; } .text-lg-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-lg-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-lg-lowercase { text-transform: lowercase !important; } .text-lg-uppercase { text-transform: uppercase !important; } .text-lg-capitalize { text-transform: capitalize !important; } .text-lg-thin, .text-lg-weight-thin { font-weight: 100 !important; } .text-lg-extra-light, .text-lg-weight-extra-light { font-weight: 200 !important; } .text-lg-light, .text-lg-weight-light { font-weight: 300 !important; } .text-lg-regular, .text-lg-weight-regular { font-weight: 400 !important; } .text-lg-medium, .text-lg-weight-medium { font-weight: 500 !important; } .text-lg-semi-bold, .text-lg-weight-semi-bold { font-weight: 600 !important; } .text-lg-bold, .text-lg-weight-bold { font-weight: 700 !important; } .text-lg-extra-bold, .text-lg-weight-extra-bold { font-weight: 800 !important; } .text-lg-black, .text-lg-weight-black { font-weight: 900 !important; } .text-lg-base { font-size: var(--font-size-scale-base) !important; } .text-lg-down-01 { font-size: var(--font-size-scale-down-01) !important; } .text-lg-down-02 { font-size: var(--font-size-scale-down-02) !important; } .text-lg-down-03 { font-size: var(--font-size-scale-down-03) !important; } .text-lg-up-01 { font-size: var(--font-size-scale-up-01) !important; } .text-lg-up-02 { font-size: var(--font-size-scale-up-02) !important; } .text-lg-up-03 { font-size: var(--font-size-scale-up-03) !important; } .text-lg-up-04 { font-size: var(--font-size-scale-up-04) !important; } .text-lg-up-05 { font-size: var(--font-size-scale-up-05) !important; } .text-lg-up-06 { font-size: var(--font-size-scale-up-06) !important; } .text-lg-up-07 { font-size: var(--font-size-scale-up-07) !important; } .text-lg-up-08 { font-size: var(--font-size-scale-up-08) !important; } .text-lg-up-09 { font-size: var(--font-size-scale-up-09) !important; } .text-lg-up-10 { font-size: var(--font-size-scale-up-10) !important; } .text-lg-up-11 { font-size: var(--font-size-scale-up-11) !important; }} @media (min-width: 1600px) { .text-xl-center { text-align: center !important; } .text-xl-justify { text-align: justify !important; } .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-wrap { white-space: normal !important; } .text-xl-nowrap { white-space: nowrap !important; } .text-xl-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-xl-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-xl-lowercase { text-transform: lowercase !important; } .text-xl-uppercase { text-transform: uppercase !important; } .text-xl-capitalize { text-transform: capitalize !important; } .text-xl-thin, .text-xl-weight-thin { font-weight: 100 !important; } .text-xl-extra-light, .text-xl-weight-extra-light { font-weight: 200 !important; } .text-xl-light, .text-xl-weight-light { font-weight: 300 !important; } .text-xl-regular, .text-xl-weight-regular { font-weight: 400 !important; } .text-xl-medium, .text-xl-weight-medium { font-weight: 500 !important; } .text-xl-semi-bold, .text-xl-weight-semi-bold { font-weight: 600 !important; } .text-xl-bold, .text-xl-weight-bold { font-weight: 700 !important; } .text-xl-extra-bold, .text-xl-weight-extra-bold { font-weight: 800 !important; } .text-xl-black, .text-xl-weight-black { font-weight: 900 !important; } .text-xl-base { font-size: var(--font-size-scale-base) !important; } .text-xl-down-01 { font-size: var(--font-size-scale-down-01) !important; } .text-xl-down-02 { font-size: var(--font-size-scale-down-02) !important; } .text-xl-down-03 { font-size: var(--font-size-scale-down-03) !important; } .text-xl-up-01 { font-size: var(--font-size-scale-up-01) !important; } .text-xl-up-02 { font-size: var(--font-size-scale-up-02) !important; } .text-xl-up-03 { font-size: var(--font-size-scale-up-03) !important; } .text-xl-up-04 { font-size: var(--font-size-scale-up-04) !important; } .text-xl-up-05 { font-size: var(--font-size-scale-up-05) !important; } .text-xl-up-06 { font-size: var(--font-size-scale-up-06) !important; } .text-xl-up-07 { font-size: var(--font-size-scale-up-07) !important; } .text-xl-up-08 { font-size: var(--font-size-scale-up-08) !important; } .text-xl-up-09 { font-size: var(--font-size-scale-up-09) !important; } .text-xl-up-10 { font-size: var(--font-size-scale-up-10) !important; } .text-xl-up-11 { font-size: var(--font-size-scale-up-11) !important; }} .shadow-color { box-shadow: var(--rgb-secondary-09); } .shadow-none { box-shadow: none; } .shadow-sm { box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-md { box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-lg { box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-xl { box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-sm-inset { box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-md-inset { box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-lg-inset { box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-xl-inset { box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-sm-up { box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-md-up { box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-lg-up { box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-xl-up { box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-sm-inset-up { box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-md-inset-up { box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-lg-inset-up { box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-xl-inset-up { box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-sm-right { box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-md-right { box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-lg-right { box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-xl-right { box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-sm-inset-right { box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-md-inset-right { box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-lg-inset-right { box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-xl-inset-right { box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-sm-left { box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-md-left { box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-lg-left { box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-xl-left { box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-sm-inset-left { box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-md-inset-left { box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-lg-inset-left { box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .shadow-xl-inset-left { box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color),var(--surface-opacity-xs)); } .layer-0 { z-index: var(--z-index-layer-0); } .layer-1 { z-index: var(--z-index-layer-1); } .layer-2 { z-index: var(--z-index-layer-2); } .layer-3 { z-index: var(--z-index-layer-3); } .layer-4 { z-index: var(--z-index-layer-4); } .ease { animation-timing-function: ease; } .ease-in { animation-timing-function: ease-in; } .ease-out { animation-timing-function: ease-out; } .ease-in-out { animation-timing-function: ease-in-out; } .ease-linear { animation-timing-function: linear; } .very-fast { animation-duration: var(--duration-very-fast); } .fast { animation-duration: var(--duration-fast); } .moderate { animation-duration: var(--duration-moderate); } .slow { animation-duration: var(--duration-slow); } .very-slow { animation-duration: var(--duration-very-slow); } .fa, .fab, .fad, .fal, .far, .fas, .svg-inline--fa { --icon-size:var(--icon-size-base); display: inline-block; font-size: var(--icon-size); text-align: center; width: calc(var(--icon-size) + 8px); } .svg-inline--fa.fa-w-1, .svg-inline--fa.fa-w-2, .svg-inline--fa.fa-w-3, .svg-inline--fa.fa-w-4, .svg-inline--fa.fa-w-5, .svg-inline--fa.fa-w-6, .svg-inline--fa.fa-w-7, .svg-inline--fa.fa-w-8, .svg-inline--fa.fa-w-9, .svg-inline--fa.fa-w-10, .svg-inline--fa.fa-w-11, .svg-inline--fa.fa-w-12, .svg-inline--fa.fa-w-13, .svg-inline--fa.fa-w-14, .svg-inline--fa.fa-w-15, .svg-inline--fa.fa-w-16, .svg-inline--fa.fa-w-17, .svg-inline--fa.fa-w-18, .svg-inline--fa.fa-w-19, .svg-inline--fa.fa-w-20 { width: calc(var(--icon-size) + 8px); } .fa-xs, .svg-inline--fa.fa-xs { --icon-size:var(--icon-size-xs); } .fa-sm, .svg-inline--fa.fa-sm { --icon-size:var(--icon-size-sm); } .fa-lg, .svg-inline--fa.fa-lg { --icon-size:var(--icon-size-lg); vertical-align: -0.125em; } .fa-2x, .svg-inline--fa.fa-2x { --icon-size:var(--icon-size-2x); } .fa-3x, .svg-inline--fa.fa-3x { --icon-size:var(--icon-size-3x); } .fa-4x, .svg-inline--fa.fa-4x { --icon-size:var(--icon-size-4x); } .fa-5x, .svg-inline--fa.fa-5x { --icon-size:var(--icon-size-5x); } .fa-6x, .svg-inline--fa.fa-6x { --icon-size:var(--icon-size-6x); } .fa-7x, .svg-inline--fa.fa-7x { --icon-size:var(--icon-size-7x); } .fa-8x, .svg-inline--fa.fa-8x { --icon-size:var(--icon-size-8x); } .fa-9x, .svg-inline--fa.fa-9x { --icon-size:var(--icon-size-9x); } .fa-10x, .svg-inline--fa.fa-10x { --icon-size:var(--icon-size-10x); } .highlight { background: var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay),var(--status-highlight-overlay)); color: var(--status-highlight-text); padding: 0 var(--spacing-scale-half); } .disabled, [disabled] { cursor: not-allowed; opacity: var(--disabled); } .disabled *, [disabled] * { pointer-events: none; } .dragged { background: var(--status-dragged-background); box-shadow: 0 3px 6px var(--status-dragged-shadow); color: var(--status-dragged-text); } [data-toggle="dropdown"] + * { position: absolute; } .dropdown { position: relative; } .dropdown [data-toggle="dropdown-legacy"] + *, .dropdown [data-toggle="dropdown"] + * { box-shadow: var(--surface-shadow-sm); left: 0px; position: absolute; top: 100%; } .dropdown > .br-notification { left: auto; right: 0px; } .dropdown .br-item { --color:var(--color-light); --color-rgb:var(--color-light-rgb); --text-color:var(--color-light); --interactive:var(--interactive-light); --interactive-rgb:var(--color-rgb); --visited:var(--visited-light); --hover:var(--hover-light); --pressed:var(--pressed-light); --focus-color:var(--focus-color-light); --focus:var(--focus-color-light); --item-padding-y:var(--spacing-scale-2x); background-color: var(--background-light); color: var(--color); } .dropdown .br-item:not(:last-child) { border-bottom: 1px solid var(--border-color); } .dropdown .br-item.selected { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } .template-base { display: flex; flex-direction: column; min-height: 100vh; } .br-accordion { background: var(--bg-color); border-top: 1px solid var(--color-secondary-04); } .br-accordion .item { border-bottom: 1px solid var(--color-secondary-04); display: flex; flex-direction: column; } .br-accordion .item[active] { border-bottom: 0px; } .br-accordion .item[active] .header { font-weight: var(--font-weight-semi-bold); } .br-accordion .item[active] + .content { border-bottom: 1px solid var(--color-secondary-04); display: block; } .br-accordion .header { --bg-color:transparent; background: var(--bg-color); border: 0px; color: var(--interactive); display: flex; font-size: var(--font-size-scale-up-01); justify-content: space-between; outline: none; padding: var(--spacing-scale-2x) 0; text-align: left; text-decoration: none; width: 100%; } .br-accordion .header .icon { margin: 0 var(--spacing-scale-2x) 0 var(--spacing-scale-baseh); } .br-accordion .header .title { flex: 1 1 0%; margin: 0px; } .br-accordion .header:focus { outline: none; } .br-accordion .header.focus-visible, .br-accordion .header:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-accordion .header:not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-accordion .content { color: var(--text-color); display: none; font-size: var(--font-size-scale-base); margin: 0 var(--spacing-scale-base); padding: var(--spacing-scale-base) var(--spacing-scale-8x) var(--spacing-scale-2x); } .br-accordion .content :last-child { margin-bottom: 0px; } .br-accordion[negative] { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); --bg-color:var(--background-dark); } .br-avatar { --avatar-size:var(--avatar-small); --avatar-icon-size:var(--avatar-icon-small); --avatar-text-size:var(--avatar-text-small); --avatar-small:40px; --avatar-medium:100px; --avatar-large:160px; --avatar-icon-small:var(--icon-size-2x); --avatar-icon-medium:var(--icon-size-5x); --avatar-icon-large:var(--icon-size-8x); --avatar-text-small:var(--font-size-scale-up-03); --avatar-text-medium:var(--font-size-scale-up-07); --avatar-text-large:var(--font-size-scale-up-11); background-color: transparent; border: 0px; font-weight: var(--font-weight-bold); line-height: var(--avatar-size); vertical-align: middle; } .br-avatar, .br-avatar .content { align-items: center; display: inline-flex; font-size: var(--avatar-text-size); justify-content: center; } .br-avatar .content { background-color: var(--blue-10); border-radius: 50%; color: var(--blue-warm-20); overflow: hidden; text-align: center; text-transform: uppercase; } .br-avatar .content, .br-avatar .content img { height: var(--avatar-size); vertical-align: inherit; width: var(--avatar-size); } .br-avatar .content .fa, .br-avatar .content .fab, .br-avatar .content .fad, .br-avatar .content .fal, .br-avatar .content .far, .br-avatar .content .fas, .br-avatar .content .svg-inline--fa { --icon-size:var(--avatar-icon-size); margin-top: 0.25em; } .br-avatar.is-small, .br-avatar.small, .br-avatar[small] { --avatar-size:var(--avatar-small); --avatar-icon-size:var(--avatar-icon-small); --avatar-text-size:var(--avatar-text-small); } .br-avatar.is-medium, .br-avatar.medium, .br-avatar[medium] { --avatar-size:var(--avatar-medium); --avatar-icon-size:var(--avatar-icon-medium); --avatar-text-size:var(--avatar-text-medium); } .br-avatar.is-large, .br-avatar.large, .br-avatar[large] { --avatar-size:var(--avatar-large); --avatar-icon-size:var(--avatar-icon-large); --avatar-text-size:var(--avatar-text-large); } .br-avatar-action { background: transparent; border: 0px; } .br-avatar-action:not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-avatar-action:focus { outline: none; } .br-avatar-action.focus-visible, .br-avatar-action:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-avatar[data-toggle="dropdown"]:focus { outline: none; } .br-avatar[data-toggle="dropdown"].focus-visible, .br-avatar[data-toggle="dropdown"]:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-avatar .image, .br-avatar .letter { align-items: center; background-color: var(--blue-10); border-radius: 50%; color: var(--blue-warm-20); display: inline-flex; font-size: var(--avatar-text-size); justify-content: center; overflow: hidden; text-align: center; text-transform: uppercase; } .br-avatar .image, .br-avatar .image img, .br-avatar .letter, .br-avatar .letter img { height: var(--avatar-size); vertical-align: inherit; width: var(--avatar-size); } .br-avatar .image .fa, .br-avatar .image .fab, .br-avatar .image .fad, .br-avatar .image .fal, .br-avatar .image .far, .br-avatar .image .fas, .br-avatar .image .svg-inline--fa, .br-avatar .letter .fa, .br-avatar .letter .fab, .br-avatar .letter .fad, .br-avatar .letter .fal, .br-avatar .letter .far, .br-avatar .letter .fas, .br-avatar .letter .svg-inline--fa { --icon-size:var(--avatar-icon-size); margin-top: 0.25em; } .br-breadcrumb { display: inline-grid; font-size: var(--font-size-scale-down-01); font-weight: var(--font-weight-medium); min-height: var(--spacing-scale-7x); position: relative; } .br-breadcrumb .crumb-list { align-items: center; border: 0px; display: flex; list-style: none; margin: 0px; overflow: auto hidden; padding: 0 0 0 var(--spacing-scale-base); } .br-breadcrumb .crumb { align-items: center; display: flex; height: var(--spacing-scale-5x); } .br-breadcrumb .crumb .icon { color: var(--border-color); font-size: var(--icon-size-sm); margin-right: -6px; } .br-breadcrumb .crumb a { max-width: 180px; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .br-breadcrumb .crumb:last-child span { font-weight: var(--font-weight-medium); margin: 0 var(--spacing-scale-2x) 0 var(--spacing-scale-base); white-space: nowrap; } .br-breadcrumb .crumb[data-active="active"] span.focus-visible:focus, .br-breadcrumb .crumb[data-active="active"] span:focus-visible:focus, .br-breadcrumb .crumb[data-active="active"] span:focus:focus { outline: none; } .br-breadcrumb .crumb[data-active="active"] span.focus-visible.focus-visible, .br-breadcrumb .crumb[data-active="active"] span.focus-visible:focus-visible, .br-breadcrumb .crumb[data-active="active"] span:focus-visible.focus-visible, .br-breadcrumb .crumb[data-active="active"] span:focus-visible:focus-visible, .br-breadcrumb .crumb[data-active="active"] span:focus.focus-visible, .br-breadcrumb .crumb[data-active="active"] span:focus:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-breadcrumb .crumb a:not(.br-button) { margin: 0 var(--spacing-scale-base); } .br-breadcrumb .home, .br-breadcrumb .menu-mobil { --focus-offset:calc(var(--spacing-scale-half)*-1); margin: 0 var(--spacing-scale-base) 0 0; } @media (max-width: 991px) { .br-breadcrumb .crumb a:not(.br-button) { display: block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .br-breadcrumb .home + .crumb, .br-breadcrumb .menu-mobil, .br-breadcrumb .menu-mobil + .crumb { display: flex; }} .br-breadcrumb .br-card { left: var(--spacing-scale-9x); min-width: fit-content; position: absolute; top: var(--spacing-scale-7x); z-index: var(--z-index-layer-1); } .br-breadcrumb .br-item { color: var(--color); cursor: pointer; padding: 0px; } .br-breadcrumb .br-item:not(:last-child) { border-bottom: 1px solid var(--border-color); } .br-breadcrumb .br-item a { --interactive:var(--color); --interactive-rgb:var(--color-rgb); display: block; padding: var(--spacing-scale-2x); } @media (max-width: 575px) { .br-breadcrumb .menu-mobil > .icon { display: none; } .br-breadcrumb .br-card { left: var(--spacing-scale-base); width: 250px; }} .br-button { --button-radius:100em; --button-xsmall:24px; --button-small:32px; --button-medium:40px; --button-large:48px; --button-size:var(--button-medium); align-items: center; background-color: transparent; border: 0px; border-radius: var(--button-radius); color: var(--interactive); cursor: pointer; display: inline-flex; font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-semi-bold); height: var(--button-size); justify-content: center; overflow: hidden; padding: 0 var(--spacing-scale-3x); position: relative; text-align: center; vertical-align: middle; white-space: nowrap; width: auto; } .br-button.block { width: 100%; } @media (min-width: 576px) { .br-button.block-sm { width: 100%; } .br-button.auto-sm { width: auto; }} @media (min-width: 992px) { .br-button.block-md { width: 100%; } .br-button.auto-md { width: auto; }} @media (min-width: 1280px) { .br-button.block-lg { width: 100%; } .br-button.auto-lg { width: auto; }} @media (min-width: 1600px) { .br-button.block-xl { width: 100%; } .br-button.auto-xl { width: auto; }} .br-button.circle, .br-button.is-circle, .br-button[circle] { border-radius: 50%; padding: 0px; width: var(--button-size); } .br-button.is-xsmall, .br-button.xsmall, .br-button[xsmall] { --button-size:var(--button-xsmall); } .br-button.is-small, .br-button.small, .br-button[small] { --button-size:var(--button-small); } .br-button.is-medium, .br-button.medium, .br-button[medium] { --button-size:var(--button-medium); } .br-button.is-large, .br-button.large, .br-button[large] { --button-size:var(--button-large); } .br-button.is-primary, .br-button.primary, .br-button[primary] { --interactive-rgb:var(--color-dark-rgb); background-color: var(--interactive-light); color: var(--color-dark); } .br-button.is-secondary, .br-button.secondary, .br-button[secondary] { background-color: var(--background-light); border: 1px solid var(--interactive); } .br-button.danger, .br-button.is-danger, .br-button[danger] { background-color: var(--danger); --interactive-rgb:var(--color-dark-rgb); color: var(--color-dark); } .br-button.is-success, .br-button.success, .br-button[success] { background-color: var(--success); --interactive-rgb:var(--color-dark-rgb); color: var(--color-dark); } .br-button.is-warning, .br-button.warning, .br-button[warning] { background-color: var(--warning); --interactive-rgb:var(--color-light-rgb); color: var(--color-light); } .br-button.info, .br-button.is-info, .br-button[info] { background-color: var(--info); --interactive-rgb:var(--color-dark-rgb); color: var(--color-dark); } .br-button:disabled { cursor: not-allowed; } .br-button:not(:disabled) { --focus-offset:var(--spacing-scale-half); } .br-button:not(:disabled):focus { outline: none; } .br-button:not(:disabled).focus-visible, .br-button:not(:disabled):focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-button:not(:disabled):not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-button:not(:disabled):not(:disabled):active { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed))); } .br-button.active, .br-button.is-active, .br-button[active] { --hover:var(--hover-dark); background-color: var(--active); color: var(--color-dark); } .br-button.loading { cursor: progress; color: transparent !important; } .br-button.loading:not(:disabled):hover { background-image: none; } .br-button.loading::before { border-left-color: var(--interactive); border-bottom-color: transparent; border-right-color: var(--interactive); border-top-color: var(--interactive); border-style: solid; } .br-button.loading.danger::before, .br-button.loading.info::before, .br-button.loading.primary::before, .br-button.loading.success::before { border-left-color: var(--background); border-bottom-color: transparent; border-right-color: var(--background); border-top-color: var(--background); } .br-button.dark-mode, .br-button.inverted, .br-button.is-inverted, .br-button[inverted] { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); color: var(--interactive-dark); } .br-button.dark-mode.is-primary, .br-button.dark-mode.primary, .br-button.dark-mode[primary], .br-button.inverted.is-primary, .br-button.inverted.primary, .br-button.inverted[primary], .br-button.is-inverted.is-primary, .br-button.is-inverted.primary, .br-button.is-inverted[primary], .br-button[inverted].is-primary, .br-button[inverted].primary, .br-button[inverted][primary] { --interactive-rgb:var(--background-dark-rgb); background-color: var(--interactive-dark); color: var(--background-dark); } .br-button.dark-mode.is-secondary, .br-button.dark-mode.secondary, .br-button.dark-mode[secondary], .br-button.inverted.is-secondary, .br-button.inverted.secondary, .br-button.inverted[secondary], .br-button.is-inverted.is-secondary, .br-button.is-inverted.secondary, .br-button.is-inverted[secondary], .br-button[inverted].is-secondary, .br-button[inverted].secondary, .br-button[inverted][secondary] { background-color: var(--background-dark); } .br-button.dark-mode.active, .br-button.inverted.active, .br-button.is-inverted.active, .br-button[inverted].active { --hover:var(--hover-light); --interactive-rgb:var(--active-rgb); background-color: var(--background-light); color: var(--active); } a.br-button { font-weight: var(--font-weight-semi-bold); text-decoration: none !important; } .br-card { --card-padding:var(--spacing-scale-2x); --card-height-fixed:250px; background: var(--background); box-shadow: var(--surface-shadow-sm); color: var(--color); margin-bottom: var(--spacing-scale-2x); } .br-card .card-content, .br-card .front .content { padding: var(--card-padding); } .br-card .card-content :last-child, .br-card .front .content :last-child { margin-bottom: 0px; } .br-card .card-header, .br-card .front .header { padding: var(--card-padding) var(--card-padding) 0; } .br-card .card-footer, .br-card .front .footer { padding: 0 var(--card-padding) var(--card-padding); } .br-card.h-fixed .card-content { max-height: var(--card-height-fixed); overflow-y: auto; } .br-card.h-fixed .card-content::-webkit-scrollbar { height: var(--spacing-scale-base); width: var(--spacing-scale-base); } .br-card.h-fixed .card-content::-webkit-scrollbar-track { background: var(--gray-10); } .br-card.h-fixed .card-content::-webkit-scrollbar-thumb { background: var(--gray-30); } .br-card.h-fixed .card-content:hover::-webkit-scrollbar-thumb { background: var(--gray-40); } .br-card.h-fixed .card-footer { padding-top: var(--card-padding); } .br-card.hover:hover { background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); } .br-card.dark-mode, .br-card.inverted { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } .br-carousel { --carousel-button-margin:var(--spacing-scale-default); --carousel-buton-icon-size:var(--–icon-size-base); --carousel-step-height:40px; --carousel-step-progress-min-height:32px; --carousel-full-size:100%; --carousel-min-height:400px; --carousel-button-fix-height:52px; --carousel-button-fix-width:100px; --carousel-step-progress-background:transparent; display: flex; height: var(--carousel-full-size); min-height: var(--carousel-min-height); position: relative; width: var(--carousel-full-size); } .br-carousel .carousel-stage { display: block; flex-wrap: nowrap; height: var(--carousel-step-height); overflow: hidden; position: relative; width: var(--carousel-full-width); z-index: 0; } .br-carousel .carousel-stage .carousel-page { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; left: var(--carousel-full-size); margin-bottom: var(--spacing-scale-4x); opacity: 0; overflow: hidden; position: absolute; top: 0px; visibility: hidden; width: var(--carousel-full-size); } .br-carousel .carousel-stage .carousel-page, .br-carousel .carousel-stage .carousel-page[active] { height: var(--carousel-full-size); transition: all 0.5s ease-in-out 0s; } .br-carousel .carousel-stage .carousel-page[active] { opacity: 1; visibility: visible; left: 0px !important; } .br-carousel .carousel-stage .carousel-page .carousel-content { align-items: center; display: flex; flex-wrap: wrap; height: var(--carousel-full-size); justify-content: center; width: var(--carousel-full-size); } .br-carousel .carousel-stage .carousel-page .carousel-content .carousel-title { position: absolute; } .br-carousel .carousel-step { bottom: 8px; height: var(--carousel-step-height); position: absolute; width: var(--carousel-full-size); } .br-carousel .carousel-step .br-step[data-type="simple"] .step-progress, .br-carousel .carousel-step .br-step[data-type="text"] .step-progress { background: var(--carousel-step-progress-background); min-height: var(--carousel-step-progress-min-height); } .br-carousel .carousel-step .br-step[data-type="simple"] .step-progress .step-progress-btn, .br-carousel .carousel-step .br-step[data-type="text"] .step-progress .step-progress-btn { top: 0px; } .br-carousel .carousel-step .br-step[data-type="simple"] .step-progress .step-progress-btn:hover:not([disabled])::before, .br-carousel .carousel-step .br-step[data-type="text"] .step-progress .step-progress-btn:hover:not([disabled])::before { background-image: none; } .br-carousel .carousel-step .br-step[data-type="text"] .step-progress .step-progress-btn { cursor: default; margin: 0px; } .br-carousel .carousel-step .br-step[data-type="text"] .step-progress .step-progress-btn.focus-visible::before { outline-color: transparent !important; } .br-carousel .carousel-button { align-items: center; display: flex; height: var(--carousel-full-size); left: unset; position: absolute; right: 0px; width: fit-content; z-index: 1; } .br-carousel .carousel-button:first-child { left: 0px; right: unset; } .br-carousel .carousel-button .carousel-btn-next, .br-carousel .carousel-button .carousel-btn-prev { margin: var(--carousel-button-margin); padding: 0px; } .br-carousel .carousel-button .carousel-btn-next i.fas, .br-carousel .carousel-button .carousel-btn-prev i.fas { font-size: var(--carousel-buton-icon-size); } .br-carousel[data-stage="in"] .carousel-button { height: var(--carousel-full-size); } .br-carousel[data-stage="in"] .carousel-button .carousel-btn-next, .br-carousel[data-stage="in"] .carousel-button .carousel-btn-prev { border-radius: 0px; height: var(--carousel-full-size); margin: 0px; padding: 0 var(--spacing-scale-default); } .br-carousel[data-stage="in"] .carousel-stage { height: var(--carousel-full-size); left: 0px; width: var(--carousel-full-size); } .br-carousel .carousel-button, .br-carousel .carousel-stage, .br-carousel[data-stage="out"] .carousel-button, .br-carousel[data-stage="out"] .carousel-stage { height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height)); } .br-carousel .carousel-stage, .br-carousel[data-stage="out"] .carousel-stage { left: 50px; width: calc(var(--carousel-full-size) - var(--carousel-button-fix-width)); } .br-carousel[data-stage="hibh"] .carousel-button { height: var(--carousel-full-size); } .br-carousel[data-stage="hibh"] .carousel-stage { height: var(--carousel-full-size); left: 50px; width: calc(var(--carousel-full-size) - var(--carousel-button-fix-width)); } .br-carousel[data-stage="hibw"] .carousel-button { height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height)); } .br-carousel[data-stage="hibw"] .carousel-button .carousel-btn-next, .br-carousel[data-stage="hibw"] .carousel-button .carousel-btn-prev { border-radius: 0px; height: var(--carousel-full-size); margin: 0px; padding: 0 var(--spacing-scale-default); } .br-carousel[data-stage="hibw"] .carousel-stage { height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height)); left: 0px; width: var(--carousel-full-size); } @media (max-width: 991px) { .br-carousel { max-width: var(--carousel-full-size); width: var(--carousel-full-size); } .br-carousel .carousel-button { height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height)); } .br-carousel .carousel-button .carousel-btn-next, .br-carousel .carousel-button .carousel-btn-prev { border-radius: 0px; display: none; height: var(--carousel-full-size); margin: 0px; padding: 0 var(--spacing-scale-default); } .br-carousel[data-mobile-nav] .carousel-button .carousel-btn-next, .br-carousel[data-mobile-nav] .carousel-button .carousel-btn-prev { display: flex; } .br-carousel .carousel-stage { height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height)); left: 0px; width: var(--carousel-full-size); } .br-carousel .carousel-step .br-step[data-type="simple"] .step-progress, .br-carousel .carousel-step .br-step[data-type="text"] .step-progress { padding-top: 0px !important; }} .br-carousel.dark-mode, .br-carousel.dark-mode .br-step, .br-carousel.inverted, .br-carousel.inverted .br-step { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } .br-carousel.dark-mode .br-step .step-progress-btn[data-alert="success"], .br-carousel.dark-mode .br-step .step-progress-btn[data-alert="success"] .step-info, .br-carousel.inverted .br-step .step-progress-btn[data-alert="success"], .br-carousel.inverted .br-step .step-progress-btn[data-alert="success"] .step-info { color: var(--success-alternative); } .br-carousel.dark-mode .br-step .step-progress-btn[data-alert="success"] .step-alert::after, .br-carousel.inverted .br-step .step-progress-btn[data-alert="success"] .step-alert::after { content: var(--step-alert-success-icon); } .br-carousel.dark-mode .br-step .step-progress-btn[data-alert="info"], .br-carousel.dark-mode .br-step .step-progress-btn[data-alert="info"] .step-info, .br-carousel.inverted .br-step .step-progress-btn[data-alert="info"], .br-carousel.inverted .br-step .step-progress-btn[data-alert="info"] .step-info { color: var(--info-alternative); } .br-carousel.dark-mode .br-step .step-progress-btn[data-alert="info"] .step-alert::after, .br-carousel.inverted .br-step .step-progress-btn[data-alert="info"] .step-alert::after { content: var(--step-alert-info-icon); } .br-carousel.dark-mode .br-step .step-progress-btn[data-alert="warning"] .step-alert::after, .br-carousel.inverted .br-step .step-progress-btn[data-alert="warning"] .step-alert::after { content: var(--step-alert-warning-icon); } .br-carousel.dark-mode .br-step .step-progress-btn[data-alert="danger"], .br-carousel.dark-mode .br-step .step-progress-btn[data-alert="danger"] .step-info, .br-carousel.inverted .br-step .step-progress-btn[data-alert="danger"], .br-carousel.inverted .br-step .step-progress-btn[data-alert="danger"] .step-info { color: var(--danger-alternative); } .br-carousel.dark-mode .br-step .step-progress-btn[data-alert="danger"] .step-alert::after, .br-carousel.inverted .br-step .step-progress-btn[data-alert="danger"] .step-alert::after { content: var(--step-alert-danger-icon); } .br-carousel.dark-mode .br-step .step-progress-btn.active, .br-carousel.dark-mode .br-step .step-progress-btn[active], .br-carousel.inverted .br-step .step-progress-btn.active, .br-carousel.inverted .br-step .step-progress-btn[active] { color: var(--color-dark); } .br-carousel.dark-mode .br-step .step-progress-btn.active::before, .br-carousel.dark-mode .br-step .step-progress-btn[active]::before, .br-carousel.inverted .br-step .step-progress-btn.active::before, .br-carousel.inverted .br-step .step-progress-btn[active]::before { background-color: var(--background-light); border-color: var(--background-light); color: var(--active); } .br-carousel.dark-mode .br-step .step-progress-btn.active .step-icon, .br-carousel.dark-mode .br-step .step-progress-btn[active] .step-icon, .br-carousel.inverted .br-step .step-progress-btn.active .step-icon, .br-carousel.inverted .br-step .step-progress-btn[active] .step-icon { color: var(--active); } .br-carousel.dark-mode .br-step[data-type="void"] .step-progress-btn.active .step-alert, .br-carousel.dark-mode .br-step[data-type="void"] .step-progress-btn[active] .step-alert, .br-carousel.inverted .br-step[data-type="void"] .step-progress-btn.active .step-alert, .br-carousel.inverted .br-step[data-type="void"] .step-progress-btn[active] .step-alert { border-color: var(--color-dark); } .br-carousel.dark-mode .br-step[data-type="text"] .step-progress-btn::before, .br-carousel.inverted .br-step[data-type="text"] .step-progress-btn::before { background-color: transparent; color: var(--color); } .br-carousel .carousel-page[active]:focus, .br-carousel .carousel-page[active]:focus-visible, .br-carousel .carousel-page[active]:focus-within { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-checkbox { --checkbox-padding:var(--spacing-scale-base); --checkbox-size:24px; display: flex; position: relative; } .br-checkbox + .br-checkbox { margin-top: var(--spacing-scale-base); } .br-checkbox input { margin: 0px; opacity: 0; position: absolute; } .br-checkbox input + label { cursor: pointer; display: inline-block; margin-bottom: 0px; min-height: var(--checkbox-size); min-width: var(--checkbox-size); padding-left: calc(var(--spacing-scale-base) + var(--checkbox-size)); position: relative; } .br-checkbox input + label::before { background: var(--background-light); border: 1px solid var(--border-color); border-radius: 4px; content: ""; height: var(--checkbox-size); left: 0px; position: absolute; width: var(--checkbox-size); } .br-checkbox input + label:empty { padding: 0px; } .br-checkbox label { font-weight: var(--font-weight-medium); } .br-checkbox.hidden-label label { padding-left: calc(var(--checkbox-size) + var(--surface-width-md)*2); text-indent: -10000px; white-space: nowrap; width: 0px; } .br-checkbox input:checked + label::after, .br-checkbox input:indeterminate + label::after { border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: 0px 3px 3px 0px; content: ""; height: var(--icon-size-sm); left: 8px; position: absolute; top: 4px; transform: rotate(45deg); width: 8px; } .br-checkbox input:indeterminate + label::before, .br-checkbox input[indeterminate] + label::before { --interactive-rgb:var(--color-rgb); background: var(--selected); border-color: var(--selected); } .br-checkbox input:indeterminate:hover:not(:disabled) + label::before, .br-checkbox input[indeterminate]:hover:not(:disabled) + label::before { --interactive-rgb:var(--color-dark-rgb); } .br-checkbox input:indeterminate + label::after, .br-checkbox input:indeterminate:checked + label::after, .br-checkbox input[indeterminate] + label::after, .br-checkbox input[indeterminate]:checked + label::after { border-color: var(--background-light); border-width: 0px 0px 3px; top: 2px; transform: none; } .br-checkbox.invalid input + label::before, .br-checkbox.is-invalid input + label::before, .br-checkbox[invalid] input + label::before { --border-color:var(--danger); } .br-checkbox.invalid input.focus-visible + label::before, .br-checkbox.invalid input.focus-visible:checked + label::before, .br-checkbox.invalid input:focus-visible + label::before, .br-checkbox.invalid input:focus-visible:checked + label::before, .br-checkbox.is-invalid input.focus-visible + label::before, .br-checkbox.is-invalid input.focus-visible:checked + label::before, .br-checkbox.is-invalid input:focus-visible + label::before, .br-checkbox.is-invalid input:focus-visible:checked + label::before, .br-checkbox[invalid] input.focus-visible + label::before, .br-checkbox[invalid] input.focus-visible:checked + label::before, .br-checkbox[invalid] input:focus-visible + label::before, .br-checkbox[invalid] input:focus-visible:checked + label::before { --border-color:var(--focus-color); } .br-checkbox.invalid input:checked + label::before, .br-checkbox.is-invalid input:checked + label::before, .br-checkbox[invalid] input:checked + label::before { --border-color:var(--danger); } .br-checkbox.is-valid input + label::before, .br-checkbox.valid input + label::before, .br-checkbox[valid] input + label::before { --border-color:var(--success); } .br-checkbox.is-valid input.focus-visible + label::before, .br-checkbox.is-valid input.focus-visible:checked + label::before, .br-checkbox.is-valid input:focus-visible + label::before, .br-checkbox.is-valid input:focus-visible:checked + label::before, .br-checkbox.valid input.focus-visible + label::before, .br-checkbox.valid input.focus-visible:checked + label::before, .br-checkbox.valid input:focus-visible + label::before, .br-checkbox.valid input:focus-visible:checked + label::before, .br-checkbox[valid] input.focus-visible + label::before, .br-checkbox[valid] input.focus-visible:checked + label::before, .br-checkbox[valid] input:focus-visible + label::before, .br-checkbox[valid] input:focus-visible:checked + label::before { --border-color:var(--focus-color); } .br-checkbox.is-valid input:checked + label::before, .br-checkbox.valid input:checked + label::before, .br-checkbox[valid] input:checked + label::before { --border-color:var(--success); } .br-checkbox.is-small input + label, .br-checkbox.small input + label, .br-checkbox[small] input + label { line-height: var(--spacing-scale-2xh); min-height: var(--spacing-scale-2xh); } .br-checkbox.is-small input + label::before, .br-checkbox.small input + label::before, .br-checkbox[small] input + label::before { height: var(--spacing-scale-2xh); width: var(--spacing-scale-2xh); } .br-checkbox.is-small input:checked + label::after, .br-checkbox.small input:checked + label::after, .br-checkbox[small] input:checked + label::after { border-width: 0px 2px 2px 0px; height: var(--icon-size-sm); left: 7px; top: 4px; width: 6px; } .br-checkbox.is-small input:indeterminate + label::after, .br-checkbox.is-small input[indeterminate] + label::after, .br-checkbox.small input:indeterminate + label::after, .br-checkbox.small input[indeterminate] + label::after, .br-checkbox[small] input:indeterminate + label::after, .br-checkbox[small] input[indeterminate] + label::after { border-color: var(--background-light); border-width: 0px 0px 3px; left: 7px; top: 1px; transform: none; width: 6px; } .br-checkbox input:invalid + label::before { --border-color:var(--danger); } .br-checkbox input.focus-visible + label::before, .br-checkbox input.focus-visible:checked + label::before, .br-checkbox input:focus-visible + label::before, .br-checkbox input:focus-visible:checked + label::before { box-shadow: 0 0 0 var(--surface-width-md) var(--focus); outline: none; border-color: var(--focus) !important; } .br-checkbox input:hover:not(:disabled) + label::before { --interactive-rgb:var(--interactive-light-rgb); background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-checkbox:not(.disabled) input:disabled + label { cursor: not-allowed; opacity: var(--disabled); } .br-checkbox:not(.disabled) input:disabled + label * { pointer-events: none; } .br-checkbox.dark-mode, .br-checkbox.dark-mode label, .br-checkbox.inverted, .br-checkbox.inverted label { color: var(--color-dark); } .br-radio { --radio-size:24px; --radio-bullet-size:16px; --radio-bullet-position:calc(var(--radio-size)*0.5 - var(--radio-bullet-size)*0.5); display: block; } .br-radio + .br-radio { margin-top: var(--spacing-scale-base); } .br-radio input { opacity: 0; position: absolute; } .br-radio input + label { cursor: pointer; display: inline-block; margin-bottom: 0px; min-height: var(--radio-size); min-width: var(--radio-size); padding-left: calc(var(--spacing-scale-base) + var(--radio-size)); position: relative; } .br-radio input + label::before { background: var(--background); border: 1px solid var(--border-color); border-radius: 50%; content: ""; height: var(--radio-size); left: 0px; position: absolute; top: -1px; width: var(--radio-size); } .br-radio input + label:empty { padding: 0px; } .br-radio input + label:empty::before { top: 0px; } .br-radio label { font-weight: var(--font-weight-medium); } .br-radio input:checked + label::after { background: var(--selected); border: 7px solid var(--selected); border-radius: 50%; content: ""; height: var(--radio-bullet-size); left: var(--radio-bullet-position); position: absolute; right: 0px; top: calc(var(--radio-bullet-position) - 1px); width: var(--radio-bullet-size); } .br-radio input:checked + label:empty::after { top: var(--radio-bullet-position); } .br-radio.is-valid input + label::before, .br-radio.valid input + label::before, .br-radio[valid] input + label::before { border-color: var(--success); } .br-radio.invalid input + label::before, .br-radio.is-invalid input + label::before, .br-radio[invalid] input + label::before { border-color: var(--danger); } .br-radio.is-small input + label, .br-radio.small input + label, .br-radio[small] input + label { line-height: var(--spacing-scale-2xh); min-height: var(--spacing-scale-2xh); } .br-radio.is-small input + label::before, .br-radio.small input + label::before, .br-radio[small] input + label::before { height: var(--spacing-scale-2xh); width: var(--spacing-scale-2xh); } .br-radio.is-small input:checked + label::after, .br-radio.small input:checked + label::after, .br-radio[small] input:checked + label::after { border-width: 4px; height: 10px; width: 10px; } .br-radio input:invalid + label::before { border-color: var(--danger); } .br-radio input.focus-visible + label::before, .br-radio input.focus-visible:checked + label::before, .br-radio input:focus-visible + label::before, .br-radio input:focus-visible:checked + label::before { box-shadow: 0 0 0 var(--surface-width-md) var(--focus); outline: none; border-color: var(--focus) !important; } .br-radio input:hover:not(:disabled) + label::before { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-radio.dark-mode, .br-radio.dark-mode label, .br-radio.inverted, .br-radio.inverted label { color: var(--color-dark); } .br-cookiebar { --cookiebar-shadow:var(--surface-shadow-lg-up); --cookiebar-layer:var(--z-index-layer-4); inset: 0px; box-shadow: var(--cookiebar-shadow); color: var(--color-secondary-08); cursor: default; font-family: inherit; font-size: var(--font-size-scale-up-01); outline: none; position: fixed; z-index: var(--cookiebar-layer); } @media (min-width: 576px) { .br-cookiebar .actions .br-button.secondary { margin-right: var(--spacing-scale-5x); }} @media (max-width: 575px) { .br-cookiebar { font-size: var(--font-size-scale-down-01); } .br-cookiebar .actions .br-button.primary { margin-bottom: var(--spacing-scale-2xh); } .br-cookiebar .actions .br-button.secondary { margin-bottom: var(--spacing-scale-2xh); margin-right: 0px; } .br-cookiebar .br-modal-header.entry-content .br-modal-title { margin-bottom: 0px; } .br-cookiebar .br-modal-header.entry-content .br-modal-title p { font-size: var(--font-size-scale-up-02); } .br-cookiebar .br-modal-header.entry-content .last-update, .br-cookiebar .br-switch .switch-data::before, .br-cookiebar .br-switch label, .br-cookiebar .group-description, .br-cookiebar .group-name, .br-cookiebar .group-size { font-size: var(--font-size-scale-down-01); }} .br-cookiebar.default { top: unset; } .br-cookiebar.default .entry-content { display: none; } .br-cookiebar.default .info-text { display: block; } .br-cookiebar.default .complementary-content, .br-cookiebar.default .main-content { display: none; } .br-cookiebar.default .br-modal > .br-card { --card-shadow:var(--surface-offset-none); } .br-cookiebar.default .br-modal .wrapper { overflow-y: unset; } .br-cookiebar.default .actions { border-top: 0px; } .br-cookiebar.default .container-fluid.p-2xh { padding-bottom: var(--spacing-scale-3x) !important; } .br-cookiebar .row { float: none; width: auto; } .br-cookiebar .entry-text { margin-bottom: 0px; } .br-cookiebar .wrapper { display: flex; flex-direction: column; overflow-y: scroll; padding-top: 6px !important; } .br-cookiebar .info-text { display: none; line-height: var(--font-line-height-medium); } .br-cookiebar .br-modal-header .br-modal-title { font-size: var(--font-size-scale-up-06); margin-bottom: 0px; margin-right: 0px; max-height: unset; width: auto; } .br-cookiebar .br-modal-header .close { margin-top: var(--spacing-scale-base); opacity: 1; } .br-cookiebar .br-modal-header .close:hover::after { background: currentcolor; inset: 0px; content: ""; opacity: var(--hover); position: absolute; } .br-cookiebar .br-modal-header .last-update { font-size: var(--font-size-scale-base); font-weight: var(--font-weight-semi-bold); } .br-cookiebar .br-modal-header .last-update span { display: inline-block; margin-left: var(--spacing-scale-half); } .br-cookiebar .br-modal-body { flex: 1 1 0%; margin: 0px; overflow: unset; } .br-cookiebar .br-modal-body:focus { outline: none; } .br-cookiebar .br-modal-body .br-list .br-list { max-height: 0px; overflow: hidden; transition: all 0.4s ease-in-out 0s; } .br-cookiebar .br-modal-body .br-list .br-item.open + .br-list, .br-cookiebar .br-modal-body .br-list .br-item.open .br-list { max-height: 200em; } .br-cookiebar .br-modal-body .br-list .header { display: block; } .br-cookiebar .br-modal-body .br-list .header .row div:nth-child(2) { flex: 0 0 185px; } .br-cookiebar .br-modal-footer.actions { padding-top: var(--spacing-scale-2xh); } .br-cookiebar .cookies-checked, .br-cookiebar .group-name, .br-cookiebar .group-size { color: var(--color-primary-default); cursor: pointer; } .br-cookiebar .group-info .row div:nth-child(2) { flex: 0 0 225px; } .br-cookiebar .group-info .fa { font-weight: 900; } .br-cookiebar .group-info .group-size { display: inline-block; } .br-cookiebar .group-info.selected { --color:var(--color-light); --color-rgb:var(--color-light-rgb); --text-color:var(--color-light); --interactive:var(--interactive-light); --interactive-rgb:var(--interactive-light-rgb); --visited:var(--visited-light); --hover:var(--hover-light); --pressed:var(--pressed-light); --focus-color:var(--focus-color-light); --focus:var(--focus-color-light); background-color: var(--background); } .br-cookiebar .group-info .br-button { color: var(--color-primary-default); } .br-cookiebar .cookie-info .br-switch, .br-cookiebar .group-info .br-switch { margin-bottom: var(--spacing-scale-2x); margin-top: var(--spacing-scale-2x); padding: var(--spacing-scale-half); width: 120px; } .br-cookiebar .cookie-info .fixed-width, .br-cookiebar .group-info .fixed-width { padding-left: var(--spacing-scale-base); width: 100px; } .br-cookiebar .always-active { color: var(--color-highlight); font-weight: var(--font-weight-semi-bold); } .br-cookiebar .cookie-info .br-card { margin-bottom: var(--card-margin); } .br-cookiebar .cookie-info .cookie-term, .br-cookiebar .notes p:first-child { font-weight: var(--font-weight-semi-bold); } .br-cookiebar .actions { border-top: 1px solid var(--color-secondary-05); padding-left: var(--spacing-scale-3x); padding-right: var(--spacing-scale-2xh); padding-top: var(--spacing-scale-3x); } .br-cookiebar .complementary-content { padding: var(--spacing-scale-base) 0; } .br-cookiebar [class^="container"] { --grid-margin:0; } .br-cookiebar .br-checkbox:not(.hidden-label) { --item-padding-y:1px; } .br-cookiebar .br-modal { --modal-size:var(--modal-auto); } .flatpickr-calendar { --flatpicker-padding:var(--spacing-scale-2x); --datetimepicker-day-size:24px; --datetimepicker-arrows:32px; box-shadow: var(--surface-shadow-md); } .flatpickr-calendar.arrowTop::after, .flatpickr-calendar.arrowTop::before { border-color: transparent; } .flatpickr-calendar.open { z-index: var(--z-index-layer-2); } .flatpickr-calendar .flatpickr-months { align-items: center; display: flex; padding: var(--flatpicker-padding) var(--flatpicker-padding) 0; } .flatpickr-calendar .flatpickr-months .flatpickr-next-month, .flatpickr-calendar .flatpickr-months .flatpickr-prev-month { height: auto; padding: 0px; position: static; } .flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled { cursor: not-allowed; opacity: var(--disabled); display: block; } .flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled *, .flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled * { pointer-events: none; } .flatpickr-calendar .flatpickr-months .flatpickr-month { flex: 1 1 0%; height: auto; overflow: visible; } .flatpickr-calendar .flatpickr-months .flatpickr-current-month { display: flex; height: auto; padding: 0 var(--flatpicker-padding); position: static; width: 100%; } .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months { border-radius: var(--surface-rounder-sm); color: var(--interactive); font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-semi-bold); margin: 0px; padding: 0px; } .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { color: var(--color); } .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months:hover { background: transparent; } .flatpickr-calendar .flatpickr-months .numInputWrapper { flex: 1 1 0%; margin-left: var(--flatpicker-padding); width: auto; } .flatpickr-calendar .flatpickr-months .numInputWrapper input.cur-year { border: var(--surface-width-sm) solid var(--border-color); border-radius: var(--surface-rounder-sm); color: var(--color); font-size: var(--font-size-scale-base); font-weight: var(--font-weight-semi-bold); padding: 0 var(--spacing-scale-base); } .flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowDown, .flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp { display: none; } .flatpickr-calendar .flatpickr-weekdaycontainer { display: grid; grid-template-columns: repeat(7, 1fr); padding: 0 var(--flatpicker-padding); } .flatpickr-calendar span.flatpickr-weekday { color: var(--color); font-size: var(--font-size); font-weight: var(--font-weight-medium); } .flatpickr-calendar .dayContainer { display: grid; grid-template-columns: repeat(7, 1fr); padding: 0 var(--flatpicker-padding) var(--flatpicker-padding); } .flatpickr-calendar .flatpickr-day { color: var(--interactive); font-weight: var(--font-weight-semi-bold); height: var(--datetimepicker-day-size); line-height: var(--font-line-height-medium); margin: calc(var(--flatpicker-padding)*0.25) auto; max-width: var(--datetimepicker-day-size); width: var(--datetimepicker-day-size); } .flatpickr-calendar .flatpickr-day:focus { outline: none; } .flatpickr-calendar .flatpickr-day.focus-visible, .flatpickr-calendar .flatpickr-day:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .flatpickr-calendar .flatpickr-day.focus-visible { --focus-offset:0; background: transparent; border-color: transparent; } .flatpickr-calendar .flatpickr-day:hover { background: var(--hover-effect); } .flatpickr-calendar .flatpickr-day.nextMonthDay, .flatpickr-calendar .flatpickr-day.prevMonthDay { font-weight: var(--font-weight-medium); opacity: 0.6; } .flatpickr-calendar .flatpickr-day.today { background: var(--orange-vivid-5); border-color: transparent; color: var(--red-warm-vivid-50); } .flatpickr-calendar .flatpickr-day.flatpickr-disabled { cursor: not-allowed; opacity: var(--disabled); color: var(--color); } .flatpickr-calendar .flatpickr-day.flatpickr-disabled * { pointer-events: none; } .flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover { background: transparent; } .flatpickr-calendar .flatpickr-day.inRange { --interactive-rgb:var(--blue-warm-vivid-50-rgb); --hover:var(--hover-dark); background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); border-color: transparent; box-shadow: none; color: var(--color-dark); opacity: 1; } .flatpickr-calendar .flatpickr-day.endRange, .flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.startRange { background: var(--selected); border-color: transparent; color: var(--color-dark); opacity: 1; } .flatpickr-calendar .flatpickr-time { display: flex; justify-content: center; margin: 0 var(--flatpicker-padding); max-height: none; } .flatpickr-calendar .flatpickr-time input { --input-background:var(--bg-color); --input-border-color:var(--color-secondary-06); --input-border-width:1px; --input-border-style:solid; --input-padding:0 var(--spacing-scale-half); --input-radius:var(--surface-rounder-sm); background: var(--input-background); border: var(--input-border-width) var(--input-border-style) var(--input-border-color); border-radius: var(--input-radius); color: var(--text-color); display: block; font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-medium); height: var(--input-size); padding: var(--input-padding); width: 100%; margin: calc(var(--flatpicker-padding)*0.25) 0; } .flatpickr-calendar .flatpickr-time input:not(:disabled):hover { background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); } .flatpickr-calendar .flatpickr-time input.focus-visible, .flatpickr-calendar .flatpickr-time input:focus, .flatpickr-calendar .flatpickr-time input:focus-visible { box-shadow: 0 0 0 var(--surface-width-md) var(--focus); outline: none; border-color: var(--focus) !important; } .flatpickr-calendar .flatpickr-time input.has-icon { padding-right: var(--spacing-scale-5x); } .flatpickr-calendar .flatpickr-time .numInputWrapper { align-items: center; display: flex; flex: 0 1 90px; flex-flow: column; height: auto; padding: calc(var(--flatpicker-padding)*0.5) var(--flatpicker-padding); } .flatpickr-calendar .flatpickr-time .numInputWrapper:hover { background: transparent; } .flatpickr-calendar .flatpickr-time .numInputWrapper span { align-items: center; border: 0px; border-radius: 50px; color: var(--interactive); display: flex; height: var(--datetimepicker-arrows); justify-content: center; opacity: 1; padding: 0px; position: static; width: var(--datetimepicker-arrows); } .flatpickr-calendar .flatpickr-time .numInputWrapper span:not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .flatpickr-calendar .flatpickr-time .numInputWrapper span::after { border: none; position: static; } .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp { order: -1; } .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp::after { transform: rotate(225deg) translate(-1px, -1px); } .flatpickr-calendar.hasTime .flatpickr-time { border-color: var(--border-color); height: auto; } .flatpickr-calendar.hasTime.noCalendar .flatpickr-time { border-color: transparent; } .br-datetimepicker.dark-mode .br-input, .br-datetimepicker.dark-mode .br-input label, .br-datetimepicker.inverted .br-input, .br-datetimepicker.inverted .br-input label { --color:var(--color-dark); --focus-color:var(--focus-color-dark); } .br-datetimepicker input[disabled] { cursor: not-allowed; } .br-divider, hr { --divider-size:var(--surface-width-sm); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: var(--divider-size) solid var(--border-color); display: block; } .br-divider.content, hr.content { align-items: center; border: 0px; display: flex; justify-content: center; } .br-divider.content::after, .br-divider.content::before, hr.content::after, hr.content::before { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: var(--divider-size) solid var(--border-color); content: ""; flex: 1 1 0%; } .br-divider.content::after, hr.content::after { margin-left: var(--spacing-scale-base); } .br-divider.content::before, hr.content::before { margin-right: var(--spacing-scale-base); } .br-divider.vertical, hr.vertical { align-self: stretch; border-right-width: var(--divider-size); border-top-width: 0px; } .br-divider.vertical.content, hr.vertical.content { flex-direction: column; } .br-divider.vertical.content::after, .br-divider.vertical.content::before, hr.vertical.content::after, hr.vertical.content::before { border-right-width: var(--divider-size); border-top-width: 0px; margin: 0px; } .br-divider.dark-mode, .br-divider.inverted, hr.dark-mode, hr.inverted { --border-color:var(--pure-0); } .br-divider.dashed, hr.dashed { border-style: dashed; } .br-divider.sm, hr.sm { --divider-size:var(--surface-width-sm); } .br-divider.md, hr.md { --divider-size:var(--surface-width-md); } .br-divider.lg, hr.lg { --divider-size:var(--surface-width-lg); } hr { --divider-padding:var(--spacing-scale-2x); margin: var(--divider-padding) 0; } .br-footer { --footer-logo-height:48px; --footer-logo-width:180px; --footer-padding:var(--spacing-scale-6x) 0 0; --footer-padding-bottom:0 0 var(--spacing-scale-6x); --footer-assigns-height:46px; --footer-assigns-width:180px; background: var(--background); border-top: 1px solid var(--border-color); color: var(--color); display: block; padding: var(--footer-padding); --background:var(--background-dark); --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } .br-footer.no-divider { border-top: none; padding-top: 0px; } .br-footer .br-item { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } .br-footer.inverted, .br-footer[inverted] { --background:var(--background-light); } .br-footer.inverted, .br-footer.inverted .br-item, .br-footer[inverted], .br-footer[inverted] .br-item { --color:var(--color-light); --color-rgb:var(--color-light-rgb); --text-color:var(--color-light); --interactive:var(--interactive-light); --interactive-rgb:var(--interactive-light-rgb); --visited:var(--visited-light); --hover:var(--hover-light); --pressed:var(--pressed-light); --focus-color:var(--focus-color-light); --focus:var(--focus-color-light); } .br-footer .logo { padding: var(--footer-padding-bottom); } .br-footer .logo img { max-height: var(--footer-logo-height); max-width: var(--footer-logo-width); } .br-footer .br-list.horizontal { display: flex; flex-wrap: wrap; padding: var(--footer-padding-bottom); } .br-footer .br-list.horizontal .header { width: 100%; } .br-footer .br-list.horizontal .col, .br-footer .br-list.horizontal [class*="col-"] { flex-grow: 0; padding: 0px; } @media (max-width: 991px) { .br-footer .br-list.horizontal .col, .br-footer .br-list.horizontal [class*="col-"] { max-width: 100%; flex-basis: 100% !important; }} .br-footer .social-network { border: 0px; } .br-footer .social-network .social-network-title { font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-extra-bold); margin-bottom: var(--spacing-scale-3x); text-transform: uppercase; } .br-footer .social-network a:not(:last-of-type) { margin-right: var(--spacing-scale-2x); } .br-footer .social-network a:hover { background-image: none; } .br-footer .social-network img { max-height: var(--footer-assigns-height); max-width: var(--footer-assigns-height); } .br-footer .assigns img { max-height: var(--footer-assigns-height); max-width: var(--footer-assigns-width); } .br-footer .info { text-align: center; } .br-footer .br-divider { margin-top: 0px !important; } .br-footer .d-none.d-sm-block > .row.align-items-end.justify-content-between.py-5 { padding: var(--footer-padding-bottom) !important; } .br-footer .br-list { --background:var(--background-dark); } .br-footer .br-list.horizontal .br-item, .br-footer .br-list.horizontal .br-list .br-item { min-height: 4em; } .br-footer .br-list.horizontal .br-item .content, .br-footer .br-list.horizontal .br-list .br-item .content { height: auto; line-height: 16px; padding: 0 var(--spacing-scale-2x); } .br-footer .br-item { align-items: center; display: flex; } @media (min-width: 992px) { .br-footer .br-item.horizontal .br- { background-image: none; max-height: 200em !important; }} .br-footer .br-item.horizontal .br-item { min-height: 4em; } .br-footer .br-item.horizontal .br-item .content { height: auto; line-height: 16px; padding: 0 var(--spacing-scale-2x); } .br-footer .br-item.horizontal .col .br-item.header.active, .br-footer .br-item.horizontal .col .br-item.header.active + .br-list, .br-footer .br-item.horizontal [class*="col-"] .br-item.header.active, .br-footer .br-item.horizontal [class*="col-"] .br-item.header.active + .br-list { border-bottom: 1px solid var(--border-color); } .br-footer .br-item .content { flex: 1 1 0%; } .br-footer .br-item:not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-footer .br-item.active { background: transparent; } @media (min-width: 992px) { .br-footer .br-item .support:last-child { display: none; pointer-events: none; } .br-footer .br-item .content { flex: 1 1 0%; }} .br-footer.inverted .br-list, .br-footer[inverted] .br-list { --background:var(--background-light); } .br-header { --header-padding:var(--header-padding-medium); --header-padding-small:var(--spacing-scale-base); --header-padding-medium:var(--spacing-scale-2x); --header-padding-large:var(--spacing-scale-3x); --header-logo-size:var(--header-logo-medium); --header-logo-small:16px; --header-logo-medium:24px; --header-logo-large:40px; --header-title-size:var(--font-size-scale-base); --header-subtitle-size:var(--font-size-scale-down-01); --header-logo-desktop-width:120px; --header-logo-desktop-height:48px; --header-logo-compact:60px; --header-logo-compact-height:32px; --header-logo-mobile-width:80px; --header-logo-mobile-height:40px; background: var(--background); box-shadow: var(--surface-shadow-sm); padding: var(--header-padding) 0; position: relative; } .br-header, .br-header .header-bottom, .br-header .header-top { display: flex; } .br-header .header-top { justify-content: flex-end; } .br-header .header-bottom { justify-content: space-between; margin-top: var(--header-padding-small); } @media (min-width: 576px) { .br-header { --header-padding:var(--header-padding-medium); }} .br-header.small { --header-padding:var(--header-padding-small); } .br-header.medium { --header-padding:var(--header-padding-medium); } .br-header.large { --header-padding:var(--header-padding-large); } .br-header .header-logo { align-items: center; display: flex; flex: 1 1 0%; float: left; gap: var(--spacing-scale-2x); } .br-header .header-logo img, .br-header .header-logo svg { max-height: var(--header-logo-size); } .br-header .header-logo .br-divider { display: none; } .br-header .header-logo .header-sign { color: var(--color); display: none; font-weight: 500; overflow: hidden; } .br-header[data-no-logo] .header-logo img, .br-header[data-no-sign] .header-logo .header-sign { display: none; } @media (min-width: 576px) { .br-header .header-logo { --header-logo-size:var(--header-logo-large); margin: 0px; } .br-header .header-logo .br-divider, .br-header .header-logo .header-sign { display: block; }} .br-header .header-actions { align-items: center; display: flex; justify-content: flex-end; } .br-header .header-actions .dropdown.show .br-list { display: block; z-index: var(--z-index-layer-1); } .br-header .header-actions .dropdown.show .br-button.active .fa, .br-header .header-actions .dropdown.show .br-button.active .fab, .br-header .header-actions .dropdown.show .br-button.active .fad, .br-header .header-actions .dropdown.show .br-button.active .fal, .br-header .header-actions .dropdown.show .br-button.active .far, .br-header .header-actions .dropdown.show .br-button.active .fas, .br-header .header-actions .dropdown.show .br-button.active .svg-inline--fa { transform: rotate(180deg); } .br-header .header-actions .dropdown.show .br-notification { display: block; right: -16px; width: 100vw; z-index: var(--z-index-layer-1); } .br-header .header-actions .dropdown.show .br-notification div.close, .br-header .header-actions .dropdown:not(.show) .br-notification { display: none; } @media (max-width: 1279px) { .br-header .header-actions .dropdown:not(.show) .br-list { display: none; }} .br-header .header-actions .header-functions .br-list, .br-header .header-actions .header-links .br-list { background: var(--background); left: -4em; } .br-header .header-actions .header-functions .br-item, .br-header .header-actions .header-links .br-item { white-space: nowrap; } .br-header .header-actions .header-functions ul, .br-header .header-actions .header-links ul { display: none; } .br-header .header-actions .header-functions .br-list .br-button { --button-size:auto; --button-font-size:var(--font-size-scale-base); --button-font-weight:var(--item-font-weight); border-radius: 0px; color: var(--color); font-size: var(--font-size-scale-base); font-weight: var(--item-font-weight); justify-content: flex-start; padding: var(--item-padding); width: 100%; } .br-header .header-actions .header-functions .br-list .br-button .text { margin-left: var(--spacing-scale-2x); } .br-header .header-actions .header-functions .br-item { padding: 0px; } .br-header .header-actions .header-functions ul { display: none; } .br-header .header-actions .header-login { margin-left: var(--spacing-scale-base); } .br-header .header-actions .sign-in { --button-padding:0 var(--spacing-scale-2x); } .br-header .header-actions .avatar { align-items: center; display: flex; } .br-header .header-actions .avatar .br-list { min-width: 200px; right: 0px; top: 100%; } .br-header[data-no-functions] .header-actions .header-functions, .br-header[data-no-links] .header-actions .header-links, .br-header[data-no-login] .header-actions .header-login { display: none; } @media (min-width: 576px) { .br-header .header-actions .header-functions .br-list, .br-header .header-actions .header-links .br-list { background: var(--background); left: auto; right: 0px; } .br-header .header-actions .header-functions .br-notification, .br-header .header-actions .header-links .br-notification { width: 100vw; }} @media (min-width: 1280px) { .br-header .header-actions .header-functions [data-toggle="dropdown"], .br-header .header-actions .header-links [data-toggle="dropdown"] { display: none; } .br-header .header-actions .header-functions .br-list, .br-header .header-actions .header-links .br-list { box-shadow: none; display: flex; margin-right: var(--spacing-scale-2x); position: static; } .br-header .header-actions .header-functions .br-list .header, .br-header .header-actions .header-links .br-list .header { display: none; } .br-header .header-actions .header-functions .br-item, .br-header .header-actions .header-links .br-item { --focus-offset:var(--spacing-scale-half); --interactive-rgb:var(--interactive-light-rgb); color: var(--interactive-light); padding: 0px; } .br-header .header-actions .header-functions .br-item:not(:last-child), .br-header .header-actions .header-links .br-item:not(:last-child) { border-bottom: 0px; margin-right: var(--spacing-scale-3x); } .br-header .header-actions .header-functions .br-notification, .br-header .header-actions .header-links .br-notification { width: 50vw; } .br-header .header-actions .header-functions .br-list { margin-right: 0px; } .br-header .header-actions .header-functions .br-list .br-button { --button-size:var(--button-small); border-radius: 50%; color: var(--interactive); justify-content: center; padding: 0px; width: var(--button-size); } .br-header .header-actions .header-functions .br-list .br-button .text { display: none; } .br-header .header-actions .header-functions .br-item, .br-header .header-actions .header-functions .br-item:not(:last-child) { margin-right: var(--spacing-scale-base); } .br-header .header-actions .header-search-trigger { display: none; }} .br-header .header-menu { align-items: center; display: flex; flex: 1 1 0%; } .br-header .header-menu .header-menu-trigger + .header-info { margin-left: var(--spacing-scale-2x); } .br-header .header-menu .header-title { color: var(--color); font-size: var(--header-title-size); } .br-header .header-menu .header-subtitle { color: var(--color); display: none; font-size: var(--header-subtitle-size); font-weight: 500; margin-top: var(--spacing-scale-half); } .br-header[data-no-subtitle] .header-menu .header-subtitle { display: none; } @media (min-width: 576px) { .br-header .header-menu { --header-title-size:var(--font-size-scale-up-02); align-items: flex-start; } .br-header .header-menu .header-menu-trigger { margin-top: 3px; } .br-header .header-menu .header-info { padding-top: var(--spacing-scale-half); } .br-header .header-menu .header-subtitle { display: block; }} @media (min-width: 1280px) { .br-header .header-menu { --header-title-size:var(--font-size-scale-up-03); --header-subtitle-size:var(--font-size-scale-base); } .br-header .header-menu .header-info { padding-top: 0px; }} .br-header.compact .header-search, .br-header .header-search { align-items: center; background: var(--background); inset: 0px; display: none; padding: 0 var(--spacing-scale-2x); position: absolute; } .br-header.compact .header-search .br-input, .br-header .header-search .br-input { align-items: center; display: flex; flex: 1 1 0%; } .br-header.compact .header-search .br-input label, .br-header .header-search .br-input label { display: none; } .br-header.compact .header-search .br-input input, .br-header .header-search .br-input input { border-color: transparent; } .br-header.compact .header-search .br-input input:not(:focus), .br-header .header-search .br-input input:not(:focus) { background: var(--gray-2); } .br-header.compact .header-search .br-input .br-button, .br-header.compact .header-search .br-input .icon, .br-header .header-search .br-input .br-button, .br-header .header-search .br-input .icon { --focus-offset:0; bottom: auto; right: 4px; top: auto; } .br-header.compact .header-search .search-close, .br-header .header-search .search-close { --focus-offset:calc(var(--spacing-scale-half)*-1); display: none; } .br-header.compact .header-search.active, .br-header .header-search.active { display: flex; } .br-header.compact .header-search.active .search-close, .br-header .header-search.active .search-close { display: inline-flex; } .br-header[data-no-search] .header-search { display: none; } @media (min-width: 1280px) { .br-header .header-search { display: flex; padding: 0px; position: static; } .br-header .header-search.active .search-close { display: none; } .br-header .br-input { min-width: 385px; }} .br-header .br-input.has-icon .br-button.circle { margin-top: 0px; position: absolute; right: 4px; } .br-header.compact { --header-logo-size:var(--header-logo-small); --header-padding:var(--header-padding-small); } .br-header.compact .header-actions .header-search-trigger { display: block; } @media (min-width: 576px) { .br-header.compact .container-lg { position: relative; } .br-header.compact .header-top { display: block; } .br-header.compact .header-logo { --header-logo-size:var(--header-logo-small); float: left; } .br-header.compact .header-logo .br-divider, .br-header.compact .header-sign { display: none; } .br-header.compact .header-actions { float: right; margin-top: var(--spacing-scale-2x); position: relative; } .br-header.compact .header-bottom { clear: left; } .br-header.compact .header-menu { --header-title-size:var(--font-size-scale-up-01); } .br-header.compact .header-menu .header-menu-trigger { margin-top: 0px; }} @media (min-width: 1280px) { .br-header.compact .header-menu { --header-title-size:var(--font-size-scale-up-02); }} .br-header[data-sticky] { position: sticky; top: 0px; z-index: var(--z-index-layer-2); } .br-header[data-sticky], .br-header[data-sticky] .header-actions, .br-header[data-sticky] .header-logo img, .br-header[data-sticky] .header-menu-trigger, .br-header[data-sticky] .header-title { transition: all 0.15s ease 0s; } .br-header[data-sticky] .header-logo img { margin-right: var(--spacing-scale-base); } .br-input { --input-button-margin:var(--spacing-scale-half); --input-padding:0 var(--spacing-scale-2x); --input-padding-button:var(--spacing-scale-5x); --input-padding-icon:var(--spacing-scale-5x); --input-size:var(--input-medium); --input-small:32px; --input-medium:40px; --input-large:48px; --input-highlight:56px; --color:var(--color-light); --color-rgb:var(--color-light-rgb); --text-color:var(--color-light); --interactive:var(--interactive-light); --interactive-rgb:var(--interactive-light-rgb); --visited:var(--visited-light); --hover:var(--hover-light); --pressed:var(--pressed-light); --focus-color:var(--focus-color-light); --focus:var(--focus-color-light); color: var(--color); position: relative; } .br-input input { background-color: var(--background-light); border-radius: var(--surface-rounder-sm); border: var(--border-width) var(--border-style) var(--border-color-alternative); color: var(--color-light); display: block; font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-medium); height: var(--input-size); margin-top: var(--spacing-scale-half); padding-bottom: 0px; padding-left: var(--spacing-scale-2x); padding-right: var(--spacing-scale-2x); padding-top: 0px; width: 100%; } .br-input input[type="search"]::-webkit-search-cancel-button, .br-input input[type="search"]::-webkit-search-decoration, .br-input input[type="search"]::-webkit-search-results-button, .br-input input[type="search"]::-webkit-search-results-decoration { appearance: none; } .br-input.input-inline { display: flex; } .br-input.input-inline .input-label { margin-right: var(--spacing-scale-baseh); margin-top: calc(var(--input-size)*0.5 - var(--spacing-scale-half)); } .br-input.input-inline .input-content { flex: 1 1 0%; } .br-input .input-group { position: relative; } .br-input .input-icon { align-items: center; color: var(--border-color-alternative); display: flex; height: var(--input-size); margin-left: var(--spacing-scale-baseh); position: absolute; } .br-input .input-icon + input { padding-left: var(--input-padding-icon); } .br-input .br-button { --button-size:var(--button-small); --color:var(--color-light); --color-rgb:var(--color-light-rgb); --text-color:var(--color-light); --interactive:var(--interactive-light); --interactive-rgb:var(--interactive-light-rgb); --visited:var(--visited-light); --hover:var(--hover-light); --pressed:var(--pressed-light); --focus-color:var(--focus-color-light); --focus:var(--focus-color-light); border-radius: 50%; float: right; margin-right: var(--input-button-margin); margin-top: calc(var(--input-size)*-1 + var(--spacing-scale-half)*-1); padding: 0px; position: relative; transform: translateY(calc(var(--input-size)*0.5 - var(--button-size)*0.5)); width: var(--button-size); } .br-input.input-button input { padding-right: var(--input-padding-button); } .br-input.has-icon input { padding-right: var(--input-padding-icon); } .br-input.has-icon .br-button.circle { float: right; margin-right: var(--spacing-scale-half); margin-top: calc(var(--button-size)*-1 + var(--spacing-scale-half)*-1 + var(--spacing-scale-half)*-1); transform: translateY(0px); } .br-input.has-icon.small .br-button.circle { margin-top: calc(var(--button-size)*-1 + var(--spacing-scale-base)*-1); } .br-input.has-icon.large .br-button.circle { margin-top: calc(var(--button-size)*-1); } .br-input.input-highlight { --input-button-margin:var(--spacing-scale-2x); --input-padding:0 var(--spacing-scale-3x); --input-padding-button:var(--spacing-scale-7x); --input-padding-icon:var(--spacing-scale-7x); --input-size:var(--input-highlight); } .br-input.input-highlight input { background-color: var(--gray-2); border-color: transparent; padding-left: var(--spacing-scale-3x); padding-right: var(--spacing-scale-3x); } .br-input.input-highlight .input-icon { margin-left: var(--spacing-scale-3x); } .br-input.input-highlight .input-icon + input { padding-left: var(--spacing-scale-7x); } .br-input .br-list { box-shadow: var(--surface-shadow-md); max-height: 530px; overflow: auto; position: absolute; width: 100%; z-index: var(--z-index-layer-2); } .br-input .br-list::-webkit-scrollbar { height: var(--spacing-scale-base); width: var(--spacing-scale-base); } .br-input .br-list::-webkit-scrollbar-track { background: var(--gray-10); } .br-input .br-list::-webkit-scrollbar-thumb { background: var(--gray-30); } .br-input .br-list:hover::-webkit-scrollbar-thumb { background: var(--gray-40); } .br-input .br-list .br-item { --item-padding-y:var(--spacing-scale-2x); } .br-input .br-list .br-item:not(:disabled):hover { background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); } .br-input .br-list .br-item:not(:first-child) { border-top: var(--surface-width-sm) solid var(--border-color); } .br-input.success input, .br-input[data-success] input { border-color: var(--success); border-width: 2px; } .br-input.danger input, .br-input[data-danger] input { border-color: var(--danger); border-width: 2px; } .br-input.warning input, .br-input[data-warning] input { border-color: var(--warning); border-width: 2px; } .br-input.info input, .br-input[data-info] input { border-color: var(--info); border-width: 2px; } .br-input input:not(:disabled):hover { background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); } .br-input input.focus-visible, .br-input input:focus, .br-input input:focus-visible { box-shadow: 0 0 0 var(--surface-width-md) var(--focus); outline: none; border-color: var(--focus) !important; } .br-input .feedback { margin-bottom: var(--spacing-scale-half); } .br-input.small, .br-input[data-small] { --input-size:var(--input-small); } .br-input.medium, .br-input[data-medium] { --input-size:var(--input-medium); } .br-input.large, .br-input[data-large] { --input-size:var(--input-large); } .br-input.dark-mode, .br-input.dark-mode label, .br-input.inverted, .br-input.inverted label { --color:var(--color-dark); --focus-color:var(--focus-color-dark); } .br-item { background: var(--background); --item-padding-x:var(--spacing-scale-2x); --item-padding-y:var(--spacing-scale-base); --item-padding:var(--item-padding-y) var(--item-padding-x); --focus-offset:calc(var(--focus-width)*-1); border: 0px; color: var(--color); display: block; font-weight: var(--font-weight); padding: var(--item-padding); text-align: left; width: 100%; } .br-item .row { margin-left: calc(var(--spacing-scale-base)*-1); margin-right: calc(var(--spacing-scale-base)*-1); } .br-item .row .col, .br-item .row [class*="col-"] { padding-left: var(--spacing-scale-base); padding-right: var(--spacing-scale-base); } .br-item::after { clear: both; content: ""; display: block; } .br-item[data-toggle] { cursor: pointer; } .br-item[data-toggle="selection"]:not(:disabled):hover { background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); } .br-item > .br-checkbox:not(.hidden-label), .br-item > .br-radio:not(.hidden-label) { margin: calc(var(--item-padding-y)*-1) calc(var(--item-padding-x)*-1); } .br-item > .br-checkbox:not(.hidden-label) input + label, .br-item > .br-radio:not(.hidden-label) input + label { padding-bottom: var(--item-padding-y); padding-top: var(--item-padding-y); top: 1px; width: 100%; } .br-item > .br-checkbox:not(.hidden-label) input + label::before, .br-item > .br-radio:not(.hidden-label) input + label::before { left: var(--item-padding-x); top: calc(var(--item-padding-y) - 1px); } .br-item > .br-checkbox:not(.hidden-label) input + label:empty, .br-item > .br-radio:not(.hidden-label) input + label:empty { left: 0px; top: 1px; } .br-item > .br-checkbox:not(.hidden-label) input:hover:not(:disabled) + label::before, .br-item > .br-radio:not(.hidden-label) input:hover:not(:disabled) + label::before { background-image: none; } .br-item > .br-checkbox input:not(:indeterminate) + label { min-height: calc(var(--checkbox-size) + var(--item-padding-y)*2); } .br-item > .br-checkbox input:not(:indeterminate) + label:not(:empty) { padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x)); } .br-item > .br-checkbox input:not(:indeterminate) + label::after { left: calc(var(--item-padding-x) + 8px); top: calc(var(--item-padding-y) + 4px); } .br-item > .br-checkbox input:not(:indeterminate) + label:empty { min-height: var(--checkbox-size); } .br-item > .br-checkbox input:not(:indeterminate) + label:empty::after { left: 8px; top: 4px; } .br-item .br-radio input + label { min-height: calc(var(--radio-size) + var(--item-padding-y)*2); padding-left: calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x)); } .br-item .br-radio input + label::after { left: calc(var(--item-padding-x) + var(--radio-bullet-position)); top: calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px); } .br-item .br-radio input + label:empty { min-height: var(--radio-size); } .br-item .br-radio input + label:empty::after { left: var(--radio-bullet-position); top: var(--radio-bullet-position); } .br-item.highlight, .br-item.primary-darken-01, .br-item.primary-darken-02, .br-item.primary-default, .br-item.primary-lighten-01, .br-item.primary-lighten-02, .br-item.secondary-06, .br-item.secondary-07, .br-item.secondary-08, .br-item.secondary-09, .br-item.selected, .br-item.support-01, .br-item.support-03, .br-item.support-04, .br-item.support-07, .br-item.support-08 { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } .br-item.selected { background-color: var(--selected); } .br-item.active { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); background-color: var(--active); color: var(--color); } .br-item.active, .br-item.dark-mode, .br-item.inverted { --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } .br-item.dark-mode, .br-item.inverted { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); } .br-item.dark-mode.active, .br-item.inverted.active { --color:var(--color-light); --color-rgb:var(--color-light-rgb); --text-color:var(--color-light); --interactive:var(--interactive-light); --interactive-rgb:var(--active-rgb); --visited:var(--visited-light); --hover:var(--hover-light); --pressed:var(--pressed-light); --focus-color:var(--focus-color-light); --focus:var(--focus-color-light); background-color: var(--background-light); color: var(--active); } .br-item[data-toggle]:not(:disabled):hover { background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); } .br-item[data-toggle] .content i { color: var(--interactive); } .br-item .content { align-items: center; display: flex; } .br-item [class*="fa-"] { height: 16px; width: 14px !important; } .br-item .toogle-icon-interactive, a.br-item { color: var(--interactive); } a.br-item:not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } a.br-item:not(:disabled):active { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed))); } button.br-item { background-color: transparent; color: var(--color); } button.br-item:focus { outline: none; } button.br-item.focus-visible, button.br-item:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } button.br-item:not(:disabled):hover { background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); } button.br-item:not(:disabled):active { background-image: linear-gradient(rgba(var(--color-rgb),var(--pressed)),rgba(var(--color-rgb),var(--pressed))); } .br-list { background-color: var(--background); } .br-list.horizontal { display: flex; flex-wrap: wrap; } .br-list.horizontal > .header { flex-grow: 1; width: 100%; } .br-list.horizontal > .header + .br-divider { border-top: 1px solid var(--border-color); width: 100%; } .br-list.horizontal > .br-item, .br-list.horizontal > .group { flex: 1 1 0%; height: auto; min-height: 56px; width: auto; } .br-list.horizontal > .br-item + .br-divider, .br-list.horizontal > .group + .br-divider { border-width: 0px 1px 0px 0px; width: 1px; } .br-list.horizontal > .br-item.one-line > .content, .br-list.horizontal > .group.one-line > .content { height: 56px; } .br-list.horizontal > .br-item.two-lines > .content, .br-list.horizontal > .group.two-lines > .content { height: 72px; } .br-list.horizontal > .br-item.three-lines > .content, .br-list.horizontal > .group.three-lines > .content { height: 6em; } .br-list.horizontal.toggle > .br-item, .br-list.horizontal[data-toggle] > .br-item { display: block; } .br-list .br-item { text-align: left; width: 100%; } .br-list .br-item .fa, .br-list .br-item .fab, .br-list .br-item .fad, .br-list .br-item .fal, .br-list .br-item .far, .br-list .br-item .fas, .br-list .br-item .svg-inline--fa { text-align: center; } .br-list .br-item > .content { align-items: var(--spacing-vertical-top); display: flex; } .br-list .br-item > .content > .content { flex: 1 1 0%; } .br-list .br-item .content:hover button.br-button { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-list .br-item[data-toggle] { cursor: pointer; } .br-list .br-item[data-toggle] ~ .br-list .br-item { padding: var(--spacing-scale-base) var(--spacing-scale-3x); } .br-list .br-list { overflow: hidden; transition: all 0.4s ease-in-out 0s; } .br-list .header { align-items: var(--spacing-vertical-center); display: flex; font-size: var(--font-size-scale-base); font-weight: var(--font-weight-bold); justify-content: space-between; padding: var(--spacing-scale-base) var(--spacing-scale-2x); } .br-list[data-one-line] .br-item, .br-list[data-one-line] .br-list .br-item { height: 2em; } .br-list[data-one-line] .br-item .content, .br-list[data-one-line] .br-list .br-item .content { height: auto; overflow: hidden; padding: 0 var(--spacing-scale-2x); text-overflow: unset; white-space: normal; } .br-list[data-two-lines] .br-item, .br-list[data-two-lines] .br-list .br-item { height: 4em; } .br-list[data-two-lines] .br-item .content, .br-list[data-two-lines] .br-list .br-item .content { height: auto; overflow: hidden; padding: 0 var(--spacing-scale-2x); text-overflow: unset; white-space: normal; } .br-list[data-three-lines] .br-item, .br-list[data-three-lines] .br-list .br-item { height: 6em; } .br-list[data-three-lines] .br-item .content, .br-list[data-three-lines] .br-list .br-item .content { height: auto; overflow: hidden; padding: 0 var(--spacing-scale-2x); text-overflow: unset; white-space: normal; } .br-menu { --menu-zindex:var(--z-index-layer-3); --menu-background-submenu:var(--gray-2); --menu-logo:40px; --menu-item-ng:var(--menu-item-medium); --menu-item-padding:var(--menu-item-medium); --menu-item-small:var(--spacing-scale-base); --menu-item-medium:var(--spacing-scale-2x); --menu-item-large:var(--spacing-scale-3x); } .br-menu .menu-container { display: none; } .br-menu .menu-scrim { background: var(--surface-overlay-scrim); inset: 0px; } .br-menu .menu-panel { --focus-offset:calc(var(--spacing-scale-half)*-1); background: var(--background); display: flex; flex-direction: column; height: 100vh; } .br-menu.active .menu-container { inset: 0px; display: flex; position: fixed; z-index: var(--menu-zindex); } .br-menu.active .menu-panel { flex: 1 1 0%; overflow: auto; position: relative; z-index: calc(var(--menu-zindex) + 1); } .br-menu.active .menu-scrim { position: absolute; } .br-menu .menu-header { align-items: center; border-bottom: 1px solid var(--border-color); display: flex; padding: var(--spacing-scale-base) var(--spacing-scale-base); } .br-menu .menu-header .menu-title { align-items: center; display: flex; flex: 1 1 0%; margin-left: var(--spacing-scale-base); } .br-menu .menu-header .menu-title img { max-height: var(--menu-logo); } .br-menu .menu-header .menu-title img + * { margin-left: var(--spacing-scale-base); } .br-menu .menu-body li, .br-menu .menu-body ul { margin: 0px; padding: 0px; } .br-menu .menu-body ul { list-style: none; } .br-menu .menu-body .menu-folder > ul > li:last-child > .menu-item, .br-menu .menu-body > .divider { border-bottom: 1px solid var(--border-color); } .br-menu .menu-body .menu-folder > .menu-item + ul { background: var(--menu-background-submenu); } .br-menu .menu-body .menu-folder > .menu-item + ul .menu-item { padding-left: var(--spacing-scale-5x); } .br-menu .menu-body .drop-menu > .menu-item { border-bottom: 1px solid var(--border-color); } .br-menu .menu-body .drop-menu.active > .menu-item { border-bottom: 0px; } .br-menu .menu-body .drop-menu > ul { background: var(--menu-background-submenu); display: none; } .br-menu .menu-body .drop-menu.active > .menu-item:not(:hover) { background-color: var(--background); } .br-menu .menu-body .drop-menu.active > .menu-item .support .fa, .br-menu .menu-body .drop-menu.active > .menu-item .support .fab, .br-menu .menu-body .drop-menu.active > .menu-item .support .fad, .br-menu .menu-body .drop-menu.active > .menu-item .support .fal, .br-menu .menu-body .drop-menu.active > .menu-item .support .far, .br-menu .menu-body .drop-menu.active > .menu-item .support .fas, .br-menu .menu-body .drop-menu.active > .menu-item .support .svg-inline--fa { transform: rotate(180deg); } .br-menu .menu-body .drop-menu.active > ul { display: block; } .br-menu .menu-footer > :not(:last-child) { border-bottom: 1px solid var(--border-color); } .br-menu .menu-footer .menu-logos { column-gap: var(--spacing-scale-2x); display: grid; grid-template-columns: 1fr 1fr 1fr; padding: var(--spacing-scale-base) var(--spacing-scale-5x); row-gap: var(--spacing-scale-2x); } .br-menu .menu-footer .menu-links { --focus-offset:var(--spacing-scale-half); padding: var(--spacing-scale-2x) var(--spacing-scale-5x); } .br-menu .menu-footer .menu-links a { display: block; } .br-menu .menu-footer .menu-links a:not(:last-child) { margin-bottom: var(--spacing-scale-2x); } .br-menu .menu-footer .menu-links a:not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-menu .menu-footer .menu-social, .br-menu .menu-footer .social-network { padding: var(--spacing-scale-base) var(--spacing-scale-5x); } .br-menu .menu-footer .menu-social .social-network-title, .br-menu .menu-footer .social-network .social-network-title { font-weight: var(--font-weight-semi-bold); margin-bottom: var(--spacing-scale-half); } .br-menu .menu-footer .menu-social .sharegroup, .br-menu .menu-footer .social-network .sharegroup { display: flex; } .br-menu .menu-footer .menu-info { padding: var(--spacing-scale-2x); } .br-menu .menu-item { --focus-offset:calc(var(--spacing-scale-half)*-1); background: transparent; display: flex; padding: var(--menu-item-padding) var(--spacing-scale-2x); } .br-menu .menu-item .icon { margin-right: var(--spacing-scale-2x); } .br-menu .menu-item .content { flex: 1 1 0%; } .br-menu a.menu-item { color: var(--interactive); } .br-menu .side-menu > ul { background: var(--menu-background-submenu); display: none; } .br-menu .side-menu.active > .menu-item { --interactive:var(--active); --interactive-rgb:var(--active-rgb); background-color: var(--background); flex-direction: row-reverse; font-weight: var(--font-weight-semi-bold); } .br-menu .side-menu.active > .menu-item .icon { margin-right: 0px; } .br-menu .side-menu.active > .menu-item .support { margin-right: var(--spacing-scale-2x); } .br-menu .side-menu.active > .menu-item .support .fa, .br-menu .side-menu.active > .menu-item .support .fab, .br-menu .side-menu.active > .menu-item .support .fad, .br-menu .side-menu.active > .menu-item .support .fal, .br-menu .side-menu.active > .menu-item .support .far, .br-menu .side-menu.active > .menu-item .support .fas, .br-menu .side-menu.active > .menu-item .support .svg-inline--fa { transform: rotate(180deg); } .br-menu .side-menu.active > ul { display: block; } .br-menu .side-menu.active .menu-item { padding-left: var(--spacing-scale-2x) !important; } .br-menu.small .menu-item { --menu-item-padding:var(--menu-item-small); } .br-menu.medium .menu-item { --menu-item-padding:var(--menu-item-medium); } .br-menu.large .menu-item { --menu-item-padding:var(--menu-item-large); } .br-menu.push .menu-scrim, .br-menu.push .menu-trigger { display: none; } @media (min-width: 576px) { .br-menu.push { --menu-zindex:var(--z-index-layer-0); }} @media (min-width: 576px) { .br-menu.push .menu-footer, .br-menu.push .menu-header { display: none; } .br-menu.push .menu-header[data-visible="true"] { display: flex; } .br-menu.push .menu-footer[data-visible="true"] { display: block; } .br-menu.push .menu-panel { height: auto; } .br-menu.push .menu-scrim { display: none; } .br-menu.push.active .menu-container { position: static; }} .br-menu.contextual { --menu-zindex:calc(var(--z-index-layer-3) - 10); overflow: auto; } .br-menu.contextual .menu-body .menu-folder > .menu-item + ul .menu-item { padding-left: var(--spacing-scale-2x); } .br-menu.contextual .menu-body .menu-folder > ul > li:last-child > .menu-item { border-bottom: 0px; } .br-menu.contextual .menu-trigger { bottom: 0px; left: 0px; position: fixed; right: 0px; z-index: calc(var(--menu-zindex) - 1); } .br-menu.contextual .menu-trigger .br-button { --button-radius:0; } .br-menu.contextual .menu-container { display: none; flex-direction: column-reverse; position: static; } .br-menu.contextual .menu-panel { height: auto; } .br-menu.contextual.active { bottom: 0px; display: flex; flex-direction: column; height: 100vh; justify-content: flex-end; left: 0px; position: fixed; right: 0px; z-index: var(--menu-zindex); } .br-menu.contextual.active .menu-trigger { position: relative; z-index: calc(var(--menu-zindex) + 1); } .br-menu.contextual.active .menu-trigger .fa, .br-menu.contextual.active .menu-trigger .fab, .br-menu.contextual.active .menu-trigger .fad, .br-menu.contextual.active .menu-trigger .fal, .br-menu.contextual.active .menu-trigger .far, .br-menu.contextual.active .menu-trigger .fas, .br-menu.contextual.active .menu-trigger .svg-inline--fa { transform: rotate(180deg); } .br-menu.contextual.active .menu-container { display: flex; overflow: auto; } @media (min-width: 992px) { .br-menu.contextual .menu-trigger { display: none; position: absolute; } .br-menu.contextual .menu-container { display: block; } .br-menu.contextual.active { height: 100%; position: absolute; }} .br-menu .menu-item[hidden] { display: none; } .br-menu .menu-item:disabled { cursor: not-allowed; opacity: var(--disabled); } .br-menu .menu-item:disabled * { pointer-events: none; } .br-menu a.menu-item:not(:disabled).active { --interactive:var(--color-dark); --interactive-rgb:var(--color-dark-rgb); background-color: var(--active); } .br-menu a.menu-item:not(:disabled).active:focus { outline-color: var(--focus-color-dark); } .br-menu a.menu-item:not(:disabled):not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-loading, .loading { --loading-size:var(--loading-indetermined-diameter-sm); --loading-diameter:84px; --loading-stroke:5px; --loading-indetermined-color:var(--interactive); --loading-indetermined-diameter-md:44px; --loading-indetermined-diameter-sm:24px; position: relative; z-index: var(--z-index-layer-4); } .br-loading[data-progress]:not(:empty), .loading[data-progress]:not(:empty) { background-color: var(--border-color); border-radius: 50%; } .br-loading[data-progress]:not(:empty)::before, .loading[data-progress]:not(:empty)::before { content: none; } .br-loading[data-progress]::after, .loading[data-progress]::after { --loading-size:calc(var(--loading-diameter) - var(--loading-stroke)*2); background: var(--background); border-radius: 50%; color: var(--interactive); content: attr(data-progress) "%"; font-size: var(--font-size-scale-up-02); font-weight: var(--font-weight-semi-bold); height: var(--loading-size); line-height: var(--loading-size); margin: var(--loading-stroke); position: absolute; text-align: center; width: var(--loading-size); } .br-loading[data-progress] .br-loading-fill, .br-loading[data-progress] .br-loading-mask, .br-loading[data-progress].loading-fill, .br-loading[data-progress].loading-mask, .loading[data-progress] .br-loading-fill, .loading[data-progress] .br-loading-mask, .loading[data-progress].loading-fill, .loading[data-progress].loading-mask { backface-visibility: hidden; border-radius: 50%; clip: rect(0,var(--loading-diameter),var(--loading-diameter),calc(var(--loading-diameter)*0.5)); height: var(--loading-diameter); overflow: hidden; position: absolute; width: var(--loading-diameter); } .br-loading[data-progress] .br-loading-fill, .br-loading[data-progress].loading-fill, .loading[data-progress] .br-loading-fill, .loading[data-progress].loading-fill { background: var(--interactive); clip: rect(0,calc(var(--loading-diameter)*0.5),var(--loading-diameter),0); } .br-loading::before, .loading::before { animation: 1.3s linear 0s infinite normal none running spinAround; border-radius: 50%; border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: 2px solid transparent; content: ""; display: block; left: calc(50% - var(--loading-size)*0.5); position: absolute; top: calc(50% - var(--loading-size)*0.5); } .br-loading::before, .br-loading:not(.br-button), .loading::before, .loading:not(.br-button) { height: var(--loading-size); width: var(--loading-size); } .br-loading:not(.br-button).medium, .loading:not(.br-button).medium { --loading-size:var(--loading-indetermined-diameter-md); } .br-loading:not(.br-button).medium::before, .loading:not(.br-button).medium::before { border-width: 4px; } .br-loading:not(.br-button)[data-progress], .loading:not(.br-button)[data-progress] { --loading-size:var(--loading-diameter); } .br-loading:not(.br-button)[data-progress]::before, .loading:not(.br-button)[data-progress]::before { border-width: var(--loading-stroke); } .br-loading[data-progress="1"] .br-loading-fill, .br-loading[data-progress="1"] .br-loading-mask.full, .loading[data-progress="1"] .br-loading-fill, .loading[data-progress="1"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(1.8deg); } .br-loading[data-progress="2"] .br-loading-fill, .br-loading[data-progress="2"] .br-loading-mask.full, .loading[data-progress="2"] .br-loading-fill, .loading[data-progress="2"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(3.6deg); } .br-loading[data-progress="3"] .br-loading-fill, .br-loading[data-progress="3"] .br-loading-mask.full, .loading[data-progress="3"] .br-loading-fill, .loading[data-progress="3"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(5.4deg); } .br-loading[data-progress="4"] .br-loading-fill, .br-loading[data-progress="4"] .br-loading-mask.full, .loading[data-progress="4"] .br-loading-fill, .loading[data-progress="4"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(7.2deg); } .br-loading[data-progress="5"] .br-loading-fill, .br-loading[data-progress="5"] .br-loading-mask.full, .loading[data-progress="5"] .br-loading-fill, .loading[data-progress="5"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(9deg); } .br-loading[data-progress="6"] .br-loading-fill, .br-loading[data-progress="6"] .br-loading-mask.full, .loading[data-progress="6"] .br-loading-fill, .loading[data-progress="6"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(10.8deg); } .br-loading[data-progress="7"] .br-loading-fill, .br-loading[data-progress="7"] .br-loading-mask.full, .loading[data-progress="7"] .br-loading-fill, .loading[data-progress="7"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(12.6deg); } .br-loading[data-progress="8"] .br-loading-fill, .br-loading[data-progress="8"] .br-loading-mask.full, .loading[data-progress="8"] .br-loading-fill, .loading[data-progress="8"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(14.4deg); } .br-loading[data-progress="9"] .br-loading-fill, .br-loading[data-progress="9"] .br-loading-mask.full, .loading[data-progress="9"] .br-loading-fill, .loading[data-progress="9"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(16.2deg); } .br-loading[data-progress="10"] .br-loading-fill, .br-loading[data-progress="10"] .br-loading-mask.full, .loading[data-progress="10"] .br-loading-fill, .loading[data-progress="10"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(18deg); } .br-loading[data-progress="11"] .br-loading-fill, .br-loading[data-progress="11"] .br-loading-mask.full, .loading[data-progress="11"] .br-loading-fill, .loading[data-progress="11"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(19.8deg); } .br-loading[data-progress="12"] .br-loading-fill, .br-loading[data-progress="12"] .br-loading-mask.full, .loading[data-progress="12"] .br-loading-fill, .loading[data-progress="12"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(21.6deg); } .br-loading[data-progress="13"] .br-loading-fill, .br-loading[data-progress="13"] .br-loading-mask.full, .loading[data-progress="13"] .br-loading-fill, .loading[data-progress="13"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(23.4deg); } .br-loading[data-progress="14"] .br-loading-fill, .br-loading[data-progress="14"] .br-loading-mask.full, .loading[data-progress="14"] .br-loading-fill, .loading[data-progress="14"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(25.2deg); } .br-loading[data-progress="15"] .br-loading-fill, .br-loading[data-progress="15"] .br-loading-mask.full, .loading[data-progress="15"] .br-loading-fill, .loading[data-progress="15"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(27deg); } .br-loading[data-progress="16"] .br-loading-fill, .br-loading[data-progress="16"] .br-loading-mask.full, .loading[data-progress="16"] .br-loading-fill, .loading[data-progress="16"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(28.8deg); } .br-loading[data-progress="17"] .br-loading-fill, .br-loading[data-progress="17"] .br-loading-mask.full, .loading[data-progress="17"] .br-loading-fill, .loading[data-progress="17"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(30.6deg); } .br-loading[data-progress="18"] .br-loading-fill, .br-loading[data-progress="18"] .br-loading-mask.full, .loading[data-progress="18"] .br-loading-fill, .loading[data-progress="18"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(32.4deg); } .br-loading[data-progress="19"] .br-loading-fill, .br-loading[data-progress="19"] .br-loading-mask.full, .loading[data-progress="19"] .br-loading-fill, .loading[data-progress="19"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(34.2deg); } .br-loading[data-progress="20"] .br-loading-fill, .br-loading[data-progress="20"] .br-loading-mask.full, .loading[data-progress="20"] .br-loading-fill, .loading[data-progress="20"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(36deg); } .br-loading[data-progress="21"] .br-loading-fill, .br-loading[data-progress="21"] .br-loading-mask.full, .loading[data-progress="21"] .br-loading-fill, .loading[data-progress="21"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(37.8deg); } .br-loading[data-progress="22"] .br-loading-fill, .br-loading[data-progress="22"] .br-loading-mask.full, .loading[data-progress="22"] .br-loading-fill, .loading[data-progress="22"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(39.6deg); } .br-loading[data-progress="23"] .br-loading-fill, .br-loading[data-progress="23"] .br-loading-mask.full, .loading[data-progress="23"] .br-loading-fill, .loading[data-progress="23"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(41.4deg); } .br-loading[data-progress="24"] .br-loading-fill, .br-loading[data-progress="24"] .br-loading-mask.full, .loading[data-progress="24"] .br-loading-fill, .loading[data-progress="24"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(43.2deg); } .br-loading[data-progress="25"] .br-loading-fill, .br-loading[data-progress="25"] .br-loading-mask.full, .loading[data-progress="25"] .br-loading-fill, .loading[data-progress="25"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(45deg); } .br-loading[data-progress="26"] .br-loading-fill, .br-loading[data-progress="26"] .br-loading-mask.full, .loading[data-progress="26"] .br-loading-fill, .loading[data-progress="26"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(46.8deg); } .br-loading[data-progress="27"] .br-loading-fill, .br-loading[data-progress="27"] .br-loading-mask.full, .loading[data-progress="27"] .br-loading-fill, .loading[data-progress="27"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(48.6deg); } .br-loading[data-progress="28"] .br-loading-fill, .br-loading[data-progress="28"] .br-loading-mask.full, .loading[data-progress="28"] .br-loading-fill, .loading[data-progress="28"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(50.4deg); } .br-loading[data-progress="29"] .br-loading-fill, .br-loading[data-progress="29"] .br-loading-mask.full, .loading[data-progress="29"] .br-loading-fill, .loading[data-progress="29"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(52.2deg); } .br-loading[data-progress="30"] .br-loading-fill, .br-loading[data-progress="30"] .br-loading-mask.full, .loading[data-progress="30"] .br-loading-fill, .loading[data-progress="30"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(54deg); } .br-loading[data-progress="31"] .br-loading-fill, .br-loading[data-progress="31"] .br-loading-mask.full, .loading[data-progress="31"] .br-loading-fill, .loading[data-progress="31"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(55.8deg); } .br-loading[data-progress="32"] .br-loading-fill, .br-loading[data-progress="32"] .br-loading-mask.full, .loading[data-progress="32"] .br-loading-fill, .loading[data-progress="32"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(57.6deg); } .br-loading[data-progress="33"] .br-loading-fill, .br-loading[data-progress="33"] .br-loading-mask.full, .loading[data-progress="33"] .br-loading-fill, .loading[data-progress="33"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(59.4deg); } .br-loading[data-progress="34"] .br-loading-fill, .br-loading[data-progress="34"] .br-loading-mask.full, .loading[data-progress="34"] .br-loading-fill, .loading[data-progress="34"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(61.2deg); } .br-loading[data-progress="35"] .br-loading-fill, .br-loading[data-progress="35"] .br-loading-mask.full, .loading[data-progress="35"] .br-loading-fill, .loading[data-progress="35"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(63deg); } .br-loading[data-progress="36"] .br-loading-fill, .br-loading[data-progress="36"] .br-loading-mask.full, .loading[data-progress="36"] .br-loading-fill, .loading[data-progress="36"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(64.8deg); } .br-loading[data-progress="37"] .br-loading-fill, .br-loading[data-progress="37"] .br-loading-mask.full, .loading[data-progress="37"] .br-loading-fill, .loading[data-progress="37"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(66.6deg); } .br-loading[data-progress="38"] .br-loading-fill, .br-loading[data-progress="38"] .br-loading-mask.full, .loading[data-progress="38"] .br-loading-fill, .loading[data-progress="38"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(68.4deg); } .br-loading[data-progress="39"] .br-loading-fill, .br-loading[data-progress="39"] .br-loading-mask.full, .loading[data-progress="39"] .br-loading-fill, .loading[data-progress="39"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(70.2deg); } .br-loading[data-progress="40"] .br-loading-fill, .br-loading[data-progress="40"] .br-loading-mask.full, .loading[data-progress="40"] .br-loading-fill, .loading[data-progress="40"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(72deg); } .br-loading[data-progress="41"] .br-loading-fill, .br-loading[data-progress="41"] .br-loading-mask.full, .loading[data-progress="41"] .br-loading-fill, .loading[data-progress="41"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(73.8deg); } .br-loading[data-progress="42"] .br-loading-fill, .br-loading[data-progress="42"] .br-loading-mask.full, .loading[data-progress="42"] .br-loading-fill, .loading[data-progress="42"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(75.6deg); } .br-loading[data-progress="43"] .br-loading-fill, .br-loading[data-progress="43"] .br-loading-mask.full, .loading[data-progress="43"] .br-loading-fill, .loading[data-progress="43"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(77.4deg); } .br-loading[data-progress="44"] .br-loading-fill, .br-loading[data-progress="44"] .br-loading-mask.full, .loading[data-progress="44"] .br-loading-fill, .loading[data-progress="44"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(79.2deg); } .br-loading[data-progress="45"] .br-loading-fill, .br-loading[data-progress="45"] .br-loading-mask.full, .loading[data-progress="45"] .br-loading-fill, .loading[data-progress="45"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(81deg); } .br-loading[data-progress="46"] .br-loading-fill, .br-loading[data-progress="46"] .br-loading-mask.full, .loading[data-progress="46"] .br-loading-fill, .loading[data-progress="46"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(82.8deg); } .br-loading[data-progress="47"] .br-loading-fill, .br-loading[data-progress="47"] .br-loading-mask.full, .loading[data-progress="47"] .br-loading-fill, .loading[data-progress="47"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(84.6deg); } .br-loading[data-progress="48"] .br-loading-fill, .br-loading[data-progress="48"] .br-loading-mask.full, .loading[data-progress="48"] .br-loading-fill, .loading[data-progress="48"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(86.4deg); } .br-loading[data-progress="49"] .br-loading-fill, .br-loading[data-progress="49"] .br-loading-mask.full, .loading[data-progress="49"] .br-loading-fill, .loading[data-progress="49"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(88.2deg); } .br-loading[data-progress="50"] .br-loading-fill, .br-loading[data-progress="50"] .br-loading-mask.full, .loading[data-progress="50"] .br-loading-fill, .loading[data-progress="50"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(90deg); } .br-loading[data-progress="51"] .br-loading-fill, .br-loading[data-progress="51"] .br-loading-mask.full, .loading[data-progress="51"] .br-loading-fill, .loading[data-progress="51"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(91.8deg); } .br-loading[data-progress="52"] .br-loading-fill, .br-loading[data-progress="52"] .br-loading-mask.full, .loading[data-progress="52"] .br-loading-fill, .loading[data-progress="52"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(93.6deg); } .br-loading[data-progress="53"] .br-loading-fill, .br-loading[data-progress="53"] .br-loading-mask.full, .loading[data-progress="53"] .br-loading-fill, .loading[data-progress="53"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(95.4deg); } .br-loading[data-progress="54"] .br-loading-fill, .br-loading[data-progress="54"] .br-loading-mask.full, .loading[data-progress="54"] .br-loading-fill, .loading[data-progress="54"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(97.2deg); } .br-loading[data-progress="55"] .br-loading-fill, .br-loading[data-progress="55"] .br-loading-mask.full, .loading[data-progress="55"] .br-loading-fill, .loading[data-progress="55"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(99deg); } .br-loading[data-progress="56"] .br-loading-fill, .br-loading[data-progress="56"] .br-loading-mask.full, .loading[data-progress="56"] .br-loading-fill, .loading[data-progress="56"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(100.8deg); } .br-loading[data-progress="57"] .br-loading-fill, .br-loading[data-progress="57"] .br-loading-mask.full, .loading[data-progress="57"] .br-loading-fill, .loading[data-progress="57"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(102.6deg); } .br-loading[data-progress="58"] .br-loading-fill, .br-loading[data-progress="58"] .br-loading-mask.full, .loading[data-progress="58"] .br-loading-fill, .loading[data-progress="58"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(104.4deg); } .br-loading[data-progress="59"] .br-loading-fill, .br-loading[data-progress="59"] .br-loading-mask.full, .loading[data-progress="59"] .br-loading-fill, .loading[data-progress="59"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(106.2deg); } .br-loading[data-progress="60"] .br-loading-fill, .br-loading[data-progress="60"] .br-loading-mask.full, .loading[data-progress="60"] .br-loading-fill, .loading[data-progress="60"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(108deg); } .br-loading[data-progress="61"] .br-loading-fill, .br-loading[data-progress="61"] .br-loading-mask.full, .loading[data-progress="61"] .br-loading-fill, .loading[data-progress="61"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(109.8deg); } .br-loading[data-progress="62"] .br-loading-fill, .br-loading[data-progress="62"] .br-loading-mask.full, .loading[data-progress="62"] .br-loading-fill, .loading[data-progress="62"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(0.31turn); } .br-loading[data-progress="63"] .br-loading-fill, .br-loading[data-progress="63"] .br-loading-mask.full, .loading[data-progress="63"] .br-loading-fill, .loading[data-progress="63"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(113.4deg); } .br-loading[data-progress="64"] .br-loading-fill, .br-loading[data-progress="64"] .br-loading-mask.full, .loading[data-progress="64"] .br-loading-fill, .loading[data-progress="64"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(0.32turn); } .br-loading[data-progress="65"] .br-loading-fill, .br-loading[data-progress="65"] .br-loading-mask.full, .loading[data-progress="65"] .br-loading-fill, .loading[data-progress="65"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(117deg); } .br-loading[data-progress="66"] .br-loading-fill, .br-loading[data-progress="66"] .br-loading-mask.full, .loading[data-progress="66"] .br-loading-fill, .loading[data-progress="66"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(0.33turn); } .br-loading[data-progress="67"] .br-loading-fill, .br-loading[data-progress="67"] .br-loading-mask.full, .loading[data-progress="67"] .br-loading-fill, .loading[data-progress="67"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(120.6deg); } .br-loading[data-progress="68"] .br-loading-fill, .br-loading[data-progress="68"] .br-loading-mask.full, .loading[data-progress="68"] .br-loading-fill, .loading[data-progress="68"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(0.34turn); } .br-loading[data-progress="69"] .br-loading-fill, .br-loading[data-progress="69"] .br-loading-mask.full, .loading[data-progress="69"] .br-loading-fill, .loading[data-progress="69"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(124.2deg); } .br-loading[data-progress="70"] .br-loading-fill, .br-loading[data-progress="70"] .br-loading-mask.full, .loading[data-progress="70"] .br-loading-fill, .loading[data-progress="70"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(126deg); } .br-loading[data-progress="71"] .br-loading-fill, .br-loading[data-progress="71"] .br-loading-mask.full, .loading[data-progress="71"] .br-loading-fill, .loading[data-progress="71"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(127.8deg); } .br-loading[data-progress="72"] .br-loading-fill, .br-loading[data-progress="72"] .br-loading-mask.full, .loading[data-progress="72"] .br-loading-fill, .loading[data-progress="72"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(0.36turn); } .br-loading[data-progress="73"] .br-loading-fill, .br-loading[data-progress="73"] .br-loading-mask.full, .loading[data-progress="73"] .br-loading-fill, .loading[data-progress="73"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(131.4deg); } .br-loading[data-progress="74"] .br-loading-fill, .br-loading[data-progress="74"] .br-loading-mask.full, .loading[data-progress="74"] .br-loading-fill, .loading[data-progress="74"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(0.37turn); } .br-loading[data-progress="75"] .br-loading-fill, .br-loading[data-progress="75"] .br-loading-mask.full, .loading[data-progress="75"] .br-loading-fill, .loading[data-progress="75"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(135deg); } .br-loading[data-progress="76"] .br-loading-fill, .br-loading[data-progress="76"] .br-loading-mask.full, .loading[data-progress="76"] .br-loading-fill, .loading[data-progress="76"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(0.38turn); } .br-loading[data-progress="77"] .br-loading-fill, .br-loading[data-progress="77"] .br-loading-mask.full, .loading[data-progress="77"] .br-loading-fill, .loading[data-progress="77"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(138.6deg); } .br-loading[data-progress="78"] .br-loading-fill, .br-loading[data-progress="78"] .br-loading-mask.full, .loading[data-progress="78"] .br-loading-fill, .loading[data-progress="78"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(0.39turn); } .br-loading[data-progress="79"] .br-loading-fill, .br-loading[data-progress="79"] .br-loading-mask.full, .loading[data-progress="79"] .br-loading-fill, .loading[data-progress="79"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(142.2deg); } .br-loading[data-progress="80"] .br-loading-fill, .br-loading[data-progress="80"] .br-loading-mask.full, .loading[data-progress="80"] .br-loading-fill, .loading[data-progress="80"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(144deg); } .br-loading[data-progress="81"] .br-loading-fill, .br-loading[data-progress="81"] .br-loading-mask.full, .loading[data-progress="81"] .br-loading-fill, .loading[data-progress="81"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(145.8deg); } .br-loading[data-progress="82"] .br-loading-fill, .br-loading[data-progress="82"] .br-loading-mask.full, .loading[data-progress="82"] .br-loading-fill, .loading[data-progress="82"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(0.41turn); } .br-loading[data-progress="83"] .br-loading-fill, .br-loading[data-progress="83"] .br-loading-mask.full, .loading[data-progress="83"] .br-loading-fill, .loading[data-progress="83"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(149.4deg); } .br-loading[data-progress="84"] .br-loading-fill, .br-loading[data-progress="84"] .br-loading-mask.full, .loading[data-progress="84"] .br-loading-fill, .loading[data-progress="84"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(0.42turn); } .br-loading[data-progress="85"] .br-loading-fill, .br-loading[data-progress="85"] .br-loading-mask.full, .loading[data-progress="85"] .br-loading-fill, .loading[data-progress="85"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(153deg); } .br-loading[data-progress="86"] .br-loading-fill, .br-loading[data-progress="86"] .br-loading-mask.full, .loading[data-progress="86"] .br-loading-fill, .loading[data-progress="86"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(154.8deg); } .br-loading[data-progress="87"] .br-loading-fill, .br-loading[data-progress="87"] .br-loading-mask.full, .loading[data-progress="87"] .br-loading-fill, .loading[data-progress="87"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(156.6deg); } .br-loading[data-progress="88"] .br-loading-fill, .br-loading[data-progress="88"] .br-loading-mask.full, .loading[data-progress="88"] .br-loading-fill, .loading[data-progress="88"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(0.44turn); } .br-loading[data-progress="89"] .br-loading-fill, .br-loading[data-progress="89"] .br-loading-mask.full, .loading[data-progress="89"] .br-loading-fill, .loading[data-progress="89"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(160.2deg); } .br-loading[data-progress="90"] .br-loading-fill, .br-loading[data-progress="90"] .br-loading-mask.full, .loading[data-progress="90"] .br-loading-fill, .loading[data-progress="90"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(162deg); } .br-loading[data-progress="91"] .br-loading-fill, .br-loading[data-progress="91"] .br-loading-mask.full, .loading[data-progress="91"] .br-loading-fill, .loading[data-progress="91"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(163.8deg); } .br-loading[data-progress="92"] .br-loading-fill, .br-loading[data-progress="92"] .br-loading-mask.full, .loading[data-progress="92"] .br-loading-fill, .loading[data-progress="92"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(165.6deg); } .br-loading[data-progress="93"] .br-loading-fill, .br-loading[data-progress="93"] .br-loading-mask.full, .loading[data-progress="93"] .br-loading-fill, .loading[data-progress="93"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(167.4deg); } .br-loading[data-progress="94"] .br-loading-fill, .br-loading[data-progress="94"] .br-loading-mask.full, .loading[data-progress="94"] .br-loading-fill, .loading[data-progress="94"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(0.47turn); } .br-loading[data-progress="95"] .br-loading-fill, .br-loading[data-progress="95"] .br-loading-mask.full, .loading[data-progress="95"] .br-loading-fill, .loading[data-progress="95"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(171deg); } .br-loading[data-progress="96"] .br-loading-fill, .br-loading[data-progress="96"] .br-loading-mask.full, .loading[data-progress="96"] .br-loading-fill, .loading[data-progress="96"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(172.8deg); } .br-loading[data-progress="97"] .br-loading-fill, .br-loading[data-progress="97"] .br-loading-mask.full, .loading[data-progress="97"] .br-loading-fill, .loading[data-progress="97"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(174.6deg); } .br-loading[data-progress="98"] .br-loading-fill, .br-loading[data-progress="98"] .br-loading-mask.full, .loading[data-progress="98"] .br-loading-fill, .loading[data-progress="98"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(0.49turn); } .br-loading[data-progress="99"] .br-loading-fill, .br-loading[data-progress="99"] .br-loading-mask.full, .loading[data-progress="99"] .br-loading-fill, .loading[data-progress="99"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(178.2deg); } .br-loading[data-progress="100"] .br-loading-fill, .br-loading[data-progress="100"] .br-loading-mask.full, .loading[data-progress="100"] .br-loading-fill, .loading[data-progress="100"] .br-loading-mask.full { animation: 2s ease-in-out 0s 1 normal none running fill; transform: rotate(180deg); } @keyframes spinAround { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); }} @keyframes fill { 0% { transform: rotate(0deg); }} .br-magic-button { --magic-size:var(--magic-medium); --magic-small:var(--spacing-scale-4xh); --magic-medium:var(--spacing-scale-5xh); --magic-large:var(--spacing-scale-6xh); --magic-support-size:var(--magic-support-medium); --magic-support-small:var(--spacing-scale-7x); --magic-support-medium:var(--spacing-scale-8x); --magic-support-large:var(--spacing-scale-9x); --magic-z-index:var(--z-index-layer-1); align-items: center; background-color: var(--gray-5); border-radius: 100em; box-shadow: var(--surface-shadow-md); display: inline-flex; height: var(--magic-support-size); padding: calc(var(--magic-support-size)*0.5 - var(--magic-size)*0.5); } .br-magic-button.small { --magic-size:var(--magic-small); --magic-support-size:var(--magic-support-small); } .br-magic-button.medium { --magic-size:var(--magic-medium); --magic-support-size:var(--magic-support-medium); } .br-magic-button.large { --magic-size:var(--magic-large); --magic-support-size:var(--magic-support-large); } .br-magic-button .fa, .br-magic-button .fab, .br-magic-button .fad, .br-magic-button .fal, .br-magic-button .far, .br-magic-button .fas, .br-magic-button .svg-inline--fa { --icon-size:var(--icon-size-lg); } .br-magic-button .br-button { --focus-offset:calc(var(--magic-support-size)*0.5 - var(--magic-size)*0.5 + 4px); --button-size:var(--magic-size); background-color: var(--interactive-alternative); color: var(--color-dark); font-size: var(--font-size-scale-up-02); font-weight: var(--font-weight-semi-bold); } .br-magic-button .br-button:not(:disabled):not(:disabled):hover { background-image: linear-gradient(rgba(var(--color-dark-rgb),var(--hover)),rgba(var(--color-dark-rgb),var(--hover))); } .br-magic-button .br-button:not(:disabled):not(:disabled):active { background-image: linear-gradient(rgba(var(--color-dark-rgb),var(--pressed)),rgba(var(--color-dark-rgb),var(--pressed))); } .br-message { --message-background:var(--background); --message-color-icon:var(--color); --feedback-background:var(--background); --message-text:var(--color); background: var(--message-background); display: flex; margin-bottom: var(--spacing-scale-2x); } .br-message .content { color: var(--message-text); flex: 1 1 0%; font-size: var(--font-size-scale-up-01); padding: var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x); } .br-message .content .message-title { font-weight: var(--font-weight-semi-bold); } .br-message .content .message-body { font-weight: var(--font-weigth-regular); } .br-message .content a { font-weight: var(--font-weight-bold); text-decoration: underline; } .br-message .content :last-child { margin-bottom: 0px; } .br-message .icon { align-items: center; color: var(--message-color-icon); display: flex; justify-content: center; margin: var(--spacing-vertical-center) var(--spacing-scale-2x); padding-left: var(--spacing-scale-2x); padding-right: var(--spacing-scale-2x); } .br-message .icon + .content { padding-left: 0px; } .br-message .close { margin-right: var(--spacing-scale-base); margin-top: var(--spacing-scale-base); } .br-message.is-success, .br-message.success, .br-message[success] { --message-background:var(--success-alternative); --feedback-background:var(--success); --message-color-icon:var(--success); } .br-message.is-success .close .br-button, .br-message.success .close .br-button, .br-message[success] .close .br-button { --interactive:var(--message-color-icon); --interactive-rgb:var(--success-rgb); } .br-message.danger, .br-message.is-danger, .br-message[danger] { --message-background:var(--danger-alternative); --feedback-background:var(--danger); --message-color-icon:var(--danger); } .br-message.danger .close .br-button, .br-message.is-danger .close .br-button, .br-message[danger] .close .br-button { --interactive:var(--message-color-icon); --interactive-rgb:var(--danger-rgb); } .br-message.info, .br-message.is-info, .br-message[info] { --message-background:var(--info-alternative); --feedback-background:var(--info); --message-color-icon:var(--info); } .br-message.info .close .br-button, .br-message.is-info .close .br-button, .br-message[info] .close .br-button { --interactive:var(--message-color-icon); --interactive-rgb:var(--info-rgb); } .br-message.is-warning, .br-message.warning, .br-message[warning] { --message-background:var(--warning-alternative); --feedback-background:var(--warning); } .br-message.is-warning .close .br-button, .br-message.warning .close .br-button, .br-message[warning] .close .br-button { --interactive:var(--color); --interactive-rgb:var(--color-rgb); } .feedback { --message-background:var(--background); --message-color-icon:var(--color); --feedback-background:var(--background); --message-text:var(--color); align-items: center; background: var(--feedback-background); color: var(--message-text); display: inline-flex; font-style: italic; font-weight: var(--font-weight-medium); margin-bottom: 0px; padding: var(--spacing-scale-half); } .feedback .fa, .feedback .fab, .feedback .fad, .feedback .fal, .feedback .far, .feedback .fas, .feedback .svg-inline--fa { margin-right: var(--spacing-scale-half); } .feedback:not(.is-warning):not(.warning):not([warning]) { --message-text:var(--pure-0); } .feedback.is-warning, .feedback.warning, .feedback[warning] { --color:var(--color-light); --color-rgb:var(--color-light-rgb); --text-color:var(--color-light); --interactive:var(--interactive-light); --interactive-rgb:var(--interactive-light-rgb); --visited:var(--visited-light); --hover:var(--hover-light); --pressed:var(--pressed-light); --focus-color:var(--focus-color-light); --focus:var(--focus-color-light); } .feedback.is-success, .feedback.success, .feedback[success] { --message-background:var(--success-alternative); --feedback-background:var(--success); --message-color-icon:var(--success); } .feedback.is-success .close .br-button, .feedback.success .close .br-button, .feedback[success] .close .br-button { --interactive:var(--message-color-icon); --interactive-rgb:var(--success-rgb); } .feedback.danger, .feedback.is-danger, .feedback[danger] { --message-background:var(--danger-alternative); --feedback-background:var(--danger); --message-color-icon:var(--danger); } .feedback.danger .close .br-button, .feedback.is-danger .close .br-button, .feedback[danger] .close .br-button { --interactive:var(--message-color-icon); --interactive-rgb:var(--danger-rgb); } .feedback.info, .feedback.is-info, .feedback[info] { --message-background:var(--info-alternative); --feedback-background:var(--info); --message-color-icon:var(--info); } .feedback.info .close .br-button, .feedback.is-info .close .br-button, .feedback[info] .close .br-button { --interactive:var(--message-color-icon); --interactive-rgb:var(--info-rgb); } .feedback.is-warning, .feedback.warning, .feedback[warning] { --message-background:var(--warning-alternative); --feedback-background:var(--warning); } .feedback.is-warning .close .br-button, .feedback.warning .close .br-button, .feedback[warning] .close .br-button { --interactive:var(--color); --interactive-rgb:var(--color-rgb); } .br-modal { --modal-size:var(--modal-medium); --modal-xsmall:220px; --modal-small:300px; --modal-medium:500px; --modal-large:640px; --modal-auto:auto; background: var(--background); box-shadow: var(--surface-shadow-sm); display: flex; flex-direction: column; max-width: var(--modal-size); z-index: var(--z-index-layer-4); } .br-modal-header { font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-bold); padding: var(--spacing-scale-2x) var(--spacing-scale-2x) 0; position: relative; } .br-modal-header .close { position: absolute; right: var(--spacing-scale-base); top: var(--spacing-scale-base); } .br-modal .modal-title { font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-bold); margin-right: 40px; max-height: calc(var(--font-size-scale-up-01)*3); overflow: hidden; text-overflow: ellipsis; } .br-modal-body { flex: 1 1 0%; margin: var(--spacing-scale-3x) 0 var(--spacing-scale-2x); overflow: auto; padding: 0 var(--spacing-scale-2x); width: auto; } .br-modal-body::-webkit-scrollbar { height: var(--spacing-scale-base); width: var(--spacing-scale-base); } .br-modal-body::-webkit-scrollbar-track { background: var(--gray-10); } .br-modal-body::-webkit-scrollbar-thumb { background: var(--gray-30); } .br-modal-body:hover::-webkit-scrollbar-thumb { background: var(--gray-40); } .br-modal-body > :last-child { margin-bottom: 0px; } .br-modal-footer { display: flex; flex-wrap: wrap; padding: var(--spacing-scale-2x); } .br-modal.is-xsmall, .br-modal.xsmall { --modal-size:var(--modal-xsmall); } .br-modal.is-small, .br-modal.small { --modal-size:var(--modal-small); } .br-modal.is-medium, .br-modal.medium { --modal-size:var(--modal-medium); } .br-modal.is-large, .br-modal.large { --modal-size:var(--modal-large); } .br-modal.auto, .br-modal.is-auto { --modal-size:var(--modal-auto); } .br-modal .loading.medium { min-height: calc(var(--loading-indetermined-diameter-md) + var(--spacing-scale-2x)*2); } .br-modal .terms { border: 0px; box-shadow: var(--surface-shadow-sm-inset),var(--surface-shadow-sm-inset-up); font-size: var(--font-size-scale-base); height: 216px; margin-bottom: var(--spacing-scale-2x); margin-left: calc(var(--spacing-scale-2x)*-1); margin-right: calc(var(--spacing-scale-2x)*-1); overflow: auto; padding: var(--spacing-scale-2x); resize: none; width: auto; } .br-modal .terms::-webkit-scrollbar { height: var(--spacing-scale-base); width: var(--spacing-scale-base); } .br-modal .terms::-webkit-scrollbar-track { background: var(--gray-10); } .br-modal .terms::-webkit-scrollbar-thumb { background: var(--gray-30); } .br-modal .terms:hover::-webkit-scrollbar-thumb { background: var(--gray-40); } .br-modal .terms:active { outline: none; } .br-modal .terms:hover::-webkit-scrollbar-thumb { background: var(--color-secondary-07); } @media (max-width: 991px) { .br-modal .terms { margin-left: unset !important; margin-right: unset !important; } .br-modal-header .close { top: 0px; }} .br-notification { --notification-padding:var(--spacing-scale-2x) var(--spacing-scale-4x); --notification-width:50vw; --notification-height:calc(100vh - 86px); background: var(--background); box-shadow: var(--surface-shadow-md); max-height: var(--notification-height); max-width: var(--notification-width); overflow: auto; z-index: 1; } @media (max-width: 576px) { .br-notification { --item-padding-x:var(--spacing-scale-2x); --item-padding-y:var(--spacing-scale-base); --item-padding:var(--item-padding-y) var(--item-padding-x); --notification-padding:var(--item-padding); --notification-width:100vw; min-height: var(--notification-height); overflow: hidden; } .br-notification .br-tab { --tab-size:var(--tab-small); } .br-notification .br-tab .tab-content { --notification-height:calc(100vh - 86px); height: var(--notification-height); overflow-x: auto; } .br-notification .status { left: var(--spacing-scale-half) !important; top: var(--spacing-scale-2x) !important; } .br-notification.close { display: none; }} @media (max-width: 992px) { .br-notification.close { display: none; }} @media (min-width: 992px) { .br-notification div.close { display: none; }} .br-notification .notification-header { border-bottom: 1px solid var(--border-color); padding: var(--notification-padding); } .br-notification .notification-header :last-child { margin-bottom: 0px; } .br-notification .notification-body .br-tab .tab-item { padding: 0px; } .br-notification .notification-body .br-tab .tab-content { overflow-y: auto; } .br-notification .notification-body .br-tab .tab-content .br-item { --interactive-rgb:var(--rgb-secondary-08); --item-color:var(--text-color); padding: var(--notification-padding); position: relative; white-space: normal; } .br-notification .notification-body .br-tab .tab-content .br-item .status { left: var(--spacing-scale-base); position: absolute; top: var(--spacing-scale-3x); } .br-notification .notification-body .br-tab .tab-content .br-item span { display: block; } .br-pagination { --pagination-margin:var(--spacing-scale-base); --pagination-select-width:88px; --pagination-size:var(--pagination-medium); --pagination-small:24px; --pagination-medium:32px; --pagination-large:40px; color: var(--color); display: flex; flex-wrap: wrap; font-weight: var(--font-weight); justify-content: center; } .br-pagination ul { align-items: center; display: flex; list-style: none; margin: 0px; padding: 0px; } .br-pagination li { padding: 0px; } .br-pagination.dark-mode .br-select .br-item label, .br-pagination.dark-mode .page { color: var(--color-dark); } .br-pagination .page { align-items: center; border: 1px solid transparent; border-radius: 100em; color: var(--interactive); display: inline-flex; justify-content: center; margin: 0 calc(var(--pagination-margin)*0.5); min-height: var(--pagination-size); min-width: var(--pagination-size); padding: 0 var(--spacing-scale-base); white-space: nowrap; } .br-pagination .page:not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-pagination .page.active { background: var(--active); color: var(--color-dark); font-weight: var(--font-weight-semi-bold); } .br-pagination .pagination-ellipsis { margin: 0 calc(var(--pagination-margin)*0.5); position: relative; } .br-pagination .pagination-ellipsis .br-button { --button-size:var(--pagination-size); } .br-pagination .pagination-ellipsis .br-list { max-height: 220px; min-width: 4em; overflow-y: auto; z-index: var(--z-index-layer-1); } .br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar { height: var(--spacing-scale-base); width: var(--spacing-scale-base); } .br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-track { background: var(--gray-10); } .br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-thumb { background: var(--gray-30); } .br-pagination .pagination-ellipsis .br-list:hover::-webkit-scrollbar-thumb { background: var(--gray-40); } .br-pagination.small { --pagination-size:var(--pagination-small); } .br-pagination.medium { --pagination-size:var(--pagination-medium); } .br-pagination.large { --pagination-size:var(--pagination-large); } .br-pagination .pagination-go-to-page, .br-pagination .pagination-go-to-page .br-input, .br-pagination .pagination-information, .br-pagination .pagination-per-page, .br-pagination .pagination-per-page .br-input { align-items: center; display: flex; } .br-pagination .pagination-go-to-page .br-input label, .br-pagination .pagination-per-page .br-input label { font-weight: var(--font-weight-regular); margin-bottom: 0px; margin-right: var(--spacing-scale-base); padding-bottom: 0px; } .br-pagination .pagination-go-to-page .br-input input, .br-pagination .pagination-per-page .br-input input { --input-size:var(--pagination-medium); padding-left: var(--spacing-scale-base); padding-right: calc(var(--spacing-scale-baseh) + 32px); text-align: right; width: var(--pagination-select-width); } .br-pagination .pagination-go-to-page .br-input input:not(:focus), .br-pagination .pagination-per-page .br-input input:not(:focus) { border-color: transparent; } .br-pagination .pagination-go-to-page .br-list, .br-pagination .pagination-per-page .br-list { min-width: 5em; right: 0px; width: auto; } .br-pagination .pagination-arrows { align-items: center; display: flex; } .br-pagination .br-select .br-input .br-button { bottom: auto; margin-top: 0px; position: absolute; right: var(--spacing-scale-half); top: auto; transform: none; } .br-pagination .br-divider { border-right-width: var(--divider-size); border-top: 0px; } .br-pagination.dark-mode, .br-pagination.inverted { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } .br-pagination.dark-mode.dark-mode .br-input, .br-pagination.dark-mode.dark-mode .br-input label, .br-pagination.dark-mode.inverted .br-input, .br-pagination.dark-mode.inverted .br-input label, .br-pagination.inverted.dark-mode .br-input, .br-pagination.inverted.dark-mode .br-input label, .br-pagination.inverted.inverted .br-input, .br-pagination.inverted.inverted .br-input label { --color:var(--color-dark); --focus-color:var(--focus-color-dark); } .br-pagination.dark-mode .page.active, .br-pagination.inverted .page.active { --interactive-rgb:var(--active-rgb); background-color: var(--background-light); color: var(--active); } .br-pagination .input-group .input-icon { display: none; } .br-scrim.foco { background: var(--surface-overlay-scrim); inset: 0px; display: none; height: 100%; position: fixed; width: 100%; z-index: 999; } .br-scrim.foco .br-modal { left: 50%; max-height: 90%; overflow: auto; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1000; } .br-scrim.foco.active { display: block; } .br-scrim.inibicao { position: relative; } .br-scrim.inibicao::before { background: var(--surface-overlay-scrim); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .br-scrim.legibilidade { position: relative; } .br-scrim.legibilidade .scrim-text { background: var(--surface-overlay-text); bottom: 0px; left: 0px; padding: var(--spacing-scale-3x) var(--spacing-scale-baseh); position: absolute; width: 100%; } .br-scrim-util.foco { background: var(--surface-overlay-scrim); inset: 0px; display: none; height: 100%; position: fixed; width: 100%; z-index: 999; } .br-scrim-util.foco .br-modal { left: 50%; max-height: 90%; overflow: auto; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1000; } .br-scrim-util.foco.active { display: block; } .br-scrim-util.inibicao { position: relative; } .br-scrim-util.inibicao::before { background: var(--surface-overlay-scrim); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .br-scrim-util.legibilidade { position: relative; } .br-scrim-util.legibilidade .scrim-text { background: var(--surface-overlay-text); bottom: 0px; left: 0px; padding: var(--spacing-scale-3x) var(--spacing-scale-baseh); position: absolute; width: 100%; } .br-select { --select-divider:1px solid var(--color-secondary-04); --select-shadow:var(--surface-shadow-md); max-width: 400px; min-width: 100px; position: relative; } .br-select .br-input input { padding-right: 29px; text-overflow: ellipsis; } .br-select .br-input input::after { bottom: 0px; padding: 0px 5px; position: absolute; right: 0px; } .br-select .br-list { background: var(--bg-color); box-shadow: var(--select-shadow); display: none; margin-top: -2px; max-height: 404px; overflow: auto; position: absolute; resize: none; width: 100%; z-index: 1; } .br-select .br-list::-webkit-scrollbar { height: var(--spacing-scale-base); width: var(--spacing-scale-base); } .br-select .br-list::-webkit-scrollbar-track { background: var(--gray-10); } .br-select .br-list::-webkit-scrollbar-thumb { background: var(--gray-30); } .br-select .br-list:hover::-webkit-scrollbar-thumb { background: var(--gray-40); } .br-select .br-list:active, .br-select .br-list:focus { color: var(--color-secondary-09); outline: none; } .br-select .br-list:hover::-webkit-scrollbar-thumb { background: var(--color-secondary-07); } .br-select .br-list[expanded] { display: block; } .br-select .br-item { --color:var(--color-light); --color-rgb:var(--color-light-rgb); --text-color:var(--color-light); --interactive:var(--interactive-light); --interactive-rgb:var(--interactive-light-rgb); --visited:var(--visited-light); --hover:var(--hover-light); --pressed:var(--pressed-light); --focus-color:var(--focus-color-light); --focus:var(--focus-color-light); --item-padding-y:var(--spacing-scale-2x); } .br-select .br-item .content { padding: 0px; } .br-select .br-item .br-checkbox, .br-select .br-item .br-radio { --item-padding-x:var(--spacing-scale-2x); --item-padding-y:var(--spacing-scale-2x); } .br-select .br-item .br-checkbox input:hover:not(:disabled) + label::before, .br-select .br-item .br-radio input:hover:not(:disabled) + label::before { background-image: none; } .br-select .br-item .br-checkbox input + label, .br-select .br-item .br-radio input + label { padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x)); } .br-select .br-item .br-radio input + label { color: var(--text-color); display: block; height: auto; min-height: 0px; padding: var(--item-padding); } .br-select .br-item .br-radio input + label::after, .br-select .br-item .br-radio input + label::before { content: none; } .br-select .br-item:not(:last-child) { border-bottom: var(--select-divider); } .br-select .br-item:not([disabled]) { --focus-offset:calc(var(--spacing-scale-half)*-1); } .br-select .br-item:not([disabled]):focus { outline: none; } .br-select .br-item:not([disabled]).focus-visible, .br-select .br-item:not([disabled]):focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-select .br-item:not([disabled]):not(:disabled):hover { background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); } .br-select .br-item.selected, .br-select .br-item[selected] { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } .br-select .br-item.selected:focus, .br-select .br-item[selected]:focus { outline: none; } .br-select .br-item.selected.focus-visible, .br-select .br-item.selected:focus-visible, .br-select .br-item[selected].focus-visible, .br-select .br-item[selected]:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-select .br-item.selected:not(:disabled):hover, .br-select .br-item[selected]:not(:disabled):hover { background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); } .br-select .br-item.disabled { line-height: calc(var(--font-line-height-high)*2); padding-left: calc(var(--item-padding) + var(--spacing-scale-base)); } .br-select .br-item.highlighted, .br-select .br-item[highlighted] { background-color: var(--gray-2); padding-bottom: var(--spacing-scale-base); padding-top: var(--spacing-scale-base); } .br-select .br-item.highlighted .br-checkbox label, .br-select .br-item.highlighted .br-radio label, .br-select .br-item[highlighted] .br-checkbox label, .br-select .br-item[highlighted] .br-radio label { font-weight: var(--font-weight-semi-bold); } .br-select .br-item.highlighted .br-checkbox:hover, .br-select .br-item.highlighted .br-radio:hover, .br-select .br-item[highlighted] .br-checkbox:hover, .br-select .br-item[highlighted] .br-radio:hover { background: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-select .br-item.highlighted .br-checkbox:hover label, .br-select .br-item.highlighted .br-radio:hover label, .br-select .br-item[highlighted] .br-checkbox:hover label, .br-select .br-item[highlighted] .br-radio:hover label { color: var(--text-color); } .br-select .br-item.highlighted.selected, .br-select .br-item.highlighted[selected], .br-select .br-item[highlighted].selected, .br-select .br-item[highlighted][selected] { background-color: var(--selected); } .br-select.dark-mode .br-input, .br-select.dark-mode .br-input label, .br-select.inverted .br-input, .br-select.inverted .br-input label { --color:var(--color-dark); --focus-color:var(--focus-color-dark); } .br-button.sign-in, .br-sign-in { --button-radius:100em; --button-xsmall:24px; --button-small:32px; --button-medium:40px; --button-large:48px; --button-size:var(--button-medium); align-items: center; border: 0px; border-radius: var(--button-radius); color: var(--interactive); cursor: pointer; display: inline-flex; font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-semi-bold); height: var(--button-size); justify-content: center; overflow: hidden; position: relative; text-align: center; vertical-align: middle; white-space: nowrap; width: auto; --background:var(--gray-2); --sign-in-img:20px; background-color: var(--background); padding: 0 var(--spacing-scale-2x); } .br-button.sign-in.block, .br-sign-in.block { width: 100%; } @media (min-width: 576px) { .br-button.sign-in.block-sm, .br-sign-in.block-sm { width: 100%; } .br-button.sign-in.auto-sm, .br-sign-in.auto-sm { width: auto; }} @media (min-width: 992px) { .br-button.sign-in.block-md, .br-sign-in.block-md { width: 100%; } .br-button.sign-in.auto-md, .br-sign-in.auto-md { width: auto; }} @media (min-width: 1280px) { .br-button.sign-in.block-lg, .br-sign-in.block-lg { width: 100%; } .br-button.sign-in.auto-lg, .br-sign-in.auto-lg { width: auto; }} @media (min-width: 1600px) { .br-button.sign-in.block-xl, .br-sign-in.block-xl { width: 100%; } .br-button.sign-in.auto-xl, .br-sign-in.auto-xl { width: auto; }} .br-button.sign-in.circle, .br-button.sign-in.is-circle, .br-button.sign-in[circle], .br-sign-in.circle, .br-sign-in.is-circle, .br-sign-in[circle] { border-radius: 50%; padding: 0px; width: var(--button-size); } .br-button.sign-in.is-xsmall, .br-button.sign-in.xsmall, .br-button.sign-in[xsmall], .br-sign-in.is-xsmall, .br-sign-in.xsmall, .br-sign-in[xsmall] { --button-size:var(--button-xsmall); } .br-button.sign-in.is-small, .br-button.sign-in.small, .br-button.sign-in[small], .br-sign-in.is-small, .br-sign-in.small, .br-sign-in[small] { --button-size:var(--button-small); } .br-button.sign-in.is-medium, .br-button.sign-in.medium, .br-button.sign-in[medium], .br-sign-in.is-medium, .br-sign-in.medium, .br-sign-in[medium] { --button-size:var(--button-medium); } .br-button.sign-in.is-large, .br-button.sign-in.large, .br-button.sign-in[large], .br-sign-in.is-large, .br-sign-in.large, .br-sign-in[large] { --button-size:var(--button-large); } .br-button.sign-in.is-primary, .br-button.sign-in.primary, .br-button.sign-in[primary], .br-sign-in.is-primary, .br-sign-in.primary, .br-sign-in[primary] { --interactive-rgb:var(--color-dark-rgb); background-color: var(--interactive-light); color: var(--color-dark); } .br-button.sign-in.is-secondary, .br-button.sign-in.secondary, .br-button.sign-in[secondary], .br-sign-in.is-secondary, .br-sign-in.secondary, .br-sign-in[secondary] { background-color: var(--background-light); border: 1px solid var(--interactive); } .br-button.sign-in.danger, .br-button.sign-in.is-danger, .br-button.sign-in[danger], .br-sign-in.danger, .br-sign-in.is-danger, .br-sign-in[danger] { background-color: var(--danger); --interactive-rgb:var(--color-dark-rgb); color: var(--color-dark); } .br-button.sign-in.is-success, .br-button.sign-in.success, .br-button.sign-in[success], .br-sign-in.is-success, .br-sign-in.success, .br-sign-in[success] { background-color: var(--success); --interactive-rgb:var(--color-dark-rgb); color: var(--color-dark); } .br-button.sign-in.is-warning, .br-button.sign-in.warning, .br-button.sign-in[warning], .br-sign-in.is-warning, .br-sign-in.warning, .br-sign-in[warning] { background-color: var(--warning); --interactive-rgb:var(--color-light-rgb); color: var(--color-light); } .br-button.sign-in.info, .br-button.sign-in.is-info, .br-button.sign-in[info], .br-sign-in.info, .br-sign-in.is-info, .br-sign-in[info] { background-color: var(--info); --interactive-rgb:var(--color-dark-rgb); color: var(--color-dark); } .br-button.sign-in:disabled, .br-sign-in:disabled { cursor: not-allowed; } .br-button.sign-in:not(:disabled), .br-sign-in:not(:disabled) { --focus-offset:var(--spacing-scale-half); } .br-button.sign-in:not(:disabled):focus, .br-sign-in:not(:disabled):focus { outline: none; } .br-button.sign-in:not(:disabled).focus-visible, .br-button.sign-in:not(:disabled):focus-visible, .br-sign-in:not(:disabled).focus-visible, .br-sign-in:not(:disabled):focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-button.sign-in:not(:disabled):not(:disabled):hover, .br-sign-in:not(:disabled):not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-button.sign-in:not(:disabled):not(:disabled):active, .br-sign-in:not(:disabled):not(:disabled):active { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed))); } .br-button.sign-in.active, .br-button.sign-in.is-active, .br-button.sign-in[active], .br-sign-in.active, .br-sign-in.is-active, .br-sign-in[active] { --hover:var(--hover-dark); background-color: var(--active); color: var(--color-dark); } .br-button.sign-in.loading, .br-sign-in.loading { cursor: progress; color: transparent !important; } .br-button.sign-in.loading:not(:disabled):hover, .br-sign-in.loading:not(:disabled):hover { background-image: none; } .br-button.sign-in.loading::before, .br-sign-in.loading::before { border-left-color: var(--interactive); border-bottom-color: transparent; border-right-color: var(--interactive); border-top-color: var(--interactive); border-style: solid; } .br-button.sign-in.loading.danger::before, .br-button.sign-in.loading.info::before, .br-button.sign-in.loading.primary::before, .br-button.sign-in.loading.success::before, .br-sign-in.loading.danger::before, .br-sign-in.loading.info::before, .br-sign-in.loading.primary::before, .br-sign-in.loading.success::before { border-left-color: var(--background); border-bottom-color: transparent; border-right-color: var(--background); border-top-color: var(--background); } .br-button.sign-in.dark-mode, .br-button.sign-in.inverted, .br-button.sign-in.is-inverted, .br-button.sign-in[inverted], .br-sign-in.dark-mode, .br-sign-in.inverted, .br-sign-in.is-inverted, .br-sign-in[inverted] { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); color: var(--interactive-dark); } .br-button.sign-in.dark-mode.is-primary, .br-button.sign-in.dark-mode.primary, .br-button.sign-in.dark-mode[primary], .br-button.sign-in.inverted.is-primary, .br-button.sign-in.inverted.primary, .br-button.sign-in.inverted[primary], .br-button.sign-in.is-inverted.is-primary, .br-button.sign-in.is-inverted.primary, .br-button.sign-in.is-inverted[primary], .br-button.sign-in[inverted].is-primary, .br-button.sign-in[inverted].primary, .br-button.sign-in[inverted][primary], .br-sign-in.dark-mode.is-primary, .br-sign-in.dark-mode.primary, .br-sign-in.dark-mode[primary], .br-sign-in.inverted.is-primary, .br-sign-in.inverted.primary, .br-sign-in.inverted[primary], .br-sign-in.is-inverted.is-primary, .br-sign-in.is-inverted.primary, .br-sign-in.is-inverted[primary], .br-sign-in[inverted].is-primary, .br-sign-in[inverted].primary, .br-sign-in[inverted][primary] { --interactive-rgb:var(--background-dark-rgb); background-color: var(--interactive-dark); color: var(--background-dark); } .br-button.sign-in.dark-mode.is-secondary, .br-button.sign-in.dark-mode.secondary, .br-button.sign-in.dark-mode[secondary], .br-button.sign-in.inverted.is-secondary, .br-button.sign-in.inverted.secondary, .br-button.sign-in.inverted[secondary], .br-button.sign-in.is-inverted.is-secondary, .br-button.sign-in.is-inverted.secondary, .br-button.sign-in.is-inverted[secondary], .br-button.sign-in[inverted].is-secondary, .br-button.sign-in[inverted].secondary, .br-button.sign-in[inverted][secondary], .br-sign-in.dark-mode.is-secondary, .br-sign-in.dark-mode.secondary, .br-sign-in.dark-mode[secondary], .br-sign-in.inverted.is-secondary, .br-sign-in.inverted.secondary, .br-sign-in.inverted[secondary], .br-sign-in.is-inverted.is-secondary, .br-sign-in.is-inverted.secondary, .br-sign-in.is-inverted[secondary], .br-sign-in[inverted].is-secondary, .br-sign-in[inverted].secondary, .br-sign-in[inverted][secondary] { background-color: var(--background-dark); } .br-button.sign-in.dark-mode.active, .br-button.sign-in.inverted.active, .br-button.sign-in.is-inverted.active, .br-button.sign-in[inverted].active, .br-sign-in.dark-mode.active, .br-sign-in.inverted.active, .br-sign-in.is-inverted.active, .br-sign-in[inverted].active { --hover:var(--hover-light); --interactive-rgb:var(--active-rgb); background-color: var(--background-light); color: var(--active); } .br-button.sign-in img, .br-sign-in img { max-height: var(--sign-in-img); } .br-button.sign-in.dark-mode, .br-button.sign-in.inverted, .br-button.sign-in.is-inverted, .br-button.sign-in[inverted], .br-sign-in.dark-mode, .br-sign-in.inverted, .br-sign-in.is-inverted, .br-sign-in[inverted] { --background:var(--background-dark); } .br-skiplink { --skiplink-layer:var(--z-index-layer-4); --skiplink-margin:var(--spacing-scale-2x); --skiplink-min-width:300px; --skiplink-shadow:var(--surface-shadow-lg); --skiplink-duration:150ms; --skiplink-timing-function:ease-out; display: inline-flex; flex-direction: column; left: var(--skiplink-margin); position: fixed; top: 0px; z-index: var(--skiplink-layer); } .br-skiplink a { align-items: center; background-color: var(--background); box-shadow: var(--skiplink-shadow); display: inline-flex; min-width: var(--skiplink-min-width); position: absolute; top: -100vh; transition: top var(--skiplink-duration) var(--skiplink-timing-function); white-space: nowrap; width: auto; } .br-skiplink a:focus, .br-skiplink a:focus-visible { top: 0px; } .br-skiplink .br-tag { background: var(--interactive); } .br-skiplink.full { box-shadow: var(--skiplink-shadow); flex-direction: row; top: -100vh; transition: top var(--skiplink-duration) var(--skiplink-timing-function); } .br-skiplink.full a { box-shadow: none; min-width: 0px; position: relative; top: 0px; } .br-skiplink.full:focus-within { top: 0px; } .br-step { --step-empty:16px; --step-empty-border:4px; --step-line:1px; --step-size:var(--step-medium); --step-small:32px; --step-medium:40px; --step-large:48px; --step-simple-size:var(--step-simple-medium); --step-simple-medium:8px; --step-simple-large:12px; --step-alert-success-icon:"&#61452;"; --step-alert-warning-icon:"&#61553;"; --step-alert-info-icon:"&#61738;"; --step-alert-danger-icon:"&#61453;"; display: flex; padding: var(--spacing-scale-base); } .br-step .step-progress { display: flex; flex-grow: 1; } .br-step.vertical, .br-step.vertical .step-progress { flex-direction: column; } .br-step .step-progress-btn { align-items: center; background-color: transparent; border: 0px; display: flex; flex-grow: 1; justify-content: center; min-height: var(--step-size); padding: 0px; position: relative; } .br-step[data-label="left"] .step-progress-btn { justify-content: end; } .br-step.vertical .step-progress-btn, .br-step[data-label="right"] .step-progress-btn { justify-content: start; } .br-step.vertical[data-label="left"] .step-progress-btn { justify-content: end; } .br-step.vertical[data-label="right"] .step-progress-btn { justify-content: start; } .br-step .step-progress-btn::before { background-color: var(--background); border: var(--step-line) solid var(--interactive); border-radius: 50%; content: attr(step-num); font-size: var(--font-size-scale-up-03); font-weight: var(--font-weight-medium); left: 0px; margin: auto; right: 0px; z-index: 2; } .br-step .step-icon, .br-step .step-progress-btn::before { align-items: center; color: var(--interactive); display: inline-flex; height: var(--step-size); justify-content: center; position: absolute; width: var(--step-size); } .br-step .step-icon { z-index: 4; } .br-step .step-alert { align-items: center; border-radius: 50%; color: var(--color-dark); display: flex; height: var(--font-size-scale-up-04); justify-content: center; position: absolute; width: var(--font-size-scale-up-04); z-index: 4; } .br-step .step-alert::after { display: flex; font-family: "Font Awesome 5 Free"; font-size: var(--font-size-scale-up-01); font-weight: 900; } .br-step[data-label="bottom"] .step-icon, .br-step[data-label="bottom"] .step-progress-btn::before { top: 0px; } .br-step[data-label="bottom"] .step-alert { transform: translate(calc(var(--step-size)*0.5),calc(var(--step-size)*-0.75)); } .br-step[data-label="top"] .step-icon, .br-step[data-label="top"] .step-progress-btn::before { bottom: 0px; } .br-step[data-label="top"] .step-alert { transform: translate(calc(var(--step-size)*0.5),calc(var(--step-size)*0.25)); } .br-step[data-label="left"] .step-progress-btn::before { left: auto; right: 0px; } .br-step[data-label="left"] .step-alert { transform: translate(calc(var(--step-size)*0.4),calc(var(--step-size)*-0.25)); } .br-step[data-label="right"] .step-progress-btn::before { left: 0px; right: auto; } .br-step[data-label="right"] .step-alert { transform: translate(calc(var(--step-size)*0.65),calc(var(--step-size)*-0.25)); } .br-step.vertical .step-progress-btn::before { inset: 0px auto; } .br-step.vertical[data-label="left"] .step-progress-btn::before { right: 0px; } .br-step.vertical[data-label="right"] .step-progress-btn::before { left: 0px; } .br-step .step-progress-btn::after { background-color: var(--interactive); content: ""; display: block; height: var(--step-line); left: 0px; position: absolute; right: 0px; z-index: 1; } .br-step .step-progress-btn:first-child::after { left: 50%; } .br-step .step-progress-btn:last-child::after { right: 50%; } .br-step[data-label="bottom"] .step-progress-btn::after { top: calc(var(--step-size)*0.5); } .br-step[data-label="top"] .step-progress-btn::after { bottom: calc(var(--step-size)*0.5); } .br-step[data-label="left"] .step-progress-btn::after { left: 0px; } .br-step[data-label="left"] .step-progress-btn:first-child::after { left: 100%; } .br-step[data-label="left"] .step-progress-btn:last-child::after, .br-step[data-label="right"] .step-progress-btn::after { right: 0px; } .br-step[data-label="right"] .step-progress-btn:first-child::after { left: 0px; } .br-step[data-label="right"] .step-progress-btn:last-child::after { right: 100%; } .br-step.vertical .step-progress-btn::after { inset: 0px auto; height: auto; width: var(--step-line); } .br-step.vertical .step-progress-btn:first-child::after { left: auto; top: 50%; } .br-step.vertical .step-progress-btn:last-child::after { bottom: 50%; right: auto; } .br-step.vertical[data-label="left"] .step-progress-btn::after { right: calc(var(--step-size)*0.5); } .br-step.vertical[data-label="right"] .step-progress-btn::after { left: calc(var(--step-size)*0.5); } .br-step .step-info { color: var(--interactive); display: inline-block; font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-medium); } .br-step[data-label="bottom"] .step-info { margin-top: var(--step-size); padding-top: var(--spacing-scale-2x); } .br-step[data-label="top"] .step-info { margin-bottom: var(--step-size); padding-bottom: var(--spacing-scale-2x); } .br-step[data-label="left"] .step-info { display: none; } @media (min-width: 576px) { .br-step[data-label="left"] .step-info { background-color: var(--background); display: inline-block; margin-right: var(--step-size); padding: var(--spacing-scale-2x); position: relative; z-index: 3; }} .br-step[data-label="right"] .step-info { display: none; } @media (min-width: 576px) { .br-step[data-label="right"] .step-info { background-color: var(--background); display: inline-block; margin-left: var(--step-size); padding: var(--spacing-scale-2x); position: relative; z-index: 3; }} .br-step.vertical[data-label="left"] .step-info { display: inline-block; margin-left: 0px; margin-right: var(--step-size); padding: var(--spacing-scale-2x); } .br-step.vertical[data-label="right"] .step-info { display: inline-block; margin-left: var(--step-size); margin-right: 0px; padding: var(--spacing-scale-2x); } .br-step[data-type="void"] .step-progress-btn::before { content: ""; height: var(--step-empty); width: var(--step-empty); } .br-step[data-type="void"] .step-info { height: 0px; overflow: hidden; position: absolute; width: 0px; } .br-step[data-type="simple"], .br-step[data-type="simple"] .step-progress { align-items: center; display: flex; justify-content: center; } .br-step[data-type="simple"] .step-progress-btn { flex-grow: 0; width: 24px; } .br-step[data-type="simple"] .step-progress-btn::before { background-color: var(--gray-20); border-color: var(--gray-20); content: ""; height: var(--step-simple-size); width: var(--step-simple-size); } .br-step[data-type="simple"] .step-progress-btn::after { content: none; } .br-step[data-type="simple"] .step-info { height: 0px; overflow: hidden; position: absolute; width: 0px; } .br-step[data-type="text"], .br-step[data-type="text"] .step-progress { align-items: center; display: flex; justify-content: center; } .br-step[data-type="text"] .step-progress-btn { height: 0px; min-height: var(--font-size-scale-base); overflow: hidden; position: absolute; width: 0px; } .br-step[data-type="text"] .step-progress-btn::before { background-color: transparent; border: 0px; color: var(--color); font-size: var(--font-size-scale-base); font-weight: var(--font-weight-regular); width: auto; } .br-step[data-type="text"] .step-progress-btn::after { content: none; } .br-step[data-type="text"] .step-info { height: 0px; overflow: hidden; position: absolute; width: 0px; } .br-step[data-scroll], .br-step[scroll] { overflow: auto hidden; } .br-step[data-scroll]::-webkit-scrollbar, .br-step[scroll]::-webkit-scrollbar { height: var(--spacing-scale-base); width: var(--spacing-scale-base); } .br-step[data-scroll]::-webkit-scrollbar-track, .br-step[scroll]::-webkit-scrollbar-track { background: var(--gray-10); } .br-step[data-scroll]::-webkit-scrollbar-thumb, .br-step[scroll]::-webkit-scrollbar-thumb { background: var(--gray-30); } .br-step[data-scroll]:hover::-webkit-scrollbar-thumb, .br-step[scroll]:hover::-webkit-scrollbar-thumb { background: var(--gray-40); } .br-step[data-scroll] .step-progress-btn, .br-step[scroll] .step-progress-btn { min-width: 200px; } .br-step[data-scroll].vertical, .br-step[scroll].vertical { overflow: hidden auto; } .br-step[data-scroll].vertical .step-progress-btn, .br-step[scroll].vertical .step-progress-btn { min-height: 100px; min-width: auto; } .br-step .step-progress-btn[data-alert="success"], .br-step .step-progress-btn[data-alert="success"] .step-info { color: var(--success); } .br-step .step-progress-btn[data-alert="success"] .step-alert { background-color: var(--success); } .br-step .step-progress-btn[data-alert="success"] .step-alert::after { content: var(--step-alert-success-icon); } .br-step .step-progress-btn[data-alert="info"], .br-step .step-progress-btn[data-alert="info"] .step-info { color: var(--info); } .br-step .step-progress-btn[data-alert="info"] .step-alert { background-color: var(--info); } .br-step .step-progress-btn[data-alert="info"] .step-alert::after { content: var(--step-alert-info-icon); } .br-step .step-progress-btn[data-alert="warning"] { color: var(--color-light); } .br-step .step-progress-btn[data-alert="warning"] .step-info { color: var(--color); } .br-step .step-progress-btn[data-alert="warning"] .step-alert { background-color: var(--warning); } .br-step .step-progress-btn[data-alert="warning"] .step-alert::after { content: var(--step-alert-warning-icon); color: var(--color-light); } .br-step .step-progress-btn[data-alert="danger"], .br-step .step-progress-btn[data-alert="danger"] .step-info { color: var(--danger); } .br-step .step-progress-btn[data-alert="danger"] .step-alert { background-color: var(--danger); } .br-step .step-progress-btn[data-alert="danger"] .step-alert::after { content: var(--step-alert-danger-icon); } .br-step .step-progress-btn.active::before, .br-step .step-progress-btn[active]::before { background-color: var(--active); border-color: var(--active); color: var(--background); } .br-step .step-progress-btn.active .step-icon, .br-step .step-progress-btn[active] .step-icon { color: var(--background); } .br-step .step-progress-btn:focus { outline: none; } .br-step .step-progress-btn.focus-visible::before, .br-step .step-progress-btn:focus-visible::before { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); z-index: 4; } .br-step .step-progress-btn:hover:not(:disabled)::before { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-step .step-progress-btn:disabled { opacity: 1; } .br-step .step-progress-btn:disabled::before { border-color: rgba(var(--interactive-rgb),var(--disabled)); } .br-step .step-progress-btn:disabled .step-icon { color: rgba(var(--interactive-rgb),var(--disabled)); } .br-step[data-type="void"] .step-progress-btn.active .step-alert, .br-step[data-type="void"] .step-progress-btn[active] .step-alert { border: var(--step-empty-border) solid var(--active); height: calc(var(--font-size-scale-up-04) + var(--step-empty-border)); width: calc(var(--font-size-scale-up-04) + var(--step-empty-border)); } .br-step[data-type="void"] .step-progress-btn[data-alert].focus-visible::before, .br-step[data-type="void"] .step-progress-btn[data-alert]:focus-visible::before { outline: none; } .br-step[data-type="void"] .step-progress-btn[data-alert].focus-visible .step-alert, .br-step[data-type="void"] .step-progress-btn[data-alert]:focus-visible .step-alert { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); z-index: 4; } .br-step[data-type="text"] .step-progress-btn { cursor: default; } .br-step[data-type="text"] .step-progress-btn.active, .br-step[data-type="text"] .step-progress-btn[active] { height: auto; position: static; width: auto; } .br-step[data-type="text"] .step-progress-btn.active::before, .br-step[data-type="text"] .step-progress-btn[active]::before { background-color: transparent; border: 0px; color: var(--color); position: static; } .br-step[data-type="text"] .step-progress-btn.focus-visible::before, .br-step[data-type="text"] .step-progress-btn:focus-visible::before, .br-step[data-type="text"] .step-progress-btn:focus::before { outline: none; } .br-step[data-type="text"] .step-progress-btn:hover::before { background-image: none; } .br-step.dark-mode, .br-step.inverted { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } .br-step.dark-mode .step-progress-btn[data-alert="success"], .br-step.dark-mode .step-progress-btn[data-alert="success"] .step-info, .br-step.inverted .step-progress-btn[data-alert="success"], .br-step.inverted .step-progress-btn[data-alert="success"] .step-info { color: var(--success-alternative); } .br-step.dark-mode .step-progress-btn[data-alert="success"] .step-alert::after, .br-step.inverted .step-progress-btn[data-alert="success"] .step-alert::after { content: var(--step-alert-success-icon); } .br-step.dark-mode .step-progress-btn[data-alert="info"], .br-step.dark-mode .step-progress-btn[data-alert="info"] .step-info, .br-step.inverted .step-progress-btn[data-alert="info"], .br-step.inverted .step-progress-btn[data-alert="info"] .step-info { color: var(--info-alternative); } .br-step.dark-mode .step-progress-btn[data-alert="info"] .step-alert::after, .br-step.inverted .step-progress-btn[data-alert="info"] .step-alert::after { content: var(--step-alert-info-icon); } .br-step.dark-mode .step-progress-btn[data-alert="warning"] .step-alert::after, .br-step.inverted .step-progress-btn[data-alert="warning"] .step-alert::after { content: var(--step-alert-warning-icon); } .br-step.dark-mode .step-progress-btn[data-alert="danger"], .br-step.dark-mode .step-progress-btn[data-alert="danger"] .step-info, .br-step.inverted .step-progress-btn[data-alert="danger"], .br-step.inverted .step-progress-btn[data-alert="danger"] .step-info { color: var(--danger-alternative); } .br-step.dark-mode .step-progress-btn[data-alert="danger"] .step-alert::after, .br-step.inverted .step-progress-btn[data-alert="danger"] .step-alert::after { content: var(--step-alert-danger-icon); } .br-step.dark-mode .step-progress-btn.active, .br-step.dark-mode .step-progress-btn[active], .br-step.inverted .step-progress-btn.active, .br-step.inverted .step-progress-btn[active] { color: var(--color-dark); } .br-step.dark-mode .step-progress-btn.active::before, .br-step.dark-mode .step-progress-btn[active]::before, .br-step.inverted .step-progress-btn.active::before, .br-step.inverted .step-progress-btn[active]::before { background-color: var(--background-light); border-color: var(--background-light); color: var(--active); } .br-step.dark-mode .step-progress-btn.active .step-icon, .br-step.dark-mode .step-progress-btn[active] .step-icon, .br-step.inverted .step-progress-btn.active .step-icon, .br-step.inverted .step-progress-btn[active] .step-icon { color: var(--active); } .br-step.dark-mode[data-type="void"] .step-progress-btn.active .step-alert, .br-step.dark-mode[data-type="void"] .step-progress-btn[active] .step-alert, .br-step.inverted[data-type="void"] .step-progress-btn.active .step-alert, .br-step.inverted[data-type="void"] .step-progress-btn[active] .step-alert { border-color: var(--color-dark); } .br-step.dark-mode[data-type="text"] .step-progress-btn::before, .br-step.inverted[data-type="text"] .step-progress-btn::before { background-color: transparent; color: var(--color); } .br-switch { --switch-height:var(--switch-height-medium); --switch-width:var(--switch-width-medium); --switch-toggle-size:var(--switch-toggle-medium); --switch-icon-size:var(--switch-icon-medium); --switch-height-small:24px; --switch-height-medium:30px; --switch-height-large:36px; --switch-width-small:40px; --switch-width-medium:52px; --switch-width-large:64px; --switch-toggle-small:16px; --switch-toggle-medium:22px; --switch-toggle-large:28px; --switch-icon-small:var(--icon-size-xs); --switch-icon-medium:var(--icon-size-sm); --switch-icon-large:var(--icon-size-base); display: inline-flex; min-height: var(--switch-height); } .br-switch input { opacity: 0; position: absolute; } .br-switch input + label { align-items: center; color: var(--color); cursor: pointer; display: inline-flex; font-size: var(--font-size-scale-base); margin-bottom: 0px; position: relative; } .br-switch input + label::before { background: var(--background-light); border: 1px solid var(--border-color); border-radius: 100em; content: ""; height: var(--switch-height); position: absolute; width: var(--switch-width); } .br-switch input + label::after { background-color: var(--off); border-radius: 50%; content: ""; height: var(--switch-toggle-size); position: absolute; transition: all 0.3s ease-in-out 0s; width: var(--switch-toggle-size); } .br-switch input:checked + label::after { background-color: var(--on); } .br-switch input + label { padding-right: calc(var(--spacing-scale-2x) + var(--switch-width)); } .br-switch input + label:empty { padding-right: var(--switch-width); } .br-switch input + label::before { right: 0px; } .br-switch input + label::after { right: calc(4px + var(--switch-toggle-size)); } .br-switch input:checked + label::after { right: 4px; } .br-switch.right input + label { padding-left: calc(var(--spacing-scale-2x) + var(--switch-width)); padding-right: 0px; } .br-switch.right input + label::before { left: 0px; } .br-switch.right input + label::after { left: 4px; } .br-switch.right input:checked + label::after { left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px); } .br-switch.top { min-height: calc(var(--switch-height)*2); } .br-switch.top input + label { align-items: flex-start; padding-right: 0px; } .br-switch.top input + label::before { bottom: 0px; left: 0px; } .br-switch.top input + label::after { bottom: 4px; left: 4px; } .br-switch.top input:checked + label::after { left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px); } .br-switch.small { --switch-height:var(--switch-height-small); --switch-width:var(--switch-width-small); --switch-toggle-size:var(--switch-toggle-small); --switch-icon-size:var(--switch-icon-small); } .br-switch.medium { --switch-height:var(--switch-height-medium); --switch-width:var(--switch-width-medium); --switch-toggle-size:var(--switch-toggle-medium); --switch-icon-size:var(--switch-icon-medium); } .br-switch.large { --switch-height:var(--switch-height-large); --switch-width:var(--switch-width-large); --switch-toggle-size:var(--switch-toggle-large); --switch-icon-size:var(--switch-icon-large); } .br-switch input ~ .switch-data { align-self: center; color: var(--color); font-size: var(--font-size-scale-base); font-weight: var(--font-weight-regular); margin-left: 8px; } .br-switch input ~ .switch-data::before { content: attr(data-disabled); } .br-switch input:checked ~ .switch-data { color: var(--color); } .br-switch input:checked ~ .switch-data::before { content: attr(data-enabled); } .br-switch.icon input + label::after { align-items: center; color: var(--color-dark); content: "&#61453;"; display: inline-flex; font-family: "Font Awesome 5 Free", sans-serif; font-size: var(--switch-icon-size); font-weight: var(--font-weight-black); justify-content: center; } .br-switch.icon input:checked + label::after { content: "&#61452;"; } .br-switch input.focus-visible + label::before, .br-switch input:focus-visible + label::before { box-shadow: 0 0 0 var(--surface-width-md) var(--focus); outline: none; border-color: var(--focus) !important; } .br-switch input:hover:not([disabled]):checked + label::before { background-image: linear-gradient(rgba(var(--on-rgb),var(--hover)),rgba(var(--on-rgb),var(--hover))); } .br-switch input:hover:not([disabled]):not(:checked) + label::before { background-image: linear-gradient(rgba(var(--off-rgb),var(--hover)),rgba(var(--off-rgb),var(--hover))); } .br-switch input:active:not([disabled]):checked + label::before { background-image: linear-gradient(rgba(var(--on-rgb),var(--pressed)),rgba(var(--on-rgb),var(--pressed))); } .br-switch input:active:not([disabled]):not(:checked) + label::before { background-image: linear-gradient(rgba(var(--off-rgb),var(--pressed)),rgba(var(--off-rgb),var(--pressed))); } .br-switch.dark-mode, .br-switch.dark-mode label, .br-switch.inverted, .br-switch.inverted label { color: var(--color-dark); } .br-table { --table-padding:var(--spacing-scale-3x); --table-row-size:var(--table-row-medium); --table-row-small:var(--spacing-scale-base); --table-row-medium:var(--spacing-scale-2x); --table-row-large:var(--spacing-scale-3x); } .br-table caption { opacity: 0; position: absolute; z-index: -1; } .br-table .responsive { overflow: auto; } .br-table tr:hover td.column-collapse { background-color: var(--background-alternative); background-image: none; } .br-table .column-collapse { background-color: var(--background-alternative); width: 40px; } .br-table .column-checkbox { width: 24px; } .br-table .table-header { position: relative; } .br-table .table-header.show .top-bar { opacity: 0; pointer-events: none; } .br-table .top-bar { align-items: center; display: flex; padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding); } .br-table .top-bar .table-title, .br-table .top-bar .title { color: var(--color); flex-grow: 1; font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-semi-bold); } .br-table .top-bar .actions-trigger { margin-right: var(--spacing-scale-base); } .br-table .top-bar .dropdown [data-toggle="dropdown-legacy"] + *, .br-table .top-bar .dropdown [data-toggle="dropdown"] + * { left: auto; right: 0px; } @media (min-width: 576px) { .br-table .top-bar title { font-size: var(--font-size-scale-up-03); line-height: var(--font-line-height-medium); }} .br-table .search-bar { align-items: center; inset: 0px; display: none; height: 56px; padding-left: var(--table-padding); padding-right: var(--spacing-scale-2x); position: absolute; } .br-table .search-bar.show { display: flex; } .br-table .search-bar .br-input { flex: 1 1 0%; } .br-table .search-bar .br-input label { display: none; } .br-table .search-bar .br-input input { margin-bottom: 0px; margin-top: 0px; } .br-table .search-bar .br-input input + .br-button { --button-size:var(--button-small); margin-top: 0px; position: absolute; right: var(--spacing-scale-half); top: 0px; } .br-table .search-bar .br-input + .br-button { margin-left: var(--table-row-medium); } .br-table .selected-bar, .br-table .selection-bar { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); --table-padding:var(--spacing-scale-base) var(--spacing-scale-2x); align-items: center; background-color: var(--interactive-light); inset: 0px; color: var(--color); display: none; padding: var(--table-padding); } .br-table .selected-bar.show, .br-table .selection-bar.show { display: flex; } .br-table .selected-bar .info, .br-table .selection-bar .info { align-items: center; display: flex; flex-grow: 1; white-space: nowrap; } .br-table .selected-bar .info .select-all, .br-table .selected-bar .info [data-toggle="check-all"], .br-table .selection-bar .info .select-all, .br-table .selection-bar .info [data-toggle="check-all"] { font-size: var(--font-size-scale-up-03); margin-right: var(--spacing-scale-half); padding: 0px; } .br-table .selected-bar .count, .br-table .selected-bar .text, .br-table .selection-bar .count, .br-table .selection-bar .text { line-height: var(--font-line-height-low); padding-right: var(--spacing-scale-half); } .br-table .selected-bar.active, .br-table .selected-bar.is-active, .br-table .selection-bar.active, .br-table .selection-bar.is-active { opacity: 1; top: 0px; } .br-table .footer, .br-table .table-footer { padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding); } .br-table .footer .br-input .br-button, .br-table .table-footer .br-input .br-button { transform: rotate(180deg); } .br-table .footer .br-list, .br-table .table-footer .br-list { bottom: 100%; } .br-table.small .clone-headers .item, .br-table.small .headers, .br-table.small table { --table-row-size:var(--table-row-small); } .br-table.medium .clone-headers .item, .br-table.medium .headers, .br-table.medium table { --table-row-size:var(--table-row-medium); } .br-table.large .clone-headers .item, .br-table.large .headers, .br-table.large table { --table-row-size:var(--table-row-large); } .br-table.dark-mode, .br-table.dark-mode.dark-mode, .br-table.dark-mode.inverted, .br-table.inverted, .br-table.inverted.dark-mode, .br-table.inverted.inverted { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } .br-table.dark-mode.dark-mode.dark-mode .br-input, .br-table.dark-mode.dark-mode.dark-mode .br-input label, .br-table.dark-mode.dark-mode.inverted .br-input, .br-table.dark-mode.dark-mode.inverted .br-input label, .br-table.dark-mode.inverted.dark-mode .br-input, .br-table.dark-mode.inverted.dark-mode .br-input label, .br-table.dark-mode.inverted.inverted .br-input, .br-table.dark-mode.inverted.inverted .br-input label, .br-table.inverted.dark-mode.dark-mode .br-input, .br-table.inverted.dark-mode.dark-mode .br-input label, .br-table.inverted.dark-mode.inverted .br-input, .br-table.inverted.dark-mode.inverted .br-input label, .br-table.inverted.inverted.dark-mode .br-input, .br-table.inverted.inverted.dark-mode .br-input label, .br-table.inverted.inverted.inverted .br-input, .br-table.inverted.inverted.inverted .br-input label { --color:var(--color-dark); --focus-color:var(--focus-color-dark); } .br-table.dark-mode.dark-mode .page.active, .br-table.dark-mode.inverted .page.active, .br-table.inverted.dark-mode .page.active, .br-table.inverted.inverted .page.active { --interactive-rgb:var(--active-rgb); background-color: var(--background-light); color: var(--active); } .br-table.dark-mode td.column-collapse, .br-table.dark-mode th, .br-table.dark-mode tr:hover td.column-collapse, .br-table.inverted td.column-collapse, .br-table.inverted th, .br-table.inverted tr:hover td.column-collapse { background-color: var(--background-dark); } .br-table.no-hover td:not(.column-collapse):hover td { background: none; } .br-tab { --tab-padding:var(--spacing-scale-3x); --tab-size:var(--tab-medium); --tab-large:var(--spacing-scale-3x); --tab-medium:var(--spacing-scale-2x); --tab-small:var(--spacing-scale-base); } .br-tab .tab-nav { overflow-x: auto; width: 100%; } .br-tab .tab-nav::-webkit-scrollbar { height: var(--spacing-scale-base); width: var(--spacing-scale-base); } .br-tab .tab-nav::-webkit-scrollbar-track { background: var(--gray-10); } .br-tab .tab-nav::-webkit-scrollbar-thumb { background: var(--gray-30); } .br-tab .tab-nav:hover::-webkit-scrollbar-thumb { background: var(--gray-40); } @media (max-width: 991px) { .br-tab .tab-nav { display: flex; overflow-x: auto; width: 100%; } .br-tab .tab-nav::-webkit-scrollbar { height: var(--spacing-scale-base); width: var(--spacing-scale-base); } .br-tab .tab-nav::-webkit-scrollbar-track { background: var(--gray-10); } .br-tab .tab-nav::-webkit-scrollbar-thumb { background: var(--gray-30); } .br-tab .tab-nav:hover::-webkit-scrollbar-thumb { background: var(--gray-40); }} .br-tab .tab-nav ul { border-bottom: 1px solid var(--border-color); display: flex; margin-bottom: 0px; margin-top: 0px; padding: 0px; width: 100%; } .br-tab .tab-item { align-items: center; display: flex; justify-content: center; position: relative; white-space: nowrap; } .br-tab .tab-item a, .br-tab .tab-item button { --focus-offset:calc(var(--spacing-scale-half)*-1); background-color: transparent; border-width: 0px 0px 4px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: transparent; color: var(--color); display: inline-block; font-size: var(--font-size-scale-up-02); font-weight: var(--font-weight-medium); line-height: 1; padding: var(--tab-size) var(--tab-padding); text-align: center; white-space: nowrap; } .br-tab .tab-item a:focus, .br-tab .tab-item button:focus { outline: none; } .br-tab .tab-item a.focus-visible, .br-tab .tab-item a:focus-visible, .br-tab .tab-item button.focus-visible, .br-tab .tab-item button:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-tab .tab-item a:not(:disabled):hover, .br-tab .tab-item button:not(:disabled):hover { background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); } .br-tab .tab-item:first-child { padding-left: 0px; } .br-tab .tab-item:last-child { padding-right: 0px; } .br-tab .tab-item.active button, .br-tab .tab-item.is-active button { border-bottom: 4px solid var(--active); color: var(--active); } .br-tab .tab-item.active .results, .br-tab .tab-item.is-active .results { --font-weight:var(--font-weight-semi-bold); color: var(--active); } .br-tab .results { display: flex; font-weight: var(--font-weight); justify-content: center; margin-top: var(--spacing-scale-2x); position: absolute; top: 100%; } .br-tab[data-counter="true"] .tab-nav ul { margin-bottom: calc(var(--spacing-scale-2x) + var(--font-size-scale-up-02) + var(--spacing-scale-base)); } .br-tab .tab-content .tab-panel { color: var(--text-color); display: none; } .br-tab .tab-content .tab-panel.active, .br-tab .tab-content .tab-panel.is-active { display: block; } .br-tab.is-small, .br-tab.small, .br-tab[small] { --tab-size:var(--tab-small); } .br-tab.is-medium, .br-tab.medium, .br-tab[medium] { --tab-size:var(--tab-medium); } .br-tab.is-large, .br-tab.large, .br-tab[large] { --tab-size:var(--tab-large); } .br-tab.dark-mode, .br-tab.inverted { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } .br-tab.dark-mode .tab-item.active button, .br-tab.inverted .tab-item.active button { border-bottom-color: var(--background-light); color: var(--color); } .br-tag { --tag-size:var(--tag-medium); --tag-small:var(--spacing-scale-2xh); --tag-medium:var(--spacing-scale-3xh); --tag-large:var(--spacing-scale-4xh); align-items: center; background: var(--background-dark); border-radius: var(--surface-rounder-sm); color: var(--color-dark); display: inline-flex; font-size: var(--font-size-scale-base); font-weight: var(--font-weight-medium); justify-content: center; margin: 0px; min-height: var(--tag-size); padding: 0 var(--spacing-scale-baseh); } .br-tag.status { --tag-small:var(--spacing-scale-baseh); --tag-medium:var(--spacing-scale-2x); --tag-large:var(--spacing-scale-3x); border: 1px solid var(--background-light); border-radius: 50%; min-width: var(--tag-size); padding: 0px; } .br-tag.count { --tag-small:var(--spacing-scale-2xh); --tag-medium:var(--spacing-scale-3x); --tag-large:var(--spacing-scale-3xh); border: 1px solid var(--background-light); border-radius: 100em; min-width: var(--tag-size); padding-left: var(--spacing-scale-base); padding-right: var(--spacing-scale-base); } .br-tag.icon { --tag-small:var(--spacing-scale-3xh); --tag-medium:var(--spacing-scale-4x); --tag-large:var(--spacing-scale-5xh); border-radius: 50%; min-width: var(--tag-size); padding: 0px; } .br-tag.icon .fa, .br-tag.icon .fab, .br-tag.icon .fad, .br-tag.icon .fal, .br-tag.icon .far, .br-tag.icon .fas, .br-tag.icon .svg-inline--fa { font-size: var(--icon-size-base); margin: 0px !important; } .br-tag.interaction, .br-tag.interaction-select { --tag-small:var(--spacing-scale-4x); --tag-medium:var(--spacing-scale-5x); --tag-large:var(--spacing-scale-5xh); font-size: var(--font-size-scale-up-01); } .br-tag.interaction { background: var(--interactive); } .br-tag.interaction .br-button { --button-size:var(--spacing-scale-3xh); --focus:var(--focus-color-dark); --hover:var(--hover-dark); --interactive-rgb:var(--color-dark-rgb); background-color: var(--interactive-light); border-radius: 50%; color: var(--color-dark); margin-left: var(--spacing-scale-baseh); padding: 0px; width: var(--button-size); } .br-tag.interaction:hover .br-button { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-tag.interaction:active .br-button { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed))); } .br-tag.interaction-select { background: transparent; padding: 0px; } .br-tag.interaction-select label { --interactive-rgb:var(--color-dark-rgb); --hover:var(--hover-dark); align-items: center; border-radius: var(--surface-rounder-sm); color: var(--color-dark); display: inline-flex; font-weight: var(--font-weight-medium); justify-content: center; min-height: var(--tag-size); padding: 0 var(--spacing-scale-baseh); background: var(--interactive); cursor: pointer; font-size: var(--font-size-scale-up-01); margin: 0px; transition: padding 0.15s ease 0s; } .br-tag.interaction-select label + .br-tag.interaction-select label { margin-left: var(--spacing-scale-half); } .br-tag.interaction-select label > .fa:first-child, .br-tag.interaction-select label > .fab:first-child, .br-tag.interaction-select label > .fad:first-child, .br-tag.interaction-select label > .fal:first-child, .br-tag.interaction-select label > .far:first-child, .br-tag.interaction-select label > .fas:first-child, .br-tag.interaction-select label > .svg-inline--fa:first-child { margin-right: var(--spacing-scale-baseh); } .br-tag.interaction-select input { height: 0px; opacity: 0; position: relative; width: 0px; } .br-tag.interaction-select input:checked + label::after { border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: 0px 3px 3px 0px; content: ""; height: var(--icon-size-sm); transform: rotate(45deg) translate(12px, -14px); width: 8px; } .br-tag.interaction-select input:focus + label { outline-color: var(--focus-color); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-tag.interaction-select input:hover + label { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-tag.interaction-select input:active + label { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed))); color: var(--color-dark); } .br-tag.interaction-select.selected label { background-color: var(--selected); padding-right: var(--spacing-scale-4xh); } .br-tag.disabled input { cursor: not-allowed; } .br-tag + .br-tag { margin-left: var(--spacing-scale-half); } .br-tag > .fa:first-child, .br-tag > .fab:first-child, .br-tag > .fad:first-child, .br-tag > .fal:first-child, .br-tag > .far:first-child, .br-tag > .fas:first-child, .br-tag > .svg-inline--fa:first-child { margin-right: var(--spacing-scale-baseh); } .br-tag.small { --tag-size:var(--tag-small); } .br-tag.medium { --tag-size:var(--tag-medium); } .br-tag.large { --tag-size:var(--tag-large); } .br-tag.support-01 { --tag-background:var(--color-support-01); } .br-tag.support-02 { --tag-background:var(--color-support-02); } .br-tag.support-03 { --tag-background:var(--color-support-03); } .br-tag.support-04 { --tag-background:var(--color-support-04); } .br-tag.support-05 { --tag-background:var(--color-support-05); } .br-tag.support-06 { --tag-background:var(--color-support-06); } .br-tag.support-07 { --tag-background:var(--color-support-07); } .br-tag.support-08 { --tag-background:var(--color-support-08); } .br-tag.support-09 { --tag-background:var(--color-support-09); } .br-tag.support-10 { --tag-background:var(--color-support-10); } .br-tag.support-11 { --tag-background:var(--color-support-11); } .br-tag.is-primary-pastel-01, .br-tag.primary-pastel-01, .br-tag[primary-pastel-01] { background-color: rgb(197, 212, 235); } .br-tag.is-primary-pastel-02, .br-tag.primary-pastel-02, .br-tag[primary-pastel-02] { background-color: rgb(219, 232, 251); } .br-tag.is-primary-lighten-01, .br-tag.primary-lighten-01, .br-tag[primary-lighten-01] { background-color: rgb(38, 112, 232); } .br-tag.is-primary-lighten-02, .br-tag.primary-lighten-02, .br-tag[primary-lighten-02] { background-color: rgb(89, 146, 237); } .br-tag.is-primary-default, .br-tag.primary-default, .br-tag[primary-default] { background-color: rgb(19, 81, 180); } .br-tag.is-primary-darken-01, .br-tag.primary-darken-01, .br-tag[primary-darken-01] { background-color: rgb(12, 50, 111); } .br-tag.is-primary-darken-02, .br-tag.primary-darken-02, .br-tag[primary-darken-02] { background-color: rgb(7, 29, 65); } .br-tag.is-secondary-01, .br-tag.secondary-01, .br-tag[secondary-01] { background-color: rgb(255, 255, 255); } .br-tag.is-secondary-02, .br-tag.secondary-02, .br-tag[secondary-02] { background-color: rgb(248, 248, 248); } .br-tag.is-secondary-03, .br-tag.secondary-03, .br-tag[secondary-03] { background-color: rgb(237, 237, 237); } .br-tag.is-secondary-04, .br-tag.secondary-04, .br-tag[secondary-04] { background-color: rgb(204, 204, 204); } .br-tag.is-secondary-05, .br-tag.secondary-05, .br-tag[secondary-05] { background-color: rgb(158, 157, 157); } .br-tag.is-secondary-06, .br-tag.secondary-06, .br-tag[secondary-06] { background-color: rgb(136, 136, 136); } .br-tag.is-secondary-07, .br-tag.secondary-07, .br-tag[secondary-07] { background-color: rgb(85, 85, 85); } .br-tag.is-secondary-08, .br-tag.secondary-08, .br-tag[secondary-08] { background-color: rgb(51, 51, 51); } .br-tag.is-secondary-09, .br-tag.secondary-09, .br-tag[secondary-09] { background-color: rgb(0, 0, 0); } .br-tag.highlight, .br-tag.is-highlight, .br-tag[highlight] { background-color: rgb(38, 135, 68); } .br-tag.is-support-01, .br-tag.support-01, .br-tag[support-01] { background-color: rgb(54, 161, 145); } .br-tag.is-support-02, .br-tag.support-02, .br-tag[support-02] { background-color: rgb(242, 227, 23); } .br-tag.is-support-03, .br-tag.support-03, .br-tag[support-03] { background-color: rgb(219, 72, 0); } .br-tag.is-support-04, .br-tag.support-04, .br-tag[support-04] { background-color: rgb(162, 103, 57); } .br-tag.is-support-05, .br-tag.support-05, .br-tag[support-05] { background-color: rgb(64, 224, 208); } .br-tag.is-support-06, .br-tag.support-06, .br-tag[support-06] { background-color: rgb(72, 203, 235); } .br-tag.is-support-07, .br-tag.support-07, .br-tag[support-07] { background-color: rgb(199, 36, 135); } .br-tag.is-support-08, .br-tag.support-08, .br-tag[support-08] { background-color: rgb(99, 0, 127); } .br-tag.is-support-09, .br-tag.support-09, .br-tag[support-09] { background-color: rgb(240, 128, 128); } .br-tag.is-support-10, .br-tag.support-10, .br-tag[support-10] { background-color: rgb(255, 140, 0); } .br-tag.is-support-11, .br-tag.support-11, .br-tag[support-11] { background-color: rgb(253, 245, 230); } .br-tag.is-success, .br-tag.success, .br-tag[success] { background-color: var(--success); } .br-tag.danger, .br-tag.is-danger, .br-tag[danger] { background-color: var(--danger); } .br-tag.is-warning, .br-tag.warning, .br-tag[warning] { background-color: var(--warning); } .br-tag.info, .br-tag.is-info, .br-tag[info] { background-color: var(--info); } .br-tag-input { --input-background:var(--bg-color); --input-border-color:var(--color-secondary-06); --input-border-width:1px; --input-border-style:solid; --input-padding:0 var(--spacing-scale-half); --input-radius:var(--surface-rounder-sm); background: var(--input-background); border: var(--input-border-width) var(--input-border-style) var(--input-border-color); border-radius: var(--input-radius); color: var(--text-color); font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-medium); height: var(--input-size); padding: var(--input-padding); width: 100%; display: flex; flex-wrap: wrap; } .br-tag-input:not(:disabled):hover { background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); } .br-tag-input.focus-visible, .br-tag-input:focus, .br-tag-input:focus-visible { box-shadow: 0 0 0 var(--surface-width-md) var(--focus); outline: none; border-color: var(--focus) !important; } .br-tag-input.has-icon { padding-right: var(--spacing-scale-5x); } .br-tag-input input { flex: 1 1 0%; } .input-tag { border: 0px; box-sizing: border-box; color: inherit; flex: 1 1 0%; font-family: inherit; font-size: inherit; outline: none; padding: 0.9em 0.5em; } .br-textarea { --textarea-padding:var(--textarea-medium); --textarea-small:var(--spacing-scale-base); --textarea-medium:var(--spacing-scale-baseh); --textarea-large:var(--spacing-scale-2x); color: var(--color); } .br-textarea label { display: inline-block; margin-bottom: var(--spacing-scale-half); } .br-textarea textarea { background: var(--background-light); border: 1px solid var(--border-color-alternative); border-radius: 6px; color: var(--color); display: block; font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-medium); padding: var(--textarea-padding); width: 100%; } .br-textarea.small textarea, .br-textarea[data-small] textarea { --textarea-padding:var(--textarea-small); } .br-textarea.medium textarea, .br-textarea[data-medium] textarea { --textarea-padding:var(--textarea-medium); } .br-textarea.large textarea, .br-textarea[data-large] textarea { --textarea-padding:var(--textarea-large); } .br-textarea.success textarea, .br-textarea[data-success] textarea { border-color: var(--success); border-width: 2px; } .br-textarea.danger textarea, .br-textarea[data-danger] textarea { border-color: var(--danger); border-width: 2px; } .br-textarea.warning textarea, .br-textarea[data-warning] textarea { border-color: var(--warning); border-width: 2px; } .br-textarea.info textarea, .br-textarea[data-info] textarea { border-color: var(--info); border-width: 2px; } .br-textarea textarea.focus-visible, .br-textarea textarea:focus, .br-textarea textarea:focus-visible { box-shadow: 0 0 0 var(--surface-width-md) var(--focus); outline: none; border-color: var(--focus) !important; } .br-textarea textarea:hover:not(:disabled):hover { background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover))); } .br-textarea.dark-mode, .br-textarea.dark-mode label, .br-textarea.inverted, .br-textarea.inverted label { --color:var(--color-dark); --focus-color:var(--focus-color-dark); } .br-textarea.dark-mode textarea, .br-textarea.inverted textarea { color: var(--color-light); } .br-tooltip { align-items: flex-start; background: var(--color-info,#155bcb); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; color: var(--color-secondary-01,#fff); flex-wrap: wrap; font-size: var(--font-size-scale-down-01,11.662px); font-weight: var(--font-weight-medium,500); justify-content: flex-start; max-width: 240px; opacity: 0; padding: var(--spacing-scale-2x); visibility: hidden; z-index: 999; display: flex !important; position: absolute !important; } @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; }} @keyframes fadeOutOpacity { 0% { opacity: 1; } 100% { opacity: 0; }} .br-tooltip[data-show] { animation: 0.5s ease-in-out 0s 1 normal none running fadeInOpacity; opacity: 1; visibility: visible; } .br-tooltip[popover] { max-width: 320px; min-width: 240px; overflow-x: hidden; width: auto; } .br-tooltip[success] { background: var(--color-success,#168821); } .br-tooltip[success] .arrow { border-color: var(--color-success,#168821); } .br-tooltip[error] { background: var(--color-danger,#e52207); } .br-tooltip[error] .arrow { border-color: var(--color-danger,#e52207); } .br-tooltip[warning] { background: var(--color-warning,#ffcd07); color: var(--color-secondary-08,#333); } .br-tooltip[warning] .arrow { border-color: var(--color-warning,#ffcd07); } .br-tooltip, .br-tooltip[info] { background: var(--color-info,#155bcb); } .br-tooltip .arrow, .br-tooltip[info] .arrow { border-color: var(--color-info,#155bcb); } .br-tooltip .arrow { height: 0px !important; position: absolute !important; width: 0px !important; z-index: -1 !important; } .br-tooltip[data-popper-placement^="top"] > .arrow { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top-style: solid; border-top-width: 8px; bottom: -7px; margin-left: 0px; } .br-tooltip[data-popper-placement^="bottom"] > .arrow { border-bottom-style: solid; border-bottom-width: 8px; border-left: 8px solid transparent; border-right: 8px solid transparent; margin-left: 0px; top: -8px; } .br-tooltip[data-popper-placement^="left"] > .arrow { border-bottom: 8px solid transparent; border-left-style: solid; border-left-width: 8px; border-top: 8px solid transparent; right: calc(var(--spacing-scale-base)*-1); } .br-tooltip[data-popper-placement^="right"] > .arrow { border-bottom: 8px solid transparent; border-right-style: solid; border-right-width: 8px; border-top: 8px solid transparent; left: calc(var(--spacing-scale-base)*-1); } .br-tooltip .link, .br-tooltip .subtext, .br-tooltip .text { display: block; max-width: 100%; min-width: 0px; } .br-tooltip .popover-header { font-size: var(--font-size-scale-base,14px); margin-bottom: 1em; min-width: 180px; text-align: center; width: 100%; } .br-tooltip .popover-header .fas, .br-tooltip .popover-header .svg-inline--fa { font-size: var(--font-size-scale-up-06,41.804px); text-align: center; } .br-tooltip .popover-image { border: 3px solid var(--color-secondary-01,#fff); } .br-tooltip .popover-icon, .br-tooltip .popover-image { height: auto; margin-left: -10px; max-height: 120px; max-width: 45%; overflow: hidden; width: auto; } .br-tooltip .popover-icon { margin-top: 10%; } .br-tooltip .popover-body { font-size: var(--font-size-scale-down-01,11.662px); margin-bottom: 1em; min-width: 180px; width: 100%; } .br-tooltip .popover-image + div { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-start; text-align: left; width: 65%; } .br-tooltip .popover-image + div div { padding-left: var(--spacing-scale-base); text-align: left; } .br-tooltip .popover-icon + div { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-start; text-align: left; width: 65%; } .br-tooltip .popover-icon + div div { padding-left: var(--spacing-scale-base); text-align: left; } .br-tooltip .popover-footer { font-size: var(--font-size-scale-down-01,11.662px); min-width: 180px; text-align: center; width: 100%; } .br-tooltip .text { font-size: var(--font-size-scale-base,14px); font-weight: var(--font-weight-semi-bold,600); } .br-tooltip .subtext { font-size: var(--font-size-scale-down-01,11.662px); font-weight: var(--font-weight-medium,500); } .br-tooltip .link { color: inherit; text-align: right; text-decoration: underline; width: 100%; } .br-tooltip .close { background: transparent; border: 0px; color: inherit; cursor: pointer; margin: 0px; padding: 0px; position: absolute; right: 10px; top: 10px; } .br-upload input { display: none; } .br-upload .upload-button { --button-radius:100em; --button-xsmall:24px; --button-small:32px; --button-medium:40px; --button-large:48px; --button-size:var(--button-medium); align-items: center; background-color: transparent; color: var(--interactive); cursor: pointer; height: var(--button-size); justify-content: center; overflow: hidden; padding-top: ; padding-bottom: ; position: relative; vertical-align: middle; white-space: nowrap; border: var(--surface-width-sm) dashed var(--interactive); border-radius: var(--surface-rounder-sm); display: block; font-size: var(--font-size-scale-base); font-style: italic; font-weight: var(--font-weight-regular); margin-top: var(--spacing-scale-half); max-width: 550px; min-height: var(--button-size); padding-left: var(--spacing-scale-2x); padding-right: var(--spacing-scale-2x); text-align: left; width: 100%; } .br-upload .upload-button .fa, .br-upload .upload-button .fab, .br-upload .upload-button .fad, .br-upload .upload-button .fal, .br-upload .upload-button .far, .br-upload .upload-button .fas, .br-upload .upload-button .svg-inline--fa { margin-right: var(--spacing-scale-base); } .br-upload .upload-list { max-width: 550px; position: relative; } .br-upload .upload-list .content { align-self: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; } .br-upload .upload-list .support { align-items: center; display: flex; } .br-upload .br-tooltip { max-width: 93%; } .br-upload .upload-button:disabled { cursor: not-allowed; } .br-upload .upload-button:not(:disabled) { --focus-offset:var(--spacing-scale-half); } .br-upload .upload-button:not(:disabled):focus { outline: none; } .br-upload .upload-button:not(:disabled).focus-visible, .br-upload .upload-button:not(:disabled):focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-upload .upload-button:not(:disabled):not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-upload .upload-button:not(:disabled):not(:disabled):active { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed))); } .br-upload .upload-button.active, .br-upload .upload-button.is-active, .br-upload .upload-button[active] { --hover:var(--hover-dark); background-color: var(--active); color: var(--color-dark); } .br-upload .upload-button.loading { cursor: progress; color: transparent !important; } .br-upload .upload-button.loading:not(:disabled):hover { background-image: none; } .br-upload .upload-button.loading::before { border-left-color: var(--interactive); border-bottom-color: transparent; border-right-color: var(--interactive); border-top-color: var(--interactive); border-style: solid; } .br-upload .upload-button.loading.danger::before, .br-upload .upload-button.loading.info::before, .br-upload .upload-button.loading.primary::before, .br-upload .upload-button.loading.success::before { border-left-color: var(--background); border-bottom-color: transparent; border-right-color: var(--background); border-top-color: var(--background); } .br-upload.success .upload-button, .br-upload[data-success] .upload-button { border-color: var(--success); } .br-upload.danger .upload-button, .br-upload[data-danger] .upload-button { border-color: var(--danger); } .br-upload.warning .upload-button, .br-upload[data-warning] .upload-button { border-color: var(--warning); } .br-upload.info .upload-button, .br-upload[data-info] .upload-button { border-color: var(--info); } .br-upload.dragging .upload-button { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-wizard { --wizard-min-height:300px; --wizard-max-height:800px; display: flex; flex-direction: column; height: 100%; margin-bottom: var(--spacing-scale-4x); max-height: var(--wizard-max-height); max-width: none; min-height: var(--wizard-min-height); } .br-wizard .wizard-progress { background-color: var(--background-alternative); display: grid; grid-template-columns: repeat(auto-fit, minmax(0px, 1fr)); grid-template-rows: none; min-height: 164px; overflow: auto hidden; padding-top: var(--spacing-scale-7x); width: 100%; } @media (max-width: 991px) { .br-wizard .wizard-progress { max-height: 100px; min-height: 100px; overflow-y: hidden; padding-top: var(--spacing-scale-3x); position: relative; } .br-wizard .wizard-progress, .br-wizard .wizard-progress::after { transition: all 0.25s linear 0s; } .br-wizard .wizard-progress::after { background-color: transparent; bottom: 2px; color: var(--interactive); content: "&#63396;"; display: block; font-family: "Font Awesome 5 Free", sans-serif; font-size: var(--switch-icon-size); font-weight: var(--font-weight-black); height: 1em; left: 50%; margin-left: -0.5em; position: absolute; top: unset; width: auto; }} .br-wizard .wizard-progress-btn { background-color: transparent; border: 0px; color: var(--interactive); font-size: var(--font-size-scale-up-01,16.8px); line-height: 19px; max-height: 90px; padding-bottom: 0px; padding-top: var(--spacing-scale-2x); position: relative; text-indent: 0px; transition: all 0.15s linear 0s; box-shadow: none !important; } .br-wizard .wizard-progress-btn[disabled] { color: rgba(var(--interactive-rgb),var(--disabled)); opacity: 1; } .br-wizard .wizard-progress-btn[disabled]::before { opacity: var(--disabled); } .br-wizard .wizard-progress-btn:focus { outline: none; } .br-wizard .wizard-progress-btn.focus-visible:not([disabled]):not(.disabled)::before, .br-wizard .wizard-progress-btn:focus-visible:not([disabled]):not(.disabled)::before { outline-color: var(--focus-color); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .br-wizard .wizard-progress-btn:hover:not([disabled])::before { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .br-wizard .wizard-progress-btn:active:not([disabled])::before { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--pressed)),rgba(var(--interactive-rgb),var(--pressed))); } .br-wizard .wizard-progress-btn::before { background-color: var(--background); border: 2px solid var(--interactive); border-radius: 50%; box-sizing: border-box; color: var(--interactive); display: block; font-size: var(--font-size-scale-up-02,20.16px); font-weight: var(--font-weight-semi-bold,600); height: 36px; left: 50%; line-height: 29px; margin-top: -13px; position: absolute; top: 0px; transform: translateX(-50%); transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; width: 36px; z-index: 3; content: attr(step) !important; } .br-wizard .wizard-progress-btn::after { content: ""; display: block; height: 1px; left: calc(-50% + 17px); position: absolute; top: 5px; transition: all 0.15s linear 0s; width: calc(100% - 34px); z-index: 1; background-color: var(--interactive) !important; } .br-wizard .wizard-progress-btn:first-child::after { display: none; } .br-wizard .wizard-progress-btn[active] { color: var(--active); font-weight: var(--font-weight-semi-bold,600); } .br-wizard .wizard-progress-btn[active]::after { background-color: var(--active); } .br-wizard .wizard-progress-btn[active]::before { background-color: var(--active); border: 2px solid var(--background-light); color: var(--background-light); font-weight: var(--font-weight-bold,700); } @media (max-width: 991px) { .br-wizard .wizard-progress-btn .info { font-size: var(--font-size-scale-down-02,9.716px); line-height: 1em; text-align: center; }} @media (max-width: 991px) { .br-wizard[collapsed] .wizard-progress { max-height: 64px; min-height: 64px; overflow-y: hidden; padding-bottom: var(--spacing-scale-3x); padding-top: var(--spacing-scale-3x); } .br-wizard[collapsed] .wizard-progress::after { margin-top: var(--spacing-scale-4xh); } .br-wizard[collapsed] .wizard-progress-btn { padding-bottom: var(--spacing-scale-base); } .br-wizard[collapsed] .wizard-progress-btn .info { display: none; } .br-wizard[collapsed] .wizard-form { height: auto; } .br-wizard[collapsed] .wizard-panel-content { overflow: hidden auto; }} .br-wizard .wizard-form { display: flex; flex: 1 1 0%; height: auto; overflow: hidden; position: relative; } .br-wizard .wizard-panel { display: none; flex-flow: column nowrap; height: auto; left: 0px; margin-bottom: 0px; opacity: 0; position: static; top: 0px; visibility: hidden; width: 100%; } .br-wizard .wizard-panel[active] { display: flex; height: auto; opacity: 1; transition: all 0.5s linear 0s; visibility: visible; left: 0px !important; } @keyframes slide-left { 0% { opacity: 0; transform: translateX(1%); } 100% { opacity: 1; transform: translateX(0px); }} .br-wizard .wizard-panel-content { border-top: 1px solid var(--border-color); flex-grow: 1; height: auto; max-height: none; overflow: auto; padding: var(--spacing-scale-base) var(--spacing-scale-2x); } .br-wizard .wizard-panel-content::-webkit-scrollbar { height: var(--spacing-scale-base); width: var(--spacing-scale-base); } .br-wizard .wizard-panel-content::-webkit-scrollbar-track { background: var(--gray-10); } .br-wizard .wizard-panel-content::-webkit-scrollbar-thumb { background: var(--gray-30); } .br-wizard .wizard-panel-content:hover::-webkit-scrollbar-thumb { background: var(--gray-40); } .br-wizard .wizard-panel-content.focus-visible, .br-wizard .wizard-panel-content:focus, .br-wizard .wizard-panel-content:focus-visible { box-shadow: 0 0 0 var(--surface-width-md) var(--focus); outline: none; border-color: var(--focus) !important; } .br-wizard .wizard-panel-content > :last-child { margin-bottom: 0px; } .br-wizard .wizard-panel-btn { align-self: flex-end; background-color: var(--background-alternative); border-top: 1px solid var(--border-color); height: fit-content; margin-top: 1px; padding: var(--spacing-scale-2x) 1.5%; width: 100%; } .br-wizard .wizard-btn, .br-wizard .wizard-btn-next, .br-wizard .wizard-btn-prev { float: right; margin-left: var(--spacing-scale-2x); } .br-wizard .wizard-btn-canc { float: left; } @media (max-width: 991px) { .br-wizard .wizard-form { height: auto; } .br-wizard .wizard-panel { border-top: 0px; display: none; flex-wrap: nowrap; margin-bottom: 0px; max-height: none; } .br-wizard .wizard-panel-content { height: auto; max-height: 100%; overflow: hidden auto; padding: var(--spacing-scale-half) var(--spacing-scale-base); transition: all 0.25s linear 0s; } .br-wizard .wizard-panel-btn { align-items: flex-end; background-color: var(--background-alternative); display: flex; flex-wrap: wrap; height: fit-content; justify-content: center; position: static; width: 100%; padding: 0px !important; } .br-wizard .wizard-btn, .br-wizard .wizard-btn-canc, .br-wizard .wizard-btn-next, .br-wizard .wizard-btn-prev { float: none; margin: var(--spacing-scale-base) 5%; width: 90%; } .br-wizard .wizard-btn, .br-wizard .wizard-btn-next { order: 1; }} .br-wizard[vertical] { flex-direction: row; } .br-wizard[vertical] .wizard-progress { flex: 1 1 0%; float: none; grid-template-columns: 1fr; height: auto; max-width: 260px; overflow-x: hidden; padding-top: 0px; position: relative; text-align: right; } .br-wizard[vertical] .wizard-progress-btn { height: 100%; line-height: 100%; max-height: 100%; padding-bottom: 0px; padding-right: 70px; padding-top: 0px; text-align: right; } .br-wizard[vertical] .wizard-progress-btn::before { left: calc(100% - 32px); line-height: 26px; margin-top: calc(var(--spacing-scale-2x)*-1); position: absolute; text-align: center; top: 50%; } .br-wizard[vertical] .wizard-progress-btn::after { height: calc(100% - 34px); left: calc(100% - 33px); position: absolute; top: calc(-50% + 18px); width: 1px; } .br-wizard[vertical] .wizard-progress-btn[active]::after { width: 1px; } .br-wizard[vertical][scroll] .wizard-progress { overflow-y: auto; } .br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar { height: var(--spacing-scale-base); width: var(--spacing-scale-base); } .br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar-track { background: var(--gray-10); } .br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar-thumb { background: var(--gray-30); } .br-wizard[vertical][scroll] .wizard-progress:hover::-webkit-scrollbar-thumb { background: var(--gray-40); } .br-wizard[vertical][scroll] .wizard-progress .wizard-progress-btn { min-height: 100px; } .br-wizard[vertical] .wizard-form { float: none; height: auto; width: calc(100% - 260px); } .br-wizard[vertical] .wizard-form .wizard-panel .wizard-panel-content { border-top: 0px; } @media (max-width: 991px) { .br-wizard[vertical] .wizard-progress { max-height: 100%; max-width: 110px; } .br-wizard[vertical] .wizard-progress::after { height: 1em; left: unset; margin-top: -0.5em; right: 2px; top: 50%; transform: rotate(-90deg); width: 1em; } .br-wizard[vertical] .wizard-progress-btn { line-height: 18px; padding-right: var(--spacing-scale-7x); } .br-wizard[vertical] .wizard-progress-btn .info { line-height: 1.6em; margin-top: -0.5em; position: absolute; right: 54px; } .br-wizard[vertical] .wizard-form { height: auto; max-width: calc(100% - 110px); min-width: calc(100% - 110px); transition: all 0.25s linear 0s; } .br-wizard[vertical] .wizard-panel { height: 100%; max-height: 100%; } .br-wizard[vertical][collapsed] .wizard-progress { max-width: 60px; padding-bottom: 0px; padding-top: 0px; } .br-wizard[vertical][collapsed] .wizard-progress-btn { padding-right: 0px; } .br-wizard[vertical][collapsed] .wizard-progress-btn .info { display: none; } .br-wizard[vertical][collapsed] .wizard-form { max-width: calc(100% - 60px); min-width: calc(100% - 60px); }} .br-wizard.dark-mode, .br-wizard.inverted { --color:var(--color-dark); --color-rgb:var(--color-dark-rgb); --text-color:var(--color-dark); --interactive:var(--interactive-dark); --interactive-rgb:var(--interactive-dark-rgb); --visited:var(--visited-dark); --hover:var(--hover-dark); --pressed:var(--pressed-dark); --focus-color:var(--focus-color-dark); --focus:var(--focus-color-dark); } .br-wizard.dark-mode .br-button.is-primary, .br-wizard.dark-mode .br-button.primary, .br-wizard.dark-mode .br-button[primary], .br-wizard.inverted .br-button.is-primary, .br-wizard.inverted .br-button.primary, .br-wizard.inverted .br-button[primary] { --color:var(--color-light); --color-rgb:var(--color-light-rgb); --text-color:var(--color-light); --interactive:var(--interactive-light); --interactive-rgb:var(--background-dark-rgb); --visited:var(--visited-light); --hover:var(--hover-light); --pressed:var(--pressed-light); --focus-color:var(--focus-color-light); --focus:var(--focus-color-light); background-color: var(--interactive-dark); color: var(--background-dark); } .br-wizard.dark-mode .br-button.is-secondary, .br-wizard.dark-mode .br-button.secondary, .br-wizard.dark-mode .br-button[secondary], .br-wizard.inverted .br-button.is-secondary, .br-wizard.inverted .br-button.secondary, .br-wizard.inverted .br-button[secondary] { background-color: var(--background-dark); } .br-wizard.dark-mode .wizard-progress, .br-wizard.inverted .wizard-progress { background-color: transparent; } .br-wizard.dark-mode .wizard-progress-btn[active], .br-wizard.inverted .wizard-progress-btn[active] { color: var(--color); } .br-wizard.dark-mode .wizard-progress-btn[active]::before, .br-wizard.inverted .wizard-progress-btn[active]::before { --interactive-rgb:var(--active-rgb); background-color: var(--color); color: var(--active); } .br-wizard.dark-mode .wizard-panel .wizard-panel-btn, .br-wizard.inverted .wizard-panel .wizard-panel-btn { background-color: transparent; } [data-toggle="accordion"]:not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } [data-toggle="accordion"]:focus { outline: none; } [data-toggle="accordion"].focus-visible, [data-toggle="accordion"]:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } .accordion-example .br-list .header { align-items: var(--spacing-vertical-center); display: flex; font-size: var(--font-size-scale-base); font-weight: var(--font-weight-bold); justify-content: space-between; padding: var(--spacing-scale-base) var(--spacing-scale-2x); } .accordion-example .br-list .br-item { text-align: var(--spacing-horizontal-left); width: 100%; } .accordion-example .br-list .br-item .fa, .accordion-example .br-list .br-item .fab, .accordion-example .br-list .br-item .fad, .accordion-example .br-list .br-item .fal, .accordion-example .br-list .br-item .far, .accordion-example .br-list .br-item .fas, .accordion-example .br-list .br-item .svg-inline--fa { text-align: center; } .accordion-example .br-list .br-item > .content { align-items: var(--spacing-vertical-center); display: flex; } .accordion-example .br-list .br-item > .content > .content { flex: 1 1 0%; } .accordion-example .br-list .br-item .content:hover button.br-button { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .accordion-example .br-list .br-item .br-checkbox, .accordion-example .br-list .br-item .br-radio { --interactive-rgb:var(--rgb-primary-default); --item-padding-x:0; --item-padding-y:0; } .accordion-example .br-list .br-item .br-checkbox input:hover:not(:disabled) + label::before, .accordion-example .br-list .br-item .br-radio input:hover:not(:disabled) + label::before { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .accordion-example .br-list .br-item[data-toggle] { cursor: pointer; } .accordion-example .br-list .br-item[data-toggle] ~ .br-list .br-item { padding: var(--spacing-scale-base) var(--spacing-scale-3x); } .accordion-example .br-list .br-list { max-height: none; overflow: hidden; transition: all 0.4s ease-in-out 0s; } .accordion-example .br-list.horizontal { display: flex; flex-wrap: wrap; } .accordion-example .br-list.horizontal > .header { flex-grow: 1; width: 100%; } .accordion-example .br-list.horizontal > .header + .br-divider { border-top: 1px solid var(--color-secondary-04); width: 100%; } .accordion-example .br-list.horizontal > .br-item, .accordion-example .br-list.horizontal > .group { flex: 1 1 0%; height: auto; min-height: 56px; width: auto; } .accordion-example .br-list.horizontal > .br-item.one-line > .content, .accordion-example .br-list.horizontal > .group.one-line > .content { height: 56px; } .accordion-example .br-list.horizontal > .br-item.two-lines > .content, .accordion-example .br-list.horizontal > .group.two-lines > .content { height: 72px; } .accordion-example .br-list.horizontal > .br-item.three-lines > .content, .accordion-example .br-list.horizontal > .group.three-lines > .content { height: 6em; } .accordion-example .br-list.horizontal > .br-item + .br-divider, .accordion-example .br-list.horizontal > .group + .br-divider { border-right: 1px solid var(--color-secondary-04); border-top: 0px; width: 1px; } .accordion-example .br-list.horizontal.toggle > .br-item, .accordion-example .br-list.horizontal[data-toggle] > .br-item { display: block; } .accordion-example .br-list[data-one-line] .accordion-example .br-list .br-item, .accordion-example .br-list[data-one-line] .br-item { height: 2em; } .accordion-example .br-list[data-one-line] .accordion-example .br-list .br-item .content, .accordion-example .br-list[data-one-line] .br-item .content { height: auto; overflow: hidden; padding: 0 var(--spacing-scale-2x); text-overflow: unset; white-space: normal; } .accordion-example .br-list[data-two-lines] .accordion-example .br-list .br-item, .accordion-example .br-list[data-two-lines] .br-item { height: 4em; } .accordion-example .br-list[data-two-lines] .accordion-example .br-list .br-item .content, .accordion-example .br-list[data-two-lines] .br-item .content { height: auto; overflow: hidden; padding: 0 var(--spacing-scale-2x); text-overflow: unset; white-space: normal; } .accordion-example .br-list[data-three-lines] .accordion-example .br-list .br-item, .accordion-example .br-list[data-three-lines] .br-item { height: 6em; } .accordion-example .br-list[data-three-lines] .accordion-example .br-list .br-item .content, .accordion-example .br-list[data-three-lines] .br-item .content { height: auto; overflow: hidden; padding: 0 var(--spacing-scale-2x); text-overflow: unset; white-space: normal; } .checkgroup-example { --checkbox-background:var(--bg-color); --checkbox-color:var(--text-color); --checkbox-font-weight:var(--font-weight-medium); --checkbox-padding:var(--spacing-scale-base); --checkbox-size:24px; --checkbox-line-height:1.6em; display: block; line-height: 0; } .checkgroup-example label { color: var(--checkbox-color); cursor: pointer; display: inline-block; font-weight: var(--checkbox-font-weight); line-height: var(--checkbox-line-height); min-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) + var(--checkbox-padding)); position: relative; } .checkgroup-example label:empty { padding-left: var(--checkbox-size); } .checkgroup-example.hidden-label label { padding-left: calc(var(--checkbox-size) + var(--surface-width-md)*2); text-indent: -10000px; white-space: nowrap; width: 0px; } .checkgroup-example.d-inline label { padding-right: var(--spacing-scale-4x); } .checkgroup-example input { opacity: 0; position: absolute; } .checkgroup-example input.focus-visible + label::before, .checkgroup-example input.focus-visible:checked + label::before, .checkgroup-example input:focus-visible + label::before, .checkgroup-example input:focus-visible:checked + label::before { box-shadow: 0 0 0 var(--surface-width-md) var(--focus); outline: none; border-color: var(--focus) !important; } .checkgroup-example input:hover:not(:disabled) + label::before { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } .checkgroup-example input:disabled + label { cursor: not-allowed; opacity: var(--disabled); } .checkgroup-example input:disabled + label * { pointer-events: none; } .checkgroup-example input:disabled + label:hover::before { background-image: none; } .checkgroup-example input + label { align-items: flex-start; cursor: pointer; display: inline-block; font-size: var(--font-size-scale-base); font-weight: var(--font-weight-medium); min-height: var(--spacing-scale-3x); position: relative; } .checkgroup-example input + label::before { background: var(--color-secondary-01,#fff); border: 1px solid var(--color-secondary-04); border-radius: 4px; content: ""; height: var(--checkbox-size); left: 0px; position: absolute; width: var(--checkbox-size); } .checkgroup-example input + label:empty { padding-left: var(--spacing-scale-3x); } .checkgroup-example input:indeterminate, .checkgroup-example input[indeterminate] { color: var(--color-danger,#e52207); } .checkgroup-example input:indeterminate + label::before, .checkgroup-example input[indeterminate] + label::before { background: var(--color-primary-lighten-01); border-color: var(--color-primary-lighten-01); } .checkgroup-example input:checked + label::after, .checkgroup-example input:indeterminate + label::after { border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: 0px 3px 3px 0px; content: ""; height: var(--icon-size-sm); left: 8px; position: absolute; top: 4px; transform: rotate(45deg); width: 8px; } .checkgroup-example input:checked[indeterminate] + label::after, .checkgroup-example input:indeterminate + label::after { border-color: var(--color-secondary-01); border-width: 0px 0px 3px; top: 2px; transform: none; } .checkgroup-example input:invalid + label::before { border-color: var(--color-danger,#e52207); border-width: 2px; } .checkgroup-example input:disabled + label::before { box-shadow: none; } .checkgroup-example.is-small input[type="checkbox"] + label, .checkgroup-example.small input[type="checkbox"] + label, .checkgroup-example[small] input[type="checkbox"] + label { line-height: var(--spacing-scale-2xh); min-height: var(--spacing-scale-2xh); } .checkgroup-example.is-small input[type="checkbox"] + label::before, .checkgroup-example.small input[type="checkbox"] + label::before, .checkgroup-example[small] input[type="checkbox"] + label::before { height: var(--spacing-scale-2xh); width: var(--spacing-scale-2xh); } .checkgroup-example.is-small input[type="checkbox"]:checked + label::after, .checkgroup-example.small input[type="checkbox"]:checked + label::after, .checkgroup-example[small] input[type="checkbox"]:checked + label::after { border-width: 0px 2px 2px 0px; height: var(--icon-size-sm); left: 7px; top: 4px; width: 6px; } .checkgroup-example.is-small input[type="checkbox"]:checked[indeterminate] + label::after, .checkgroup-example.is-small input[type="checkbox"]:indeterminate + label::after, .checkgroup-example.small input[type="checkbox"]:checked[indeterminate] + label::after, .checkgroup-example.small input[type="checkbox"]:indeterminate + label::after, .checkgroup-example[small] input[type="checkbox"]:checked[indeterminate] + label::after, .checkgroup-example[small] input[type="checkbox"]:indeterminate + label::after { border-color: var(--color-secondary-01); border-width: 0px 0px 3px; left: 7px; top: 1px; transform: none; width: 6px; } .checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"] + label::before, .checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"] + label::before, .checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"] + label::before { border-color: var(--color-danger,#e52207); border-width: 2px; } .checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:checked + label::before, .checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus + label::before, .checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus:checked + label::before, .checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:checked + label::before, .checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus + label::before, .checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus:checked + label::before, .checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:checked + label::before, .checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus + label::before, .checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus:checked + label::before { border-color: var(--color-danger,#e52207); } .checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"] + label::before, .checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"] + label::before, .checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"] + label::before { border-color: var(--color-success,#168821); border-width: 2px; } .checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:checked + label::before, .checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus + label::before, .checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus:checked + label::before, .checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:checked + label::before, .checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus + label::before, .checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus:checked + label::before, .checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:checked + label::before, .checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus + label::before, .checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus:checked + label::before { border-color: var(--color-success,#168821); } [data-toggle="collapse"]:not(:disabled):hover { background-image: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover))); } [data-toggle="collapse"]:focus { outline: none; } [data-toggle="collapse"].focus-visible, [data-toggle="collapse"]:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); } *, ::after, ::before { box-sizing: inherit; } html { box-sizing: border-box; } input[type="email"], input[type="password"], input[type="search"], input[type="text"] { appearance: none; } html { line-height: 1.15; text-size-adjust: 100%; } article, aside, footer, header, nav, section { display: block; } h1 { margin: 0.67em 0px; font-size: 2em; } figcaption, figure, main { display: block; } hr { overflow: visible; height: 0px; box-sizing: content-box; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: rgb(255, 255, 0); color: rgb(0, 0, 0); } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0px; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { margin: 0px; font-family: sans-serif; font-size: 100%; line-height: 1.15; } button, input { overflow: visible; } button, select { text-transform: none; } [type="reset"], [type="submit"], button, html [type="button"] { appearance: button; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { display: table; max-width: 100%; box-sizing: border-box; padding: 0px; color: inherit; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } [hidden], template { display: none; } body, html { height: 100%; } html { font-size: 14px; } body { margin: 0px; overflow-x: hidden; min-width: 320px; background: var(--pure-0); font-size: 14px; line-height: 1.45; color: rgb(51, 51, 51); } body, h1, h2, h3, h4, h5 { padding: 0px; font-family: rawline, "Helvetica Neue", Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5 { line-height: 1.28571em; margin: calc(2rem - 0.14286em) 0px 1rem; font-weight: 500; } h1 { min-height: 1rem; font-size: 2rem; } h2 { font-size: 1.71429rem; } h3 { font-size: 1.28571rem; } h4 { font-size: 1.07143rem; } h5 { font-size: 1rem; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0px; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child { margin-bottom: 0px; } p { margin: 0 0 var(--spacing-scale-2x); line-height: 1.45; } p:first-child { margin-top: 0px; } p:last-child { margin-bottom: 0px; } a { color: rgb(0, 126, 177); } a, a:hover { text-decoration: none; } a:hover { color: rgb(0, 107, 150); } ::-webkit-selection { background-color: rgb(204, 226, 255); color: rgb(51, 51, 51); } ::selection { background-color: rgb(204, 226, 255); color: rgb(51, 51, 51); } input::-webkit-selection, textarea::-webkit-selection { background-color: rgba(100, 100, 100, 0.4); color: rgb(51, 51, 51); } input::selection, textarea::selection { background-color: rgba(100, 100, 100, 0.4); color: rgb(51, 51, 51); } body ::-webkit-scrollbar { appearance: none; width: 10px; height: 10px; } body ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); border-radius: 0px; } body ::-webkit-scrollbar-thumb { cursor: pointer; border-radius: 5px; background: rgba(0, 0, 0, 0.25); transition: color 0.2s ease 0s; } body ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.15); } body ::-webkit-scrollbar-thumb:hover { background: rgba(128, 135, 139, 0.8); } body .ui.inverted::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); } body .ui.inverted::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.25); } body .ui.inverted::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.15); } body .ui.inverted::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.35); } .object-fit-cover { object-fit: cover !important; } .d-sticky { position: sticky !important; } .cursor-pointer { cursor: pointer !important; } .gap-0 { gap: 0px !important; } .gap-1 { gap: 4px !important; } .gap-2 { gap: 8px !important; } .gap-3 { gap: 16px !important; } .gap-4 { gap: 24px !important; } .gap-5 { gap: 32px !important; } .gap-6 { gap: 40px !important; } .gap-7 { gap: 48px !important; } .gap-8 { gap: 56px !important; } .gap-9 { gap: 64px !important; } .gap-10 { gap: 72px !important; } .opacity-0 { opacity: 0 !important; } .opacity-1 { opacity: 0.1 !important; } .opacity-2 { opacity: 0.2 !important; } .opacity-3 { opacity: 0.3 !important; } .opacity-4 { opacity: 0.4 !important; } .opacity-5 { opacity: 0.5 !important; } .opacity-6 { opacity: 0.6 !important; } .opacity-7 { opacity: 0.7 !important; } .opacity-8 { opacity: 0.8 !important; } .opacity-9 { opacity: 0.9 !important; } .br-accordion .item.active, .br-accordion .item[data-active] { border-bottom: 0px; } .br-accordion .item.active .header, .br-accordion .item[data-active] .header { font-weight: var(--font-weight-semi-bold); } .br-accordion .item.active + .content, .br-accordion .item[data-active] + .content { display: block; border-bottom: 1px solid var(--color-secondary-04); } @media screen and (max-width: 575px) { .width-100 { width: 100% !important; }} .text-dark { --color:var(--color-dark,#fff) !important; } .br-footer .br-list.horizontal .br-item, .br-footer .br-list.horizontal .br-list .br-item { min-height: 2.4em; } .br-pagination .pagination-go-to-page .br-input input { margin-bottom: 0px !important; } .br-pagination .page { background-color: transparent; } li { font-size: var(--font-size-scale-base); } @media (min-width: 576px) { li { font-size: var(--font-size-scale-up-01); }} .accordion-block .ui.styled.accordion .title, .accordion-block .ui.styled.accordion .title.active { border-bottom: 1px solid var(--border-color); background-color: transparent; color: var(--interactive); font-size: var(--font-size-scale-up-01); font-weight: 500; text-transform: none; } .block.search .ui.header { padding-bottom: var(--spacing-scale-half) !important; border-bottom: var(--border-width) var(--border-style) var(--border-color) !important; color: var(--gray-80) !important; font-size: var(--font-size-scale-up-01) !important; font-weight: 600 !important; } .block.search .daterange-facet, .block.search .ui.header { margin-bottom: var(--spacing-scale-2x) !important; } .block.search .daterange-facet .ui.date-input input { display: block; width: 100%; margin-top: var(--spacing-scale-half); height: 40px !important; padding: 0px 0px 0px 10px !important; } .block.search .DateInput, .block.search .DateRangePickerInput, .block.search .react-select__control { background-color: transparent !important; } .block.search .DateRangePickerInput_clearDates { top: 60%; } .block.search .react-select__control { border: var(--border-width) var(--border-style) var(--border-color-alternative) !important; border-radius: var(--surface-rounder-sm) !important; background-color: var(--background-light) !important; color: var(--color-light) !important; } .block.search .react-select__menu { background-color: var(--background-light) !important; box-shadow: 0 3px 6px 0 rgba(var(--pure-100-rgb),0.16) !important; color: var(--gray-80) !important; } .block.search .react-select__option { padding: 4px 16px !important; background-color: transparent !important; color: var(--gray-80) !important; font-weight: var(--font-weight-medium) !important; } .block.search .react-select__option--is-focused { background-color: var(--blue-warm-vivid-70) !important; color: var(--pure-0) !important; } .block.search .react-select__option--is-selected { background-color: var(--blue-warm-vivid-60) !important; color: var(--pure-0) !important; } .block.search .react-select__menu, .block.search .ui.basic.button { color: var(--gray-80) !important; } .block.search input { border: var(--border-width) var(--border-style) var(--border-color-alternative) !important; border-radius: var(--surface-rounder-sm) !important; background-color: var(--background-light) !important; color: var(--color-light) !important; font-size: var(--font-size-scale-up-01) !important; font-weight: var(--font-weight-medium) !important; } .block.search input::placeholder { color: var(--color-light) !important; } .block.search .react-select__input input { border: none !important; } .block.search .search-details { margin-top: 1rem; font-size: var(--font-size-scale-up-02); font-weight: 500; color: var(--gray-40) !important; } .block.search .filter-listing { width: 100%; padding: 0.5rem; border-radius: 0.3rem; background-color: rgb(250, 248, 248); } .block.search .filter-list-content { display: flex; flex-direction: row; margin-top: 0.5rem; gap: 1rem; } .block.search .filter-listing .filter-list-header { display: flex; flex-direction: row; justify-content: space-between; } .block.search .filter-listing .filter-list-header .ui.basic.button { margin: 0px !important; } @media screen and (max-width: 575px) { .block.search .filter-listing .filter-list-header { flex-direction: column-reverse; gap: 0.5rem; }} .block.search .filter-listing .filter-list-group { display: flex; flex-wrap: wrap; align-items: center; margin: 0px !important; } .block.search .filter-listing .filter-list-group .label-title { color: var(--gray-80) !important; font-size: 1rem !important; font-weight: 400 !important; } .block.search .filter-listing .filter-list-group .label-title::after { content: ":"; } .block.search .filter-listing .filter-list-group .ui.small.label { display: flex; padding: 2px; font-size: 1rem; margin: 0px 0px 0px 8px !important; background-color: var(--danger) !important; color: transparent !important; font-weight: 500 !important; } .block.search .filter-listing .filter-list-group .ui.small.label .delete.icon { color: var(--pure-0); font-size: 1rem; margin: 0px !important; opacity: 1 !important; } .block.search .search-input .divider, .block.search .search-input .search-input-live-icon-button { display: none; } .block.search .react-select__clear-indicator, .block.search .search-input .search-input-clear-icon-button { box-shadow: none !important; cursor: pointer !important; } .block.search .react-select__clear-indicator svg, .block.search .search-input .search-input-clear-icon-button svg { width: auto !important; height: 24px !important; color: var(--danger) !important; fill: var(--danger) !important; } @media screen and (max-width: 575px) { .block.search .daterange-facet .DateInput { width: 100% !important; }} @media screen and (max-width: 575px) { .block.search .daterange-facet .DateInput .DateInput_input { margin-top: 0px !important; }} @media screen and (max-width: 575px) { .block.search .daterange-facet .DateRangePickerInput_clearDates { margin: 0px !important; padding: 0px !important; top: 55% !important; }} @media screen and (max-width: 576px) { .br-magic-button.width-100 { min-height: var(--magic-support-size); height: auto !important; } .br-magic-button.width-100 .br-button { padding-top: var(--spacing-scale-base); padding-bottom: var(--spacing-scale-base); line-height: 1.3; overflow-wrap: break-word; word-break: break-word; overflow: visible !important; height: auto !important; white-space: normal !important; }} .cms-ui.gov-public .ui.basic.segment.content-area, .public-ui .ui.basic.segment.content-area { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } .documentSubtitle { margin-top: 0px; margin-bottom: var(--spacing-scale-half); color: var(--gray-70); font-size: var(--font-size-scale-up-01); font-weight: 700; text-transform: uppercase; } .documentSubtitle:first-child { margin-top: var(--spacing-scale-3xh); } .selected .documentSubtitle { text-transform: none; } h1.documentFirstHeading { border: 0px; margin-top: 0px; margin-bottom: var(--spacing-scale-baseh); } h1.documentFirstHeading:first-child { margin-top: var(--spacing-scale-3xh); } h1.documentFirstHeading::before { content: none; } p.documentDescription { margin-bottom: var(--spacing-scale-3xh); color: var(--gray-70); font-size: var(--font-size-scale-up-02); font-weight: 400; } .content-area ol a, .content-area ul a { text-decoration: underline; } .section-subtitle { display: flex; overflow: hidden; align-items: center; justify-content: center; text-align: center; text-transform: uppercase; } .section-subtitle [data-slate-placeholder] { position: static !important; display: inline-block !important; } .section-subtitle.text-left { justify-content: flex-start; } .section-subtitle.text-left > a::before, .section-subtitle.text-left > span::before { content: none; } .section-subtitle.text-right { justify-content: flex-end; } .section-subtitle.text-right > a::after, .section-subtitle.text-right > span::after { content: none; } .section-subtitle a, .section-subtitle span { font-size: var(--font-size-scale-up-01); font-weight: 600; } .section-subtitle > a, .section-subtitle > span { position: relative; } .section-subtitle > a::after, .section-subtitle > a::before, .section-subtitle > span::after, .section-subtitle > span::before { position: absolute; top: 50%; width: 100vw; border-bottom: 1px solid rgb(204, 204, 204); margin: 0px 16px; content: ""; } .section-subtitle > a::before, .section-subtitle > span::before { right: 100%; } .section-subtitle > a::after, .section-subtitle > span::after { left: 100%; } .custom-card.review-state-pending { border: 1px solid var(--color-review-state-pending-dark); } .custom-card.review-state-pending .custom-card-title { color: var(--color-review-state-pending-dark) !important; } .custom-card.review-state-pending-light { border: 1px solid var(--color-review-state-pending-light); } .custom-card.review-state-pending-light .custom-card-title { color: var(--color-review-state-pending-light) !important; } .custom-card.review-state-private { border: 1px solid var(--color-review-state-private-dark); } .custom-card.review-state-private .custom-card-title { color: var(--color-review-state-private-dark) !important; } .custom-card.review-state-private-light { border: 1px solid var(--color-review-state-private-light); } .custom-card.review-state-private-light .custom-card-title { color: var(--color-review-state-private-light) !important; } body.contrast-mode { --blue-warm-vivid-90:#fff; --blue-warm-vivid-80:#fff; --blue-warm-vivid-70:#fff; --blue-warm-vivid-60:#fff; --blue-warm-vivid-50:#fff; --blue-warm-60:#fff; --color-primary-default:#fff; --color-primary-darken-02:#fff; --blue-warm-vivid-90-rgb:255,255,255; --blue-warm-vivid-80-rgb:255,255,255; --blue-warm-vivid-70-rgb:255,255,255; --blue-warm-vivid-60-rgb:255,255,255; --blue-warm-vivid-50-rgb:255,255,255; --color-dark:#000; --color-light:#fff; --text-color:#fff; --interactive-rgb:255,255,255; --pure-100-rgb:255,255,255; --rgb-secondary-01:0,0,0; --rgb-secondary-09:255,255,255; --surface-shadow-color:255,255,255; --color:#fff !important; --interactive-light:#fff !important; --interactive-dark:#fff !important; --interactive:#fff !important; --selected:#fff !important; --active:#fff !important; --background:#000 !important; --background-light:#000 !important; --background-dark:#000 !important; --pure-0:#000 !important; --gray-90:#fcfcfc !important; --gray-80:#f8f8f8 !important; --gray-70:#f6f6f6 !important; --gray-60:#f3f3f3 !important; --gray-50:#f0f0f0 !important; --gray-40:#e6e6e6 !important; --gray-30:#ccc !important; --gray-20:#adadad !important; --gray-10:#888 !important; --gray-5:#636363 !important; --gray-4:#555 !important; --gray-3:#333 !important; --gray-2:#2b2b2b !important; --gray-1:#1a1a1a !important; } body.contrast-mode .fa-classic, body.contrast-mode .fa-regular, body.contrast-mode .fa-solid, body.contrast-mode .far, body.contrast-mode .fas { color: var(--interactive) !important; } body.contrast-mode .back-top, body.contrast-mode .qs-current, body.contrast-mode .stop-voice { color: rgb(0, 0, 0) !important; } body.contrast-mode a { text-decoration: underline; } body.contrast-mode .custom-card a, body.contrast-mode a.br-button, body.contrast-mode a.br-item { text-decoration: none; } body.contrast-mode .ui.table thead th, body.contrast-mode .ui.table thead th p { --table-header-color:#000 !important; } body.contrast-mode .ui.table p { --color:#000 !important; } .block-label { position: absolute; z-index: 3; top: -18px; left: 0px; padding: 0px 0.25rem; background-color: rgb(255, 255, 255); color: rgba(120, 192, 215, 0.75); line-height: 1; height: auto !important; } .block.empty:not(.selected)::before, .block.empty:not(.selected):hover::before { border-color: purple !important; } .repeatableContentBlock .repeatable-block-image.full-width { margin-bottom: 24px !important; } .repeatableContentBlock .repeatable-block-image.full-width img { width: 100% !important; max-width: none !important; } body:not(.has-toolbar):not(.has-toolbar-collapsed):not(.view-editview):not(.view-addview) .repeatableContentBlock .repeatable-block-image.full-width { width: calc(100vw - var(--scrollbar-width, 0px)) !important; margin-right: calc(-50vw + var(--scrollbar-width, 0px)/2) !important; margin-left: calc(-50vw + var(--scrollbar-width, 0px)/2) !important; } body.has-toolbar:not(.view-editview):not(.view-addview) .repeatableContentBlock .repeatable-block-image.full-width { width: calc(100vw - var(--scrollbar-width, 0px) - 80px) !important; margin-right: 0px !important; margin-left: calc(-50vw + var(--scrollbar-width, 0px)/2 + 40px) !important; } body.has-toolbar-collapsed:not(.view-editview):not(.view-addview) .repeatableContentBlock .repeatable-block-image.full-width { width: calc(100vw - var(--scrollbar-width, 0px) - 20px) !important; margin-right: 0px !important; margin-left: calc(-50vw + var(--scrollbar-width, 0px)/2 + 10px) !important; } body.has-toolbar.view-addview .repeatableContentBlock .repeatable-block-image.full-width, body.has-toolbar.view-editview .repeatableContentBlock .repeatable-block-image.full-width { position: unset; right: unset; left: unset; width: calc(100vw - var(--scrollbar-width, 0px) - 455px) !important; max-width: none !important; margin-right: unset !important; margin-left: clamp(-9999px,calc(802.5px - 50vw + var(--scrollbar-width, 0px)/2),0) !important; } body.has-toolbar-collapsed.view-addview .repeatableContentBlock .repeatable-block-image.full-width, body.has-toolbar-collapsed.view-editview .repeatableContentBlock .repeatable-block-image.full-width { position: unset; right: unset; left: unset; width: calc(100vw - var(--scrollbar-width, 0px) - 395px) !important; max-width: none !important; margin-right: unset !important; margin-left: clamp(-9999px,calc(772.5px - 50vw + var(--scrollbar-width, 0px)/2),0) !important; } :root { --color:#333; --text-color:var(--color); --placeholder-text:var(--gray-warm-50); } body { background-color: var(--background); color: var(--text-color); } .cms-ui.gov-public h1, .cms-ui.gov-public h2, .cms-ui.gov-public h3, .cms-ui.gov-public h4, .cms-ui.gov-public h5, .cms-ui.gov-public h6, .public-ui h1, .public-ui h2, .public-ui h3, .public-ui h4, .public-ui h5, .public-ui h6 { min-height: 1em; padding: 0px; margin: calc(2rem - 0.14286em) 0px 1rem; color: var(--color); font-family: rawline, "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: var(--font-weight-medium); line-height: 1.28571em; } .cms-ui.gov-public h1, .public-ui h1 { margin: 0 0 var(--spacing-scale-2xh); font-size: var(--font-size-scale-up-04); font-weight: var(--font-weight-medium); line-height: var(--font-line-height-low); } @media screen and (min-width: 768px) { .cms-ui.gov-public h1, .public-ui h1 { font-size: var(--font-size-scale-up-06); font-weight: var(--font-weight-light); margin: 0 0 var(--spacing-scale-4x); }} .cms-ui.gov-public h1:last-child, .public-ui h1:last-child { margin-bottom: 0px; } .cms-ui.gov-public h2, .public-ui h2 { margin: var(--spacing-scale-3xh) 0 var(--spacing-scale-2xh); font-size: var(--font-size-scale-up-03); font-weight: var(--font-weight-semi-bold); line-height: var(--font-line-height-low); } @media screen and (min-width: 768px) { .cms-ui.gov-public h2, .public-ui h2 { font-size: var(--font-size-scale-up-05); font-weight: var(--font-weight-regular); }} .cms-ui.gov-public h3, .public-ui h3 { margin: var(--spacing-scale-3xh) 0 var(--spacing-scale-2xh); font-size: var(--font-size-scale-up-02); font-weight: var(--font-weight-medium); line-height: var(--font-line-height-low); } @media screen and (min-width: 768px) { .cms-ui.gov-public h3, .public-ui h3 { font-size: var(--font-size-scale-up-04); }} .cms-ui.gov-public h4, .public-ui h4 { margin: var(--spacing-scale-2x) 0 var(--spacing-scale-2xh); font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-bold); line-height: var(--font-line-height-low); } @media screen and (min-width: 768px) { .cms-ui.gov-public h4, .public-ui h4 { margin-top: var(--spacing-scale-3xh); font-size: var(--font-size-scale-up-03); font-weight: var(--font-weight-semi-bold); }} .cms-ui.gov-public h5, .public-ui h5 { margin: var(--spacing-scale-2x) 0 var(--spacing-scale-2x); font-size: var(--font-size-scale-base); font-weight: var(--font-weight-extra-bold); line-height: var(--font-line-height-low); text-transform: uppercase; } @media screen and (min-width: 768px) { .cms-ui.gov-public h5, .public-ui h5 { margin-top: var(--spacing-scale-3xh); font-size: var(--font-size-scale-up-02); font-weight: var(--font-weight-bold); }} .cms-ui.gov-public h6, .public-ui h6 { margin: var(--spacing-scale-2x) 0 var(--spacing-scale-2x); font-size: var(--font-size-scale-down-01); font-weight: var(--font-weight-extra-bold); line-height: var(--font-line-height-low); text-transform: uppercase; } @media screen and (min-width: 768px) { .cms-ui.gov-public h6, .public-ui h6 { margin-top: var(--spacing-scale-3xh); font-size: var(--font-size-scale-up-01); }} .cms-ui.gov-public ::placeholder, .public-ui ::placeholder { margin-top: var(--spacing-scale-half); margin-bottom: var(--spacing-scale-half); color: var(--placeholder-text); font-size: var(--font-size-scale-base); font-style: italic; font-weight: 300; line-height: var(--font-line-height-medium); opacity: 1; } .image-caption { display: block; margin-top: var(--spacing-scale-half); font-size: var(--font-size-scale-base); font-style: italic; text-align: left; } :root { --color-review-state-pending-dark:#a05c00; --color-review-state-pending-light:#ffda74; --color-review-state-private-light:#f0bebe; --color-review-state-private-dark:var(--red-60); } .review-state-pending { color: var(--color-review-state-pending-dark) !important; } .review-state-pending-light { color: var(--color-review-state-pending-light) !important; } .review-state-private { color: var(--color-review-state-private-dark) !important; } .review-state-private-light { color: var(--color-review-state-private-light) !important; } .ui.circular.button.darkBlue { background-color: var(--blue-warm-vivid-90) !important; color: var(--pure-0) !important; } .ui.circular.button.grey { background-color: var(--gray-3) !important; color: var(--gray-90) !important; } .br-header .br-input.has-icon .br-button.circle.voice { right: 40px; } .br-header .br-input.has-icon input { padding-right: calc(var(--input-padding-icon)*2); } @keyframes outilineAnimation { 0% { outline: rgb(215, 229, 253) solid 0px; } 100% { outline: rgb(215, 229, 253) solid 12px; }} .noScroll { overflow-y: hidden; } #search-modal .voice { --button-size:60px; --icon-size-base:30px; } @media screen and (min-width: 768px) { #search-modal .voice { --button-size:80px; --icon-size-base:40px; }} #search-modal .listening { animation-duration: 0.8s; animation-iteration-count: infinite; animation-name: outilineAnimation; } #search-modal .overlay { position: fixed; z-index: 999; top: 0px; left: 0px; display: flex; width: 100vw; height: 100vh; align-items: center; justify-content: center; background: var(--surface-overlay-scrim); } #search-modal .modal { --color:var(--color-light); --color-rgb:var(--color-light-rgb); --text-color:var(--color); --interactive:var(--interactive-light); --interactive-rgb:var(--interactive-light-rgb); --visited:var(--visited-light); --hover:var(--hover-light); --pressed:var(--pressed-light); --focus-color:var(--focus-color-light); --focus:var(--focus-color-light); position: fixed; z-index: 1000; top: 40%; left: 50%; display: flex; width: 320px; height: fit-content; flex-direction: column; border-radius: 12px; margin-top: -104.545px; margin-left: -160px; background-color: var(--pure-0); color: var(--color); font-size: var(--font-size-scale-base); text-align: left; } @media screen and (max-width: 575px) { #search-modal .modal { top: 300px; }} #search-modal .modal p { color: var(--gray-80); font-size: var(--font-size-scale-base); } #search-modal .modal label { font-size: var(--font-size-scale-base) !important; } #search-modal .modal .btnFechar { position: absolute; z-index: 101; top: 0px; right: 0px; margin: var(--spacing-scale-base); } @media screen and (min-width: 768px) { #search-modal .modal { width: 400px; margin-top: -115px; margin-left: -200px; }} #search-modal .header { display: flex; align-items: center; justify-content: space-between; padding: 50px 20px 0px; } #search-modal .header h2 { flex-grow: 1; margin: 0px; } #search-modal .header .voice { flex-shrink: 0; } #search-modal .content { padding: 0px 20px; margin-top: 0.25rem; overflow: auto scroll; } #search-modal .divider { margin: var(--spacing-scale-base) 20px 0; } #search-modal .footer { display: flex; align-items: center; justify-content: space-between; padding: var(--spacing-scale-2x) 0; margin: 0px 20px; } .most-searched-terms { position: absolute; z-index: 1000; top: 100%; display: none; min-width: 385px; border: 1px solid rgb(217, 217, 217); border-radius: 3px; background-color: rgb(255, 255, 255); box-shadow: 0 3px 6px 0 rgba(var(--pure-100-rgb),0.16); } .most-searched-terms.open.desktop { display: block; } @media screen and (max-width: 575px) { .most-searched-terms.open.desktop { display: none; }} .most-searched-terms.open.mobile { display: none; } @media screen and (max-width: 575px) { .most-searched-terms.open.mobile { display: block; }} .br-header .header-search { position: relative; padding: 0px; } .br-header .header-search input { margin: 0px; } .aa-Panel { position: absolute; z-index: 1000; top: 100%; left: 0px; display: flex; width: 100%; flex-direction: column; border: 1px solid rgb(217, 217, 217); border-radius: 3px; background: rgb(255, 255, 255); box-shadow: 0 3px 6px 0 rgba(var(--pure-100-rgb),0.16); } .aa-Panel > div { margin-bottom: 10px; } #page-search ol a, #page-search ul a { text-decoration: none; } #sidebar-order, .ui.menu.formtabs .tab-order { display: none !important; } .cms-ui.section-sitemap #page-sitemap ul, .public-ui.section-sitemap #page-sitemap ul { padding: 0 0 0 var(--spacing-scale-2x); margin: 0 0 var(--spacing-scale-base); list-style-type: disc; } .cms-ui.section-sitemap #page-sitemap ul li, .public-ui.section-sitemap #page-sitemap ul li { font-weight: var(--font-weight-medium); } .cms-ui.section-sitemap #page-sitemap ul li ul, .public-ui.section-sitemap #page-sitemap ul li ul { padding: 0 0 0 var(--spacing-scale-3x); list-style-type: circle; } .cms-ui.section-sitemap #page-sitemap ul li ul li, .public-ui.section-sitemap #page-sitemap ul li ul li { font-weight: 400; } .cms-ui.section-sitemap #page-sitemap li.with-children, .public-ui.section-sitemap #page-sitemap li.with-children { font-weight: var(--font-weight-medium); } :root { --font-line-height-medium:1.5; --font-size-scale-base:1rem; --font-size-scale-down-01:0.833rem; --font-size-scale-down-02:0.694rem; --font-size-scale-down-03:0.579rem; --font-size-scale-up-01:1.2rem; --font-size-scale-up-02:1.44rem; --font-size-scale-up-03:1.728rem; --font-size-scale-up-04:2.074rem; --font-size-scale-up-05:2.488rem; --font-size-scale-up-06:2.986rem; --font-size-scale-up-07:3.583rem; --font-size-scale-up-08:4.3rem; --font-size-scale-up-09:5.16rem; --font-size-scale-up-10:6.192rem; --font-size-scale-up-11:7.43rem; } .br-button, .br-button.sign-in, .br-sign-in { overflow: visible !important; } .block.form .help { font-weight: var(--font-weight-regular) !important; } .block.form .help, .block.form label { color: var(--color) !important; font-size: var(--font-size-scale-base) !important; line-height: var(--font-line-height-medium) !important; } .block.form label { font-weight: var(--font-weight-semi-bold) !important; } .block.form .label-file-widget-input { border: 1px solid var(--interactive) !important; color: var(--interactive) !important; } .block.form .ui.primary.button { background-color: var(--interactive) !important; } #sidebar .ui.form .field .wrapper > label { hyphens: manual; } .CalendarMonth_table td, .CalendarMonth_table th, td.CalendarDay, th.CalendarDay { padding: 1px; border-bottom: 0px; text-align: center; } .folder-contents .ui.table .icon-align-name:hover { background: none; } .block.image { margin-right: 0px; margin-left: 0px; } .block.image img[loading] { z-index: auto; pointer-events: auto; } .html-editor .pre, .html-editor pre { background: none transparent; } .pagination-wrapper .ui.pagination.menu { margin: var(--spacing-scale-2xh) 0 var(--spacing-scale-5x); background-color: var(--background); } .pagination-wrapper .ui.pagination.menu a { min-width: var(--spacing-scale-4x); justify-content: center; margin: 0 var(--spacing-scale-half); background-color: transparent; color: var(--interactive); width: var(--button-medium) !important; height: var(--spacing-scale-4x) !important; padding: 0px !important; border-radius: 50% !important; } .pagination-wrapper .ui.pagination.menu a:hover { background-color: rgba(var(--interactive-rgb),var(--hover)); color: var(--interactive); } .pagination-wrapper .ui.pagination.menu a.active { background: var(--active); color: var(--color-dark); font-weight: var(--font-weight-semi-bold); } .pagination-wrapper .ui.pagination.menu a[type="ellipsisItem"], .pagination-wrapper .ui.pagination.menu a[type="ellipsisItem"]:active, .pagination-wrapper .ui.pagination.menu a[type="ellipsisItem"]:hover { background-color: transparent; color: var(--gray-80); cursor: default; } .pagination-wrapper .ui.pagination.menu a.icon.item[type="prevItem"]::after { content: "&#61700;"; font: var(--fa-font-solid); } .pagination-wrapper .ui.pagination.menu a.icon.item[type="nextItem"]::after { content: "&#61701;"; font: var(--fa-font-solid); } .pagination-wrapper .icon .icon { display: none !important; } .block.listing .headline { text-align: center; } .blocks-chooser .ui.buttons .ui.basic.button { font-size: 1rem; text-transform: none; } body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous).section-controlpanel .content-area main { overflow: visible; } .block.align { z-index: 2 !important; } [class^="block-editor-"] .drag.handle.wrapper, [class^="block-editor-"] .ui.basic.button.delete-button { z-index: 3; align-items: center; justify-content: center; border-radius: 2px; display: flex !important; background-color: rgb(255, 255, 255) !important; } @media screen and (max-width: 320px) { .block.html iframe { width: 100%; height: 100%; }} @media screen and (max-width: 768px) { .block.html iframe { width: 100%; }} .objectlist.required .wrapper > label::after { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-left: 5px; background-color: rgb(228, 1, 102); content: ""; } .input, input, textarea { margin-bottom: var(--spacing-scale-half); color: var(--color-light); font-size: var(--font-size-scale-up-01); font-weight: var(--font-weight-medium); line-height: var(--font-line-height-low); } .block.form .br-loading:not(.br-button), .block.form .loading:not(.br-button) { position: relative !important; width: auto !important; height: auto !important; } .block.form .br-loading::before, .block.form .loading::before { position: absolute !important; z-index: 100 !important; top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important; border: none !important; border-radius: 0px !important; animation: 0s ease 0s 1 normal none running none !important; background: rgba(255, 255, 255, 0.8) !important; box-shadow: none !important; content: "" !important; } [data-slate-placeholder] { font-style: italic; color: var(--placeholder-text) !important; opacity: 1 !important; } .block-label, .columns-header { color: var(--blue-vivid-50) !important; } .block.maps .ui.input input::placeholder, .block.video .ui.input input::placeholder, .grid-teaser-item .ui.input input::placeholder { color: var(--placeholder-text); opacity: 1; } .block.image figcaption { padding-left: 8px; border-left: 2px solid var(--interactive); margin-top: 8px; margin-left: 4px; clear: both; font-size: 12px; font-style: italic; font-weight: 400; text-align: left; } @media screen and (min-width: 768px) { .block.image figcaption { font-size: 14px; }} figure { margin: 1em 40px; } figure.block.align.left, figure.block.align.right { max-width: 50%; margin: 0px 0px 1em; } figure.block.align.left.large, figure.block.align.right.large { max-width: 50%; } figure.block.align.left.medium, figure.block.align.right.medium { max-width: 25%; } figure.block.align.left.small, figure.block.align.right.small { max-width: 15%; } figure.block.align.left.large img, figure.block.align.left.medium img, figure.block.align.left.small img, figure.block.align.right.large img, figure.block.align.right.medium img, figure.block.align.right.small img { max-width: 100%; } figure.block.align.left img, figure.block.align.right img { float: none; max-width: 100% !important; margin: 0px !important; } figure.block.align.narrow { max-width: 50%; margin: 0px auto 1em; } figure.block.align.narrow.large { max-width: 50%; } figure.block.align.narrow.medium { max-width: 25%; } figure.block.align.narrow.small { max-width: 15%; } figure.block.align.narrow.large img, figure.block.align.narrow.medium img, figure.block.align.narrow.small img { max-width: 100%; } figure.block.align.narrow img { float: none; max-width: 100% !important; margin: 0px !important; } figure.block.align.right { margin-left: 2rem; float: right; } figure.block.align.left { margin-right: 2rem; float: left; } :root { --br-motion-easing-ease:cubic-bezier(0.25,0.1,0.25,1); --br-motion-easing-ease-in:cubic-bezier(0.42,0,1,1); --br-motion-easing-ease-out:cubic-bezier(0,0,0.58,1); --br-motion-easing-ease-in-out:cubic-bezier(0.42,0,0.58,1); --br-motion-easing-linear:cubic-bezier(0,0,1,1); --br-motion-easing-bounce-out:cubic-bezier(0.25,2.1,0.5,0); --br-motion-easing-elastic-out:cubic-bezier(0.7,3.3,0.3,0); --br-motion-duration-none:0; --br-motion-duration-fast-1:50ms; --br-motion-duration-fast-2:100ms; --br-motion-duration-fast-3:150ms; --br-motion-duration-fast-4:200ms; --br-motion-duration-moderate-1:250ms; --br-motion-duration-moderate-2:300ms; --br-motion-duration-moderate-3:350ms; --br-motion-duration-moderate-4:400ms; --br-motion-duration-slow-1:450ms; --br-motion-duration-slow-2:500ms; --br-motion-duration-slow-3:550ms; --br-motion-duration-slow-4:600ms; --br-motion-duration-very-slow-1:700ms; --br-motion-duration-very-slow-2:800ms; --br-motion-duration-very-slow-3:900ms; --br-motion-duration-very-slow-4:1000ms; --br-state-hover-easing-in-default:var(--br-motion-easing-ease-in); --br-state-hover-easing-in-highlight:var(--br-motion-easing-elastic-out); --br-state-hover-easing-out:var(--br-motion-easing-ease-in); --br-state-hover-duration-in-default:var(--br-motion-duration-fast-4); --br-state-hover-duration-in-highlight:var(--br-motion-duration-fast-4); --br-state-hover-duration-out:var(--br-motion-duration-fast-2); --br-state-focus-easing-in:var(--br-motion-easing-elastic-out); --br-state-focus-easing-out:var(--br-motion-easing-ease-out); --br-state-focus-duration-in:var(--br-motion-duration-fast-4); --br-state-focus-duration-out:var(--br-motion-duration-fast-2); --br-state-pressed-easing-in:var(--br-motion-easing-ease-in-out); --br-state-pressed-easing-out:var(--br-motion-easing-ease-out); --br-state-pressed-duration-in:var(--br-motion-duration-fast-2); --br-state-pressed-duration-out:var(--br-motion-duration-fast-1); --br-state-pressed-shadow-style:inset 1px 1px 8px 0 rgba(0,0,0,0.5); --br-state-active-easing-in:var(--br-motion-easing-ease-out); --br-state-active-easing-out:var(--br-motion-easing-ease-in); --br-state-active-duration-in:var(--br-motion-duration-fast-3); --br-state-active-duration-out:var(--br-motion-duration-fast-2); } a { background: transparent; box-shadow: none; transition: all var(--br-state-hover-duration-out) var(--br-state-hover-easing-out); } a:not(:disabled):hover { background-image: none; transition: all var(--br-state-hover-duration-in-default) var(--br-state-hover-easing-in-default); } a:not(:disabled):active { box-shadow: var(--br-state-pressed-shadow-style); transition: all var(--br-state-pressed-duration-in) var(--br-state-pressed-easing-in); } a.focus-visible, a:focus-visible { transition: all var(--br-state-focus-duration-in) var(--br-state-focus-easing-in); } .br-button { background: transparent; box-shadow: none; transition: all var(--br-state-hover-duration-out) var(--br-state-hover-easing-out); } .br-button:not(:disabled):hover { background-image: none; transition: all var(--br-state-hover-duration-in-default) var(--br-state-hover-easing-in-default); } .br-button:not(:disabled):active { box-shadow: var(--br-state-pressed-shadow-style); transition: all var(--br-state-pressed-duration-in) var(--br-state-pressed-easing-in); } .br-button.focus-visible, .br-button:focus-visible { transition: all var(--br-state-focus-duration-in) var(--br-state-focus-easing-in); } .br-button.primary:not(:disabled):hover { background: color-mix(in oklab,var(--background) 16%,var(--interactive)); } .br-button.dark-mode { --interactive:var(--interactive-dark); --background:var(--background-dark); } [class*="SiteNavigation-module__active"] { transition-duration: var(--br-motion-duration-fast-4); transition-timing-function: var(--br-motion-easing-ease); } [class*="Page-module__off"], [class*="Page-module__on"], [class*="SiteNavigation-module__root"] { transition-duration: var(--br-motion-duration-fast-3); transition-timing-function: var(--br-motion-easing-ease); } [class*="Page-module__rooton"] { transition-duration: var(--br-motion-duration-fast-4); transition-timing-function: var(--br-motion-easing-ease); } .most-searched-terms.open { animation: slideDown var(--br-motion-duration-moderate-2); } .service-list__toggle { border-radius: 6px; background: transparent; box-shadow: none; transition: all var(--br-state-hover-duration-out) var(--br-state-hover-easing-out); } .service-list__toggle:hover { background-position-x: ; background-position-y: ; background-size: ; background-repeat-x: ; background-repeat-y: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: none; transition: all var(--br-state-hover-duration-in-default) var(--br-state-hover-easing-in-default); } .service-list__toggle.focus-visible, .service-list__toggle:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); transition: all var(--br-state-focus-duration-in) var(--br-state-focus-easing-in); } .service-list__toggle .service-list__toggle:active { box-shadow: var(--br-state-pressed-shadow-style); transition: all var(--br-state-pressed-duration-in) var(--br-state-pressed-easing-in); } .br-item[data-toggle]:not(:disabled):hover, a.br-item:not(:disabled):hover { background-position-x: ; background-position-y: ; background-size: ; background-repeat-x: ; background-repeat-y: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: none; } [class*="NewsItemFacet-module__container-filtros"] [class*="NewsItemFacet-module__filter-button"]:not(:disabled):hover > i { background-image: none; } [class*="NewsItemFacet-module__janela-filtro"] { animation: slideUp var(--br-motion-duration-moderate-2); } .section-subtitle { padding-bottom: calc(var(--focus-offset) + var(--focus-width)) !important; } .teaser a { display: block; } [class*="Carousel-module__back"] [class*="Carousel-module__carousel-image-container"] img { z-index: 0; } [class*="Carousel-module__back"] [class*="Carousel-module__info"] h2 { transition: all var(--br-state-hover-duration-out) var(--br-state-hover-easing-out); } [class*="Carousel-module__back"]:hover [class*="Carousel-module__info"] h2 { --interactive:var(--interactive-dark); --background:var(--background-dark); border-radius: 8px; background-position-x: ; background-position-y: ; background-size: ; background-repeat-x: ; background-repeat-y: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: none; transition: all var(--br-state-hover-duration-in-default) var(--br-state-hover-easing-in-default); } .slick-dots li button:active { box-shadow: var(--br-state-pressed-shadow-style); transition: all var(--br-state-pressed-duration-in) var(--br-state-pressed-easing-in); } .slick-dots li button:focus-visible { outline-color: var(--focus); outline-style: var(--focus-style); outline-width: var(--focus-width); transition: all var(--br-state-focus-duration-in) var(--br-state-focus-easing-in); } .ui.styled.accordion .accordion .title, .ui.styled.accordion .title { box-shadow: none; transition: all var(--br-state-hover-duration-out) var(--br-state-hover-easing-out); } .ui.styled.accordion .accordion .title:hover, .ui.styled.accordion .title:hover { transition: all var(--br-state-hover-duration-in-default) var(--br-state-hover-easing-in-default); background: color-mix(in oklab,var(--interactive) 16%,var(--background)) !important; } .ui.styled.accordion .accordion .title:active, .ui.styled.accordion .title:active { box-shadow: var(--br-state-pressed-shadow-style); transition: all var(--br-state-pressed-duration-in) var(--br-state-pressed-easing-in); } .ui.styled.accordion .accordion .title.focus-visible, .ui.styled.accordion .accordion .title:focus-visible, .ui.styled.accordion .title.focus-visible, .ui.styled.accordion .title:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); transition: all var(--br-state-focus-duration-in) var(--br-state-focus-easing-in); } .ui.styled.accordion .accordion .title + *, .ui.styled.accordion .title + * { transition-duration: var(--br-motion-duration-fast-4) !important; transition-timing-function: var(--br-motion-easing-ease) !important; } .br-tab .tab-item a, .br-tab .tab-item button { background: transparent; box-shadow: none; transition: all var(--br-state-hover-duration-out) var(--br-state-hover-easing-out); } .br-tab .tab-item a::after, .br-tab .tab-item button::after { position: absolute; right: 100%; bottom: 0px; left: 0px; height: 4px; background: var(--active); content: ""; transition: all var(--br-state-active-duration-out) var(--br-state-active-easing-out); } .br-tab .tab-item a:not(:disabled):hover, .br-tab .tab-item button:not(:disabled):hover { background-position-x: ; background-position-y: ; background-size: ; background-repeat-x: ; background-repeat-y: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: none; transition: all var(--br-state-hover-duration-in-default) var(--br-state-hover-easing-in-default); } .br-tab .tab-item a:not(:disabled):active, .br-tab .tab-item button:not(:disabled):active { box-shadow: var(--br-state-pressed-shadow-style); transition: all var(--br-state-pressed-duration-in) var(--br-state-pressed-easing-in); } .br-tab .tab-item a.focus-visible, .br-tab .tab-item a:focus-visible, .br-tab .tab-item button.focus-visible, .br-tab .tab-item button:focus-visible { transition: all var(--br-state-focus-duration-in) var(--br-state-focus-easing-in); } .br-tab .tab-item.active a::after, .br-tab .tab-item.active button::after { right: 0px; transition: all var(--br-state-active-duration-in) var(--br-state-active-easing-in); } [class*="Back-module__opened"] { --interactive:var(--interactive-dark); --background:var(--background-dark); } [class*="Back-module__opened"] [class*="FlipButton-module__btn"] { --interactive:var(--interactive-light); --background:var(--background-light); } [class*="CookieBanner-module__root"] { --interactive:var(--interactive-dark); --background:var(--background-dark); } [class*="ManageCookies-module__modal"] { animation: slideUp var(--br-motion-duration-moderate-2); } .ui.embed.focus-visible, .ui.embed:focus-visible { outline-color: var(--focus); outline-offset: var(--focus-offset); outline-style: var(--focus-style); outline-width: var(--focus-width); transition: all var(--br-state-focus-duration-in) var(--br-state-focus-easing-in); } .br-button:not(:disabled):focus-visible:focus-visible, .br-group-header:focus-visible, .br-group .backButton:focus-visible, .br-group .br-button:not(:disabled).focus-visible:focus-visible, .br-group .leaf > a:focus-visible, .br-group .parentitem > a:focus-visible, .br-group .sub > a:focus-visible { outline-color: var(--focus); outline-offset: -6px; outline-style: var(--focus-style); outline-width: var(--focus-width); transition: all var(--br-state-focus-duration-in) var(--br-state-focus-easing-in); } @keyframes slideUp { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0px); }} @keyframes slideDown { 0% { opacity: 0; transform: translateY(-40px); } 100% { opacity: 1; transform: translateY(0px); }} @keyframes rotateClockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); }} @keyframes rotateCounterClockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(-1turn); }} .no-motion .br-button, .no-motion .br-button.focus-visible, .no-motion .br-button:focus-visible, .no-motion .br-button:not(:disabled):active, .no-motion .br-button:not(:disabled):hover, .no-motion .service-list__toggle, .no-motion .service-list__toggle.focus-visible, .no-motion .service-list__toggle:active, .no-motion .service-list__toggle:focus-visible, .no-motion .service-list__toggle:hover, .no-motion [class*="Page-module__off"], .no-motion [class*="Page-module__on"], .no-motion [class*="Page-module__rooton"], .no-motion [class*="Page-module__rootprev"], .no-motion [class*="SiteNavigation-module__active"], .no-motion [class*="SiteNavigation-module__root"], .no-motion a, .no-motion a.focus-visible, .no-motion a:focus-visible, .no-motion a:not(:disabled):active, .no-motion a:not(:disabled):hover { transition: none 0s ease 0s; } .no-motion .service-list__dropdown { transition: none 0s ease 0s !important; } .no-motion .slick-dots li button:active, .no-motion .slick-dots li button:focus-visible, .no-motion [class*="Carousel-module__back"]:hover [class*="Carousel-module__info"] h2, .no-motion [class*="Carousel-module__back"] [class*="Carousel-module__info"] h2 { transition: none 0s ease 0s; } .no-motion .ui.styled.accordion .accordion .title, .no-motion .ui.styled.accordion .accordion .title + *, .no-motion .ui.styled.accordion .accordion .title.focus-visible, .no-motion .ui.styled.accordion .accordion .title:active, .no-motion .ui.styled.accordion .accordion .title:focus-visible, .no-motion .ui.styled.accordion .accordion .title:hover, .no-motion .ui.styled.accordion .title, .no-motion .ui.styled.accordion .title + *, .no-motion .ui.styled.accordion .title.focus-visible, .no-motion .ui.styled.accordion .title:active, .no-motion .ui.styled.accordion .title:focus-visible, .no-motion .ui.styled.accordion .title:hover { transition: none 0s ease 0s !important; } .no-motion .br-tab .tab-item.active a::after, .no-motion .br-tab .tab-item.active button::after, .no-motion .br-tab .tab-item a, .no-motion .br-tab .tab-item a.focus-visible, .no-motion .br-tab .tab-item a::after, .no-motion .br-tab .tab-item a:focus-visible, .no-motion .br-tab .tab-item a:not(:disabled):active, .no-motion .br-tab .tab-item a:not(:disabled):hover, .no-motion .br-tab .tab-item button, .no-motion .br-tab .tab-item button.focus-visible, .no-motion .br-tab .tab-item button::after, .no-motion .br-tab .tab-item button:focus-visible, .no-motion .br-tab .tab-item button:not(:disabled):active, .no-motion .br-tab .tab-item button:not(:disabled):hover, .no-motion .ui.container, .no-motion [class*="Card-module__card"], .no-motion [class*="Card-module__opened"], .no-motion [class*="Face-module__face"], .no-motion [class*="Front-module__flip"] button { transition: none 0s ease 0s; } .no-motion .most-searched-terms.open, .no-motion [class*="ManageCookies-module__modal"], .no-motion [class*="NewsItemFacet-module__janela-filtro"] { animation: 0s ease 0s 1 normal none running none; } .no-motion .br-button:not(:disabled):focus-visible:focus-visible, .no-motion .br-group-header:focus-visible, .no-motion .br-group .backButton:focus-visible, .no-motion .br-group .br-button:not(:disabled).focus-visible:focus-visible, .no-motion .br-group .leaf > a:focus-visible, .no-motion .br-group .parentitem > a:focus-visible, .no-motion .br-group .sub > a:focus-visible, .no-motion .ui.embed.focus-visible, .no-motion .ui.embed:focus-visible { transition: none 0s ease 0s; } .audit-script-code { display: block; max-width: 500px; white-space: pre-wrap; word-break: break-all; } p { margin-top: 0px; margin-bottom: var(--spacing-scale-2x); line-height: var(--font-line-height-medium); } button, input[type="button"], input[type="submit"] { font-family: rawline, "Helvetica Neue", Arial, Helvetica, sans-serif; } .public-ui a, a { color: var(--interactive); } .navigation-menu-active { overflow: hidden !important; } .ui.button { cursor: pointer; display: inline-block; min-height: 1em; outline: none; border: none; vertical-align: baseline; background: none rgb(224, 225, 226); color: rgba(0, 0, 0, 0.6); font-family: rawline, "Helvetica Neue", Arial, Helvetica, sans-serif; margin: 0px 0.25em 0px 0px; padding: 0.785714em 1.5em; text-transform: none; text-shadow: none; font-weight: 700; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; border-radius: 0.285714rem; user-select: none; transition: opacity 0.1s ease 0s, background-color 0.1s ease 0s, color 0.1s ease 0s, box-shadow 0.1s ease 0s, background 0.1s ease 0s; -webkit-tap-highlight-color: transparent; } .ui.button, .ui.button:hover { box-shadow: transparent 0px 0px 0px 1px inset, rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.button:hover { background-color: rgb(202, 203, 205); background-image: none; color: rgba(0, 0, 0, 0.8); } .ui.button:hover .icon { opacity: 0.85; } .ui.button:focus { background-color: rgb(202, 203, 205); color: rgba(0, 0, 0, 0.8); } .ui.button:focus .icon { opacity: 0.85; } .ui.active.button:active, .ui.button:active { background-color: rgb(186, 187, 188); color: rgba(0, 0, 0, 0.9); } .ui.active.button { box-shadow: transparent 0px 0px 0px 1px inset; } .ui.active.button, .ui.active.button:hover { color: rgb(135, 143, 147); } .ui.active.button, .ui.active.button:active, .ui.active.button:hover { background-color: rgb(192, 193, 194); background-image: none; } .ui.loading.loading.loading.loading.loading.loading.button { position: relative; cursor: default; opacity: 1; pointer-events: auto; transition: all 0s linear 0s, opacity 0.1s ease 0s; text-shadow: none !important; color: transparent !important; } .ui.loading.button::before { border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.15); } .ui.loading.button::after, .ui.loading.button::before { position: absolute; content: ""; top: 50%; left: 50%; margin: -0.678571em 0px 0px -0.678571em; width: 1.35714em; height: 1.35714em; } .ui.loading.button::after { animation: 0.6s linear 0s infinite normal none running button-spin; border-radius: 500rem; border-width: 0.2em; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: initial; box-shadow: transparent 0px 0px 0px 1px; } .ui.labeled.icon.loading.button .icon { background-color: transparent; box-shadow: none; } @keyframes button-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); }} .ui.basic.loading.button:not(.inverted)::before { border-color: rgba(0, 0, 0, 0.1); } .ui.basic.loading.button:not(.inverted)::after { border-top-color: rgb(104, 119, 141); } .ui.button:disabled, .ui.buttons .disabled.button, .ui.disabled.active.button, .ui.disabled.button, .ui.disabled.button:hover { cursor: default; opacity: 0.45 !important; background-image: none !important; box-shadow: none !important; pointer-events: none !important; } .ui.basic.buttons .ui.disabled.button { border-color: rgba(34, 36, 38, 0.5); } .ui.animated.button { position: relative; overflow: hidden; vertical-align: middle; z-index: 1; padding-right: 0px !important; } .ui.animated.button .content { will-change: transform, opacity; } .ui.animated.button .visible.content { position: relative; margin-right: 1.5em; } .ui.animated.button .hidden.content { position: absolute; width: 100%; } .ui.animated.button .hidden.content, .ui.animated.button .visible.content { transition: right 0.3s ease 0s; } .ui.animated.button .visible.content { left: auto; right: 0px; } .ui.animated.button .hidden.content { top: 50%; left: auto; right: -100%; margin-top: -0.5em; } .ui.animated.button:focus .visible.content, .ui.animated.button:hover .visible.content { left: auto; right: 200%; } .ui.animated.button:focus .hidden.content, .ui.animated.button:hover .hidden.content { left: auto; right: 0px; } .ui.vertical.animated.button .hidden.content, .ui.vertical.animated.button .visible.content { transition: top 0.3s ease 0s, transform 0.3s ease 0s; } .ui.vertical.animated.button .visible.content { transform: translateY(0px); right: auto; } .ui.vertical.animated.button .hidden.content { top: -50%; left: 0px; right: auto; } .ui.vertical.animated.button:focus .visible.content, .ui.vertical.animated.button:hover .visible.content { transform: translateY(200%); right: auto; } .ui.vertical.animated.button:focus .hidden.content, .ui.vertical.animated.button:hover .hidden.content { top: 50%; right: auto; } .ui.fade.animated.button .hidden.content, .ui.fade.animated.button .visible.content { transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; } .ui.fade.animated.button .visible.content { left: auto; right: auto; opacity: 1; transform: scale(1); } .ui.fade.animated.button .hidden.content { opacity: 0; left: 0px; right: auto; transform: scale(1.5); } .ui.fade.animated.button:focus .visible.content, .ui.fade.animated.button:hover .visible.content { left: auto; right: auto; opacity: 0; transform: scale(0.75); } .ui.fade.animated.button:focus .hidden.content, .ui.fade.animated.button:hover .hidden.content { left: 0px; right: auto; opacity: 1; transform: scale(1); } .ui.inverted.button { background: none transparent; color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset !important; text-shadow: none !important; } .ui.inverted.buttons .button { margin: 0px 0px 0px -2px; } .ui.inverted.buttons .button:first-child { margin-left: 0px; } .ui.inverted.vertical.buttons .button { margin: 0px 0px -2px; } .ui.inverted.vertical.buttons .button:first-child { margin-top: 0px; } .ui.inverted.button.active, .ui.inverted.button:focus, .ui.inverted.button:hover { background: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.8); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset !important; } .ui.inverted.button.active:focus { background: rgb(220, 221, 222); color: rgba(0, 0, 0, 0.8); box-shadow: rgb(220, 221, 222) 0px 0px 0px 2px inset !important; } .ui.labeled.button:not(.icon) { display: inline-flex; flex-direction: row; background: none !important; padding: 0px !important; border: none !important; box-shadow: none !important; } .ui.labeled.button > .button { margin: 0px; } .ui.labeled.button > .label { display: flex; align-items: center; font-size: 1em; border-color: rgb(199, 213, 216); margin: 0px 0px 0px -1px !important; } .ui.labeled.button > .tag.label::before { width: 1.85em; height: 1.85em; } .ui.labeled.button:not([class*="left labeled"]) > .button { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ui.labeled.button:not([class*="left labeled"]) > .label, .ui[class*="left labeled"].button > .button { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .ui[class*="left labeled"].button > .label { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ui.facebook.button { background-color: rgb(59, 89, 152); color: rgb(255, 255, 255); text-shadow: none; background-image: none; box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.facebook.button:hover { background-color: rgb(48, 77, 138); color: rgb(255, 255, 255); text-shadow: none; } .ui.facebook.button:active { background-color: rgb(45, 67, 115); color: rgb(255, 255, 255); text-shadow: none; } .ui.twitter.button { background-color: rgb(85, 172, 238); color: rgb(255, 255, 255); text-shadow: none; background-image: none; box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.twitter.button:hover { background-color: rgb(53, 162, 244); color: rgb(255, 255, 255); text-shadow: none; } .ui.twitter.button:active { background-color: rgb(39, 149, 233); color: rgb(255, 255, 255); text-shadow: none; } .ui.google.plus.button { background-color: rgb(221, 75, 57); color: rgb(255, 255, 255); text-shadow: none; background-image: none; box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.google.plus.button:hover { background-color: rgb(224, 50, 28); color: rgb(255, 255, 255); text-shadow: none; } .ui.google.plus.button:active { background-color: rgb(194, 51, 33); color: rgb(255, 255, 255); text-shadow: none; } .ui.linkedin.button { background-color: rgb(31, 136, 190); color: rgb(255, 255, 255); text-shadow: none; } .ui.linkedin.button:hover { background-color: rgb(20, 123, 175); color: rgb(255, 255, 255); text-shadow: none; } .ui.linkedin.button:active { background-color: rgb(24, 105, 146); color: rgb(255, 255, 255); text-shadow: none; } .ui.youtube.button { background-color: rgb(204, 24, 30); color: rgb(255, 255, 255); text-shadow: none; background-image: none; box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.youtube.button:hover { background-color: rgb(189, 13, 19); color: rgb(255, 255, 255); text-shadow: none; } .ui.youtube.button:active { background-color: rgb(158, 19, 23); color: rgb(255, 255, 255); text-shadow: none; } .ui.instagram.button { background-color: rgb(73, 118, 156); color: rgb(255, 255, 255); text-shadow: none; background-image: none; box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.instagram.button:hover { background-color: rgb(61, 105, 142); color: rgb(255, 255, 255); text-shadow: none; } .ui.instagram.button:active { background-color: rgb(57, 92, 121); color: rgb(255, 255, 255); text-shadow: none; } .ui.pinterest.button { background-color: rgb(189, 8, 28); color: rgb(255, 255, 255); text-shadow: none; background-image: none; box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.pinterest.button:hover { background-color: rgb(172, 0, 19); color: rgb(255, 255, 255); text-shadow: none; } .ui.pinterest.button:active { background-color: rgb(140, 6, 21); color: rgb(255, 255, 255); text-shadow: none; } .ui.vk.button { background-color: rgb(77, 113, 152); color: rgb(255, 255, 255); background-image: none; box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.vk.button:hover { background-color: rgb(65, 100, 138); color: rgb(255, 255, 255); } .ui.vk.button:active { background-color: rgb(60, 88, 118); color: rgb(255, 255, 255); } .ui.button > .icon:not(.button) { height: 0.857143em; opacity: 0.8; transition: opacity 0.1s ease 0s; } .ui.button:not(.icon) > .icon:not(.button):not(.dropdown), .ui.button > .icon:not(.button) { margin: 0px 0.428571em 0px -0.214286em; } .ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) { margin: 0px -0.214286em 0px 0.428571em; } .ui[class*="left floated"].button, .ui[class*="left floated"].buttons { float: left; margin-left: 0px; margin-right: 1.25em; } .ui[class*="right floated"].button, .ui[class*="right floated"].buttons { float: right; margin-right: 0px; margin-left: 1.25em; } .ui.compact.button, .ui.compact.buttons .button { padding: 0.589286em 1.125em; } .ui.compact.icon.button, .ui.compact.icon.buttons .button { padding: 0.589286em; } .ui.compact.labeled.icon.button, .ui.compact.labeled.icon.buttons .button { padding: 0.589286em 3.69643em; } .ui.mini.button, .ui.mini.buttons .button, .ui.mini.buttons .or { font-size: 0.785714rem; } .ui.tiny.button, .ui.tiny.buttons .button, .ui.tiny.buttons .or { font-size: 0.857143rem; } .ui.small.button, .ui.small.buttons .button, .ui.small.buttons .or { font-size: 0.928571rem; } .ui.button, .ui.buttons .button, .ui.buttons .or { font-size: 1rem; } .ui.large.button, .ui.large.buttons .button, .ui.large.buttons .or { font-size: 1.14286rem; } .ui.big.button, .ui.big.buttons .button, .ui.big.buttons .or { font-size: 1.35714rem; } .ui.huge.button, .ui.huge.buttons .button, .ui.huge.buttons .or { font-size: 1.57143rem; } .ui.massive.button, .ui.massive.buttons .button, .ui.massive.buttons .or { font-size: 1.85714rem; } .ui.icon.button, .ui.icon.buttons .button { padding: 0.785714em; } .ui.icon.button > .icon, .ui.icon.buttons .button > .icon { opacity: 0.9; vertical-align: top; margin: 0px !important; } .ui.basic.button, .ui.basic.buttons .button { font-weight: 400; border-radius: 0.285714rem; text-transform: none; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 0px 0.142857rem inset; background: none transparent !important; color: rgba(0, 0, 0, 0.6) !important; text-shadow: none !important; } .ui.basic.buttons { box-shadow: none; border: 0.142857rem solid rgb(199, 213, 216); border-radius: 0.285714rem; } .ui.basic.buttons .button { border-radius: 0px; } .ui.basic.button:focus, .ui.basic.button:hover, .ui.basic.buttons .button:focus, .ui.basic.buttons .button:hover { box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 0px 0.142857rem inset, rgb(199, 213, 216) 0px 0px 0px 0px inset; background: rgb(255, 255, 255) !important; color: rgba(0, 0, 0, 0.8) !important; } .ui.basic.button:active, .ui.basic.buttons .button:active { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 0.142857rem inset, rgb(199, 213, 216) 0px 1px 4px 0px inset; background: rgb(248, 248, 248) !important; color: rgba(0, 0, 0, 0.9) !important; } .ui.basic.active.button, .ui.basic.buttons .active.button { background: rgba(0, 0, 0, 0.05) !important; color: rgb(135, 143, 147) !important; } .ui.basic.active.button:hover, .ui.basic.buttons .active.button:hover { background-color: rgba(0, 0, 0, 0.05); } .ui.basic.buttons .button:hover { } .ui.basic.buttons .button:active { } .ui.basic.buttons .active.button { } .ui.basic.inverted.button, .ui.basic.inverted.buttons .button { background-color: transparent !important; color: rgb(249, 250, 251) !important; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; } .ui.basic.inverted.button:focus, .ui.basic.inverted.button:hover, .ui.basic.inverted.buttons .button:focus, .ui.basic.inverted.buttons .button:hover { color: rgb(255, 255, 255) !important; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset !important; } .ui.basic.inverted.button:active, .ui.basic.inverted.buttons .button:active { background-color: rgba(255, 255, 255, 0.08) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 2px inset !important; } .ui.basic.inverted.active.button, .ui.basic.inverted.buttons .active.button { background-color: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); text-shadow: none; box-shadow: rgba(255, 255, 255, 0.698) 0px 0px 0px 2px inset; } .ui.basic.inverted.active.button:hover, .ui.basic.inverted.buttons .active.button:hover { background-color: rgba(255, 255, 255, 0.15); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset !important; } .ui.basic.buttons .button { border-left: 0.142857rem solid rgb(199, 213, 216); box-shadow: none; } .ui.basic.vertical.buttons .button { border-left: 0px none; border-top: 0.142857rem solid rgb(199, 213, 216); } .ui.basic.vertical.buttons .button:first-child { border-top-width: 0px; } .ui.labeled.icon.button, .ui.labeled.icon.buttons .button { position: relative; padding-left: 4.07143em !important; padding-right: 1.5em !important; } .ui.labeled.icon.button > .icon, .ui.labeled.icon.buttons > .button > .icon { position: absolute; height: 100%; line-height: 1; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: inherit; border-bottom-left-radius: inherit; text-align: center; margin: 0px; width: 2.57143em; background-color: rgba(0, 0, 0, 0.05); box-shadow: transparent -1px 0px 0px 0px inset; top: 0px; left: 0px; } .ui[class*="right labeled"].icon.button { padding-right: 4.07143em !important; padding-left: 1.5em !important; } .ui[class*="right labeled"].icon.button > .icon { left: auto; right: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: inherit; border-bottom-right-radius: inherit; box-shadow: transparent 1px 0px 0px 0px inset; } .ui.labeled.icon.button > .icon::after, .ui.labeled.icon.button > .icon::before, .ui.labeled.icon.buttons > .button > .icon::after, .ui.labeled.icon.buttons > .button > .icon::before { display: block; position: absolute; width: 100%; top: 50%; text-align: center; transform: translateY(-50%); } .ui.labeled.icon.buttons .button > .icon { border-radius: 0px; } .ui.labeled.icon.buttons .button:first-child > .icon { border-top-left-radius: 0.285714rem; border-bottom-left-radius: 0.285714rem; } .ui.labeled.icon.buttons .button:last-child > .icon { border-top-right-radius: 0.285714rem; border-bottom-right-radius: 0.285714rem; } .ui.vertical.labeled.icon.buttons .button:first-child > .icon { border-radius: 0.285714rem 0px 0px; } .ui.vertical.labeled.icon.buttons .button:last-child > .icon { border-radius: 0px 0px 0px 0.285714rem; } .ui.fluid[class*="left labeled"].icon.button, .ui.fluid[class*="right labeled"].icon.button { padding-left: 1.5em !important; padding-right: 1.5em !important; } .ui.button.toggle.active, .ui.buttons .button.toggle.active, .ui.toggle.buttons .active.button { text-shadow: none; background-color: rgb(81, 170, 85) !important; box-shadow: none !important; color: rgb(255, 255, 255) !important; } .ui.button.toggle.active:hover { text-shadow: none; background-color: rgb(69, 157, 73) !important; color: rgb(255, 255, 255) !important; } .ui.circular.button { border-radius: 10em; } .ui.circular.button > .icon { width: 1em; vertical-align: baseline; } .ui.buttons .or { position: relative; width: 0.3em; height: 2.57143em; z-index: 3; } .ui.buttons .or::before { position: absolute; text-align: center; border-radius: 500rem; content: "or"; top: 50%; left: 50%; background-color: rgb(255, 255, 255); text-shadow: none; margin-top: -0.892857em; margin-left: -0.892857em; width: 1.78571em; height: 1.78571em; line-height: 1.78571em; color: rgba(0, 0, 0, 0.4); font-style: normal; font-weight: 700; box-shadow: transparent 0px 0px 0px 1px inset; } .ui.buttons .or[data-text]::before { content: attr(data-text); } .ui.fluid.buttons .or { width: 0px !important; } .ui.fluid.buttons .or::after { display: none; } .ui.attached.button { position: relative; display: block; margin: 0px; border-radius: 0px; box-shadow: rgb(199, 213, 216) 0px 0px 0px 1px !important; } .ui.attached.top.button { border-radius: 0.285714rem 0.285714rem 0px 0px; } .ui.attached.bottom.button { border-radius: 0px 0px 0.285714rem 0.285714rem; } .ui.left.attached.button { display: inline-block; border-left: none; text-align: right; padding-right: 0.75em; border-radius: 0.285714rem 0px 0px 0.285714rem; } .ui.right.attached.button { display: inline-block; text-align: left; padding-left: 0.75em; border-radius: 0px 0.285714rem 0.285714rem 0px; } .ui.attached.buttons { position: relative; display: flex; border-radius: 0px; z-index: 2; margin-left: -1px; margin-right: -1px; width: auto !important; } .ui.attached.buttons .button { margin: 0px; } .ui.attached.buttons .button:first-child, .ui.attached.buttons .button:last-child { border-radius: 0px; } .ui[class*="top attached"].buttons { margin-bottom: -1px; border-radius: 0.285714rem 0.285714rem 0px 0px; } .ui[class*="top attached"].buttons .button:first-child { border-radius: 0.285714rem 0px 0px; } .ui[class*="top attached"].buttons .button:last-child { border-radius: 0px 0.285714rem 0px 0px; } .ui[class*="bottom attached"].buttons { margin-top: -1px; border-radius: 0px 0px 0.285714rem 0.285714rem; } .ui[class*="bottom attached"].buttons .button:first-child { border-radius: 0px 0px 0px 0.285714rem; } .ui[class*="bottom attached"].buttons .button:last-child { border-radius: 0px 0px 0.285714rem; } .ui[class*="left attached"].buttons { display: inline-flex; margin-right: 0px; margin-left: -1px; border-radius: 0px 0.285714rem 0.285714rem 0px; } .ui[class*="left attached"].buttons .button:first-child { margin-left: -1px; border-radius: 0px 0.285714rem 0px 0px; } .ui[class*="left attached"].buttons .button:last-child { margin-left: -1px; border-radius: 0px 0px 0.285714rem; } .ui[class*="right attached"].buttons { display: inline-flex; margin-left: 0px; margin-right: -1px; border-radius: 0.285714rem 0px 0px 0.285714rem; } .ui[class*="right attached"].buttons .button:first-child { margin-left: -1px; border-radius: 0.285714rem 0px 0px; } .ui[class*="right attached"].buttons .button:last-child { margin-left: -1px; border-radius: 0px 0px 0px 0.285714rem; } .ui.fluid.button, .ui.fluid.buttons { width: 100%; } .ui.fluid.button { display: block; } .ui.two.buttons { width: 100%; } .ui.two.buttons > .button { width: 50%; } .ui.three.buttons { width: 100%; } .ui.three.buttons > .button { width: 33.333%; } .ui.four.buttons { width: 100%; } .ui.four.buttons > .button { width: 25%; } .ui.five.buttons { width: 100%; } .ui.five.buttons > .button { width: 20%; } .ui.six.buttons { width: 100%; } .ui.six.buttons > .button { width: 16.666%; } .ui.seven.buttons { width: 100%; } .ui.seven.buttons > .button { width: 14.285%; } .ui.eight.buttons { width: 100%; } .ui.eight.buttons > .button { width: 12.5%; } .ui.nine.buttons { width: 100%; } .ui.nine.buttons > .button { width: 11.11%; } .ui.ten.buttons { width: 100%; } .ui.ten.buttons > .button { width: 10%; } .ui.eleven.buttons { width: 100%; } .ui.eleven.buttons > .button { width: 9.09%; } .ui.twelve.buttons { width: 100%; } .ui.twelve.buttons > .button { width: 8.3333%; } .ui.fluid.vertical.buttons, .ui.fluid.vertical.buttons > .button { display: flex; width: auto; } .ui.two.vertical.buttons > .button { height: 50%; } .ui.three.vertical.buttons > .button { height: 33.333%; } .ui.four.vertical.buttons > .button { height: 25%; } .ui.five.vertical.buttons > .button { height: 20%; } .ui.six.vertical.buttons > .button { height: 16.666%; } .ui.seven.vertical.buttons > .button { height: 14.285%; } .ui.eight.vertical.buttons > .button { height: 12.5%; } .ui.nine.vertical.buttons > .button { height: 11.11%; } .ui.ten.vertical.buttons > .button { height: 10%; } .ui.eleven.vertical.buttons > .button { height: 9.09%; } .ui.twelve.vertical.buttons > .button { height: 8.3333%; } .ui.black.button, .ui.black.buttons .button { background-color: rgb(37, 37, 37); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.black.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.black.button:hover, .ui.black.buttons .button:hover { background-color: rgb(50, 50, 50); color: rgb(255, 255, 255); text-shadow: none; } .ui.black.button:focus, .ui.black.buttons .button:focus { background-color: rgb(57, 57, 57); color: rgb(255, 255, 255); text-shadow: none; } .ui.black.button:active, .ui.black.buttons .button:active { background-color: rgb(63, 63, 63); color: rgb(255, 255, 255); text-shadow: none; } .ui.black.active.button, .ui.black.button .active.button:active, .ui.black.buttons .active.button, .ui.black.buttons .active.button:active { background-color: rgb(24, 24, 24); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.black.button, .ui.basic.black.buttons .button { box-shadow: rgb(37, 37, 37) 0px 0px 0px 0.142857rem inset !important; color: rgb(37, 37, 37) !important; } .ui.basic.black.button:hover, .ui.basic.black.buttons .button:hover { background: transparent !important; box-shadow: rgb(50, 50, 50) 0px 0px 0px 0.142857rem inset !important; color: rgb(50, 50, 50) !important; } .ui.basic.black.button:focus, .ui.basic.black.buttons .button:focus { background: transparent !important; box-shadow: rgb(57, 57, 57) 0px 0px 0px 0.142857rem inset !important; color: rgb(50, 50, 50) !important; } .ui.basic.black.active.button, .ui.basic.black.buttons .active.button { background: transparent !important; box-shadow: rgb(24, 24, 24) 0px 0px 0px 0.142857rem inset !important; color: rgb(63, 63, 63) !important; } .ui.basic.black.button:active, .ui.basic.black.buttons .button:active { box-shadow: rgb(63, 63, 63) 0px 0px 0px 0.142857rem inset !important; color: rgb(63, 63, 63) !important; } .ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) { margin-left: -0.142857rem; } .ui.inverted.black.button, .ui.inverted.black.buttons .button { background-color: transparent; color: rgb(255, 255, 255); box-shadow: rgb(212, 212, 213) 0px 0px 0px 2px inset !important; } .ui.inverted.black.button.active, .ui.inverted.black.button:active, .ui.inverted.black.button:focus, .ui.inverted.black.button:hover, .ui.inverted.black.buttons .button.active, .ui.inverted.black.buttons .button:active, .ui.inverted.black.buttons .button:focus, .ui.inverted.black.buttons .button:hover { color: rgb(255, 255, 255); box-shadow: none !important; } .ui.inverted.black.active.button, .ui.inverted.black.button:active, .ui.inverted.black.button:focus, .ui.inverted.black.button:hover, .ui.inverted.black.buttons .active.button, .ui.inverted.black.buttons .button:active, .ui.inverted.black.buttons .button:focus, .ui.inverted.black.buttons .button:hover { background-color: rgb(0, 0, 0); } .ui.inverted.black.basic.button, .ui.inverted.black.basic.buttons .button, .ui.inverted.black.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.black.basic.button:hover, .ui.inverted.black.basic.buttons .button:hover, .ui.inverted.black.buttons .basic.button:hover { box-shadow: rgb(0, 0, 0) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.black.basic.button:focus, .ui.inverted.black.basic.buttons .button:focus { box-shadow: rgb(0, 0, 0) 0px 0px 0px 2px inset !important; color: rgb(84, 84, 84) !important; } .ui.inverted.black.basic.active.button, .ui.inverted.black.basic.button:active, .ui.inverted.black.basic.buttons .active.button, .ui.inverted.black.basic.buttons .button:active, .ui.inverted.black.buttons .basic.active.button, .ui.inverted.black.buttons .basic.button:active { box-shadow: rgb(0, 0, 0) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.grey.button, .ui.grey.buttons .button { background-color: rgb(104, 119, 141); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.grey.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.grey.button:hover, .ui.grey.buttons .button:hover { background-color: rgb(117, 132, 153); color: rgb(255, 255, 255); text-shadow: none; } .ui.grey.button:focus, .ui.grey.buttons .button:focus { background-color: rgb(126, 140, 160); color: rgb(255, 255, 255); text-shadow: none; } .ui.grey.button:active, .ui.grey.buttons .button:active { background-color: rgb(132, 145, 164); color: rgb(255, 255, 255); text-shadow: none; } .ui.grey.active.button, .ui.grey.button .active.button:active, .ui.grey.buttons .active.button, .ui.grey.buttons .active.button:active { background-color: rgb(93, 107, 126); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.grey.button, .ui.basic.grey.buttons .button { box-shadow: rgb(104, 119, 141) 0px 0px 0px 0.142857rem inset !important; color: rgb(104, 119, 141) !important; } .ui.basic.grey.button:hover, .ui.basic.grey.buttons .button:hover { background: transparent !important; box-shadow: rgb(117, 132, 153) 0px 0px 0px 0.142857rem inset !important; color: rgb(117, 132, 153) !important; } .ui.basic.grey.button:focus, .ui.basic.grey.buttons .button:focus { background: transparent !important; box-shadow: rgb(126, 140, 160) 0px 0px 0px 0.142857rem inset !important; color: rgb(117, 132, 153) !important; } .ui.basic.grey.active.button, .ui.basic.grey.buttons .active.button { background: transparent !important; box-shadow: rgb(93, 107, 126) 0px 0px 0px 0.142857rem inset !important; color: rgb(132, 145, 164) !important; } .ui.basic.grey.button:active, .ui.basic.grey.buttons .button:active { box-shadow: rgb(132, 145, 164) 0px 0px 0px 0.142857rem inset !important; color: rgb(132, 145, 164) !important; } .ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) { margin-left: -0.142857rem; } .ui.inverted.grey.button, .ui.inverted.grey.buttons .button { background-color: transparent; color: rgb(255, 255, 255); box-shadow: rgb(212, 212, 213) 0px 0px 0px 2px inset !important; } .ui.inverted.grey.button.active, .ui.inverted.grey.button:active, .ui.inverted.grey.button:focus, .ui.inverted.grey.button:hover, .ui.inverted.grey.buttons .button.active, .ui.inverted.grey.buttons .button:active, .ui.inverted.grey.buttons .button:focus, .ui.inverted.grey.buttons .button:hover { color: rgba(0, 0, 0, 0.6); box-shadow: none !important; } .ui.inverted.grey.button:hover, .ui.inverted.grey.buttons .button:hover { background-color: rgb(121, 131, 136); } .ui.inverted.grey.button:focus, .ui.inverted.grey.buttons .button:focus { background-color: rgb(113, 123, 128); } .ui.inverted.grey.active.button, .ui.inverted.grey.buttons .active.button { background-color: rgb(121, 131, 136); } .ui.inverted.grey.button:active, .ui.inverted.grey.buttons .button:active { background-color: rgb(109, 118, 122); } .ui.inverted.grey.basic.button, .ui.inverted.grey.basic.buttons .button, .ui.inverted.grey.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.grey.basic.button:hover, .ui.inverted.grey.basic.buttons .button:hover, .ui.inverted.grey.buttons .basic.button:hover { box-shadow: rgb(121, 131, 136) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.grey.basic.button:focus, .ui.inverted.grey.basic.buttons .button:focus { box-shadow: rgb(113, 123, 128) 0px 0px 0px 2px inset !important; color: rgb(135, 143, 147) !important; } .ui.inverted.grey.basic.active.button, .ui.inverted.grey.basic.buttons .active.button, .ui.inverted.grey.buttons .basic.active.button { box-shadow: rgb(121, 131, 136) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.grey.basic.button:active, .ui.inverted.grey.basic.buttons .button:active, .ui.inverted.grey.buttons .basic.button:active { box-shadow: rgb(109, 118, 122) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.brown.button, .ui.brown.buttons .button { background-color: rgb(130, 106, 106); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.brown.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.brown.button:hover, .ui.brown.buttons .button:hover { background-color: rgb(117, 93, 93); color: rgb(255, 255, 255); text-shadow: none; } .ui.brown.button:focus, .ui.brown.buttons .button:focus { background-color: rgb(110, 86, 86); color: rgb(255, 255, 255); text-shadow: none; } .ui.brown.button:active, .ui.brown.buttons .button:active { background-color: rgb(102, 83, 83); color: rgb(255, 255, 255); text-shadow: none; } .ui.brown.active.button, .ui.brown.button .active.button:active, .ui.brown.buttons .active.button, .ui.brown.buttons .active.button:active { background-color: rgb(118, 93, 93); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.brown.button, .ui.basic.brown.buttons .button { box-shadow: rgb(130, 106, 106) 0px 0px 0px 0.142857rem inset !important; color: rgb(130, 106, 106) !important; } .ui.basic.brown.button:hover, .ui.basic.brown.buttons .button:hover { background: transparent !important; box-shadow: rgb(117, 93, 93) 0px 0px 0px 0.142857rem inset !important; color: rgb(117, 93, 93) !important; } .ui.basic.brown.button:focus, .ui.basic.brown.buttons .button:focus { background: transparent !important; box-shadow: rgb(110, 86, 86) 0px 0px 0px 0.142857rem inset !important; color: rgb(117, 93, 93) !important; } .ui.basic.brown.active.button, .ui.basic.brown.buttons .active.button { background: transparent !important; box-shadow: rgb(118, 93, 93) 0px 0px 0px 0.142857rem inset !important; color: rgb(102, 83, 83) !important; } .ui.basic.brown.button:active, .ui.basic.brown.buttons .button:active { box-shadow: rgb(102, 83, 83) 0px 0px 0px 0.142857rem inset !important; color: rgb(102, 83, 83) !important; } .ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) { margin-left: -0.142857rem; } .ui.inverted.brown.button, .ui.inverted.brown.buttons .button { background-color: transparent; color: rgb(214, 124, 28); box-shadow: rgb(214, 124, 28) 0px 0px 0px 2px inset !important; } .ui.inverted.brown.button.active, .ui.inverted.brown.button:active, .ui.inverted.brown.button:focus, .ui.inverted.brown.button:hover, .ui.inverted.brown.buttons .button.active, .ui.inverted.brown.buttons .button:active, .ui.inverted.brown.buttons .button:focus, .ui.inverted.brown.buttons .button:hover { color: rgb(255, 255, 255); box-shadow: none !important; } .ui.inverted.brown.button:hover, .ui.inverted.brown.buttons .button:hover { background-color: rgb(200, 111, 17); } .ui.inverted.brown.button:focus, .ui.inverted.brown.buttons .button:focus { background-color: rgb(193, 104, 8); } .ui.inverted.brown.active.button, .ui.inverted.brown.buttons .active.button { background-color: rgb(204, 111, 13); } .ui.inverted.brown.button:active, .ui.inverted.brown.buttons .button:active { background-color: rgb(169, 98, 22); } .ui.inverted.brown.basic.button, .ui.inverted.brown.basic.buttons .button, .ui.inverted.brown.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.brown.basic.button:hover, .ui.inverted.brown.basic.buttons .button:hover, .ui.inverted.brown.buttons .basic.button:hover { box-shadow: rgb(200, 111, 17) 0px 0px 0px 2px inset !important; color: rgb(214, 124, 28) !important; } .ui.inverted.brown.basic.button:focus, .ui.inverted.brown.basic.buttons .button:focus { box-shadow: rgb(193, 104, 8) 0px 0px 0px 2px inset !important; color: rgb(214, 124, 28) !important; } .ui.inverted.brown.basic.active.button, .ui.inverted.brown.basic.buttons .active.button, .ui.inverted.brown.buttons .basic.active.button { box-shadow: rgb(204, 111, 13) 0px 0px 0px 2px inset !important; color: rgb(214, 124, 28) !important; } .ui.inverted.brown.basic.button:active, .ui.inverted.brown.basic.buttons .button:active, .ui.inverted.brown.buttons .basic.button:active { box-shadow: rgb(169, 98, 22) 0px 0px 0px 2px inset !important; color: rgb(214, 124, 28) !important; } .ui.blue.button, .ui.blue.buttons .button { background-color: rgb(0, 126, 177); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.blue.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.blue.button:hover, .ui.blue.buttons .button:hover { background-color: rgb(0, 108, 152); color: rgb(255, 255, 255); text-shadow: none; } .ui.blue.button:focus, .ui.blue.buttons .button:focus { background-color: rgb(0, 97, 136); color: rgb(255, 255, 255); text-shadow: none; } .ui.blue.button:active, .ui.blue.buttons .button:active { background-color: rgb(0, 90, 126); color: rgb(255, 255, 255); text-shadow: none; } .ui.blue.active.button, .ui.blue.button .active.button:active, .ui.blue.buttons .active.button, .ui.blue.buttons .active.button:active { background-color: rgb(0, 108, 152); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.blue.button, .ui.basic.blue.buttons .button { box-shadow: rgb(0, 126, 177) 0px 0px 0px 0.142857rem inset !important; color: rgb(0, 126, 177) !important; } .ui.basic.blue.button:hover, .ui.basic.blue.buttons .button:hover { background: transparent !important; box-shadow: rgb(0, 108, 152) 0px 0px 0px 0.142857rem inset !important; color: rgb(0, 108, 152) !important; } .ui.basic.blue.button:focus, .ui.basic.blue.buttons .button:focus { background: transparent !important; box-shadow: rgb(0, 97, 136) 0px 0px 0px 0.142857rem inset !important; color: rgb(0, 108, 152) !important; } .ui.basic.blue.active.button, .ui.basic.blue.buttons .active.button { background: transparent !important; box-shadow: rgb(0, 108, 152) 0px 0px 0px 0.142857rem inset !important; color: rgb(0, 90, 126) !important; } .ui.basic.blue.button:active, .ui.basic.blue.buttons .button:active { box-shadow: rgb(0, 90, 126) 0px 0px 0px 0.142857rem inset !important; color: rgb(0, 90, 126) !important; } .ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) { margin-left: -0.142857rem; } .ui.inverted.blue.button, .ui.inverted.blue.buttons .button { background-color: transparent; color: rgb(84, 200, 255); box-shadow: rgb(84, 200, 255) 0px 0px 0px 2px inset !important; } .ui.inverted.blue.button.active, .ui.inverted.blue.button:active, .ui.inverted.blue.button:focus, .ui.inverted.blue.button:hover, .ui.inverted.blue.buttons .button.active, .ui.inverted.blue.buttons .button:active, .ui.inverted.blue.buttons .button:focus, .ui.inverted.blue.buttons .button:hover { color: rgb(255, 255, 255); box-shadow: none !important; } .ui.inverted.blue.button:hover, .ui.inverted.blue.buttons .button:hover { background-color: rgb(58, 192, 255); } .ui.inverted.blue.button:focus, .ui.inverted.blue.buttons .button:focus { background-color: rgb(43, 187, 255); } .ui.inverted.blue.active.button, .ui.inverted.blue.buttons .active.button { background-color: rgb(58, 192, 255); } .ui.inverted.blue.button:active, .ui.inverted.blue.buttons .button:active { background-color: rgb(33, 184, 255); } .ui.inverted.blue.basic.button, .ui.inverted.blue.basic.buttons .button, .ui.inverted.blue.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.blue.basic.button:hover, .ui.inverted.blue.basic.buttons .button:hover, .ui.inverted.blue.buttons .basic.button:hover { box-shadow: rgb(58, 192, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.inverted.blue.basic.button:focus, .ui.inverted.blue.basic.buttons .button:focus { box-shadow: rgb(43, 187, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.inverted.blue.basic.active.button, .ui.inverted.blue.basic.buttons .active.button, .ui.inverted.blue.buttons .basic.active.button { box-shadow: rgb(58, 192, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.inverted.blue.basic.button:active, .ui.inverted.blue.basic.buttons .button:active, .ui.inverted.blue.buttons .basic.button:active { box-shadow: rgb(33, 184, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.green.button, .ui.green.buttons .button { background-color: rgb(81, 170, 85); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.green.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.green.button:hover, .ui.green.buttons .button:hover { background-color: rgb(69, 157, 73); color: rgb(255, 255, 255); text-shadow: none; } .ui.green.button:focus, .ui.green.buttons .button:focus { background-color: rgb(60, 150, 64); color: rgb(255, 255, 255); text-shadow: none; } .ui.green.button:active, .ui.green.buttons .button:active { background-color: rgb(65, 135, 68); color: rgb(255, 255, 255); text-shadow: none; } .ui.green.active.button, .ui.green.button .active.button:active, .ui.green.buttons .active.button, .ui.green.buttons .active.button:active { background-color: rgb(67, 159, 71); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.green.button, .ui.basic.green.buttons .button { box-shadow: rgb(81, 170, 85) 0px 0px 0px 0.142857rem inset !important; color: rgb(81, 170, 85) !important; } .ui.basic.green.button:hover, .ui.basic.green.buttons .button:hover { background: transparent !important; box-shadow: rgb(69, 157, 73) 0px 0px 0px 0.142857rem inset !important; color: rgb(69, 157, 73) !important; } .ui.basic.green.button:focus, .ui.basic.green.buttons .button:focus { background: transparent !important; box-shadow: rgb(60, 150, 64) 0px 0px 0px 0.142857rem inset !important; color: rgb(69, 157, 73) !important; } .ui.basic.green.active.button, .ui.basic.green.buttons .active.button { background: transparent !important; box-shadow: rgb(67, 159, 71) 0px 0px 0px 0.142857rem inset !important; color: rgb(65, 135, 68) !important; } .ui.basic.green.button:active, .ui.basic.green.buttons .button:active { box-shadow: rgb(65, 135, 68) 0px 0px 0px 0.142857rem inset !important; color: rgb(65, 135, 68) !important; } .ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) { margin-left: -0.142857rem; } .ui.inverted.green.button, .ui.inverted.green.buttons .button { background-color: transparent; color: rgb(46, 204, 64); box-shadow: rgb(46, 204, 64) 0px 0px 0px 2px inset !important; } .ui.inverted.green.button.active, .ui.inverted.green.button:active, .ui.inverted.green.button:focus, .ui.inverted.green.button:hover, .ui.inverted.green.buttons .button.active, .ui.inverted.green.buttons .button:active, .ui.inverted.green.buttons .button:focus, .ui.inverted.green.buttons .button:hover { color: rgb(255, 255, 255); box-shadow: none !important; } .ui.inverted.green.button:hover, .ui.inverted.green.buttons .button:hover { background-color: rgb(34, 190, 52); } .ui.inverted.green.button:focus, .ui.inverted.green.buttons .button:focus { background-color: rgb(25, 184, 43); } .ui.inverted.green.active.button, .ui.inverted.green.buttons .active.button { background-color: rgb(31, 194, 49); } .ui.inverted.green.button:active, .ui.inverted.green.buttons .button:active { background-color: rgb(37, 162, 51); } .ui.inverted.green.basic.button, .ui.inverted.green.basic.buttons .button, .ui.inverted.green.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.green.basic.button:hover, .ui.inverted.green.basic.buttons .button:hover, .ui.inverted.green.buttons .basic.button:hover { box-shadow: rgb(34, 190, 52) 0px 0px 0px 2px inset !important; color: rgb(46, 204, 64) !important; } .ui.inverted.green.basic.button:focus, .ui.inverted.green.basic.buttons .button:focus { box-shadow: rgb(25, 184, 43) 0px 0px 0px 2px inset !important; color: rgb(46, 204, 64) !important; } .ui.inverted.green.basic.active.button, .ui.inverted.green.basic.buttons .active.button, .ui.inverted.green.buttons .basic.active.button { box-shadow: rgb(31, 194, 49) 0px 0px 0px 2px inset !important; color: rgb(46, 204, 64) !important; } .ui.inverted.green.basic.button:active, .ui.inverted.green.basic.buttons .button:active, .ui.inverted.green.buttons .basic.button:active { box-shadow: rgb(37, 162, 51) 0px 0px 0px 2px inset !important; color: rgb(46, 204, 64) !important; } .ui.orange.button, .ui.orange.buttons .button { background-color: rgb(250, 92, 42); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.orange.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.orange.button:hover, .ui.orange.buttons .button:hover { background-color: rgb(255, 70, 11); color: rgb(255, 255, 255); text-shadow: none; } .ui.orange.button:focus, .ui.orange.buttons .button:focus { background-color: rgb(251, 60, 0); color: rgb(255, 255, 255); text-shadow: none; } .ui.orange.button:active, .ui.orange.buttons .button:active { background-color: rgb(235, 61, 6); color: rgb(255, 255, 255); text-shadow: none; } .ui.orange.active.button, .ui.orange.button .active.button:active, .ui.orange.buttons .active.button, .ui.orange.buttons .active.button:active { background-color: rgb(255, 70, 11); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.orange.button, .ui.basic.orange.buttons .button { box-shadow: rgb(250, 92, 42) 0px 0px 0px 0.142857rem inset !important; color: rgb(250, 92, 42) !important; } .ui.basic.orange.button:hover, .ui.basic.orange.buttons .button:hover { background: transparent !important; box-shadow: rgb(255, 70, 11) 0px 0px 0px 0.142857rem inset !important; color: rgb(255, 70, 11) !important; } .ui.basic.orange.button:focus, .ui.basic.orange.buttons .button:focus { background: transparent !important; box-shadow: rgb(251, 60, 0) 0px 0px 0px 0.142857rem inset !important; color: rgb(255, 70, 11) !important; } .ui.basic.orange.active.button, .ui.basic.orange.buttons .active.button { background: transparent !important; box-shadow: rgb(255, 70, 11) 0px 0px 0px 0.142857rem inset !important; color: rgb(235, 61, 6) !important; } .ui.basic.orange.button:active, .ui.basic.orange.buttons .button:active { box-shadow: rgb(235, 61, 6) 0px 0px 0px 0.142857rem inset !important; color: rgb(235, 61, 6) !important; } .ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) { margin-left: -0.142857rem; } .ui.inverted.orange.button, .ui.inverted.orange.buttons .button { background-color: transparent; color: rgb(255, 133, 27); box-shadow: rgb(255, 133, 27) 0px 0px 0px 2px inset !important; } .ui.inverted.orange.button.active, .ui.inverted.orange.button:active, .ui.inverted.orange.button:focus, .ui.inverted.orange.button:hover, .ui.inverted.orange.buttons .button.active, .ui.inverted.orange.buttons .button:active, .ui.inverted.orange.buttons .button:focus, .ui.inverted.orange.buttons .button:hover { color: rgb(255, 255, 255); box-shadow: none !important; } .ui.inverted.orange.button:hover, .ui.inverted.orange.buttons .button:hover { background-color: rgb(255, 119, 1); } .ui.inverted.orange.button:focus, .ui.inverted.orange.buttons .button:focus { background-color: rgb(241, 112, 0); } .ui.inverted.orange.active.button, .ui.inverted.orange.buttons .active.button { background-color: rgb(255, 119, 1); } .ui.inverted.orange.button:active, .ui.inverted.orange.buttons .button:active { background-color: rgb(231, 107, 0); } .ui.inverted.orange.basic.button, .ui.inverted.orange.basic.buttons .button, .ui.inverted.orange.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.orange.basic.button:hover, .ui.inverted.orange.basic.buttons .button:hover, .ui.inverted.orange.buttons .basic.button:hover { box-shadow: rgb(255, 119, 1) 0px 0px 0px 2px inset !important; color: rgb(255, 133, 27) !important; } .ui.inverted.orange.basic.button:focus, .ui.inverted.orange.basic.buttons .button:focus { box-shadow: rgb(241, 112, 0) 0px 0px 0px 2px inset !important; color: rgb(255, 133, 27) !important; } .ui.inverted.orange.basic.active.button, .ui.inverted.orange.basic.buttons .active.button, .ui.inverted.orange.buttons .basic.active.button { box-shadow: rgb(255, 119, 1) 0px 0px 0px 2px inset !important; color: rgb(255, 133, 27) !important; } .ui.inverted.orange.basic.button:active, .ui.inverted.orange.basic.buttons .button:active, .ui.inverted.orange.buttons .basic.button:active { box-shadow: rgb(231, 107, 0) 0px 0px 0px 2px inset !important; color: rgb(255, 133, 27) !important; } .ui.pink.button, .ui.pink.buttons .button { background-color: rgb(228, 1, 102); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.pink.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.pink.button:hover, .ui.pink.buttons .button:hover { background-color: rgb(204, 0, 91); color: rgb(255, 255, 255); text-shadow: none; } .ui.pink.button:focus, .ui.pink.buttons .button:focus { background-color: rgb(188, 0, 84); color: rgb(255, 255, 255); text-shadow: none; } .ui.pink.button:active, .ui.pink.buttons .button:active { background-color: rgb(177, 1, 79); color: rgb(255, 255, 255); text-shadow: none; } .ui.pink.active.button, .ui.pink.button .active.button:active, .ui.pink.buttons .active.button, .ui.pink.buttons .active.button:active { background-color: rgb(204, 0, 91); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.pink.button, .ui.basic.pink.buttons .button { box-shadow: rgb(228, 1, 102) 0px 0px 0px 0.142857rem inset !important; color: rgb(228, 1, 102) !important; } .ui.basic.pink.button:hover, .ui.basic.pink.buttons .button:hover { background: transparent !important; box-shadow: rgb(204, 0, 91) 0px 0px 0px 0.142857rem inset !important; color: rgb(204, 0, 91) !important; } .ui.basic.pink.button:focus, .ui.basic.pink.buttons .button:focus { background: transparent !important; box-shadow: rgb(188, 0, 84) 0px 0px 0px 0.142857rem inset !important; color: rgb(204, 0, 91) !important; } .ui.basic.pink.active.button, .ui.basic.pink.buttons .active.button { background: transparent !important; box-shadow: rgb(204, 0, 91) 0px 0px 0px 0.142857rem inset !important; color: rgb(177, 1, 79) !important; } .ui.basic.pink.button:active, .ui.basic.pink.buttons .button:active { box-shadow: rgb(177, 1, 79) 0px 0px 0px 0.142857rem inset !important; color: rgb(177, 1, 79) !important; } .ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) { margin-left: -0.142857rem; } .ui.inverted.pink.button, .ui.inverted.pink.buttons .button { background-color: transparent; color: rgb(255, 142, 223); box-shadow: rgb(255, 142, 223) 0px 0px 0px 2px inset !important; } .ui.inverted.pink.button.active, .ui.inverted.pink.button:active, .ui.inverted.pink.button:focus, .ui.inverted.pink.button:hover, .ui.inverted.pink.buttons .button.active, .ui.inverted.pink.buttons .button:active, .ui.inverted.pink.buttons .button:focus, .ui.inverted.pink.buttons .button:hover { color: rgb(255, 255, 255); box-shadow: none !important; } .ui.inverted.pink.button:hover, .ui.inverted.pink.buttons .button:hover { background-color: rgb(255, 116, 216); } .ui.inverted.pink.button:focus, .ui.inverted.pink.buttons .button:focus { background-color: rgb(255, 101, 211); } .ui.inverted.pink.active.button, .ui.inverted.pink.buttons .active.button { background-color: rgb(255, 116, 216); } .ui.inverted.pink.button:active, .ui.inverted.pink.buttons .button:active { background-color: rgb(255, 91, 209); } .ui.inverted.pink.basic.button, .ui.inverted.pink.basic.buttons .button, .ui.inverted.pink.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.pink.basic.button:hover, .ui.inverted.pink.basic.buttons .button:hover, .ui.inverted.pink.buttons .basic.button:hover { box-shadow: rgb(255, 116, 216) 0px 0px 0px 2px inset !important; color: rgb(255, 142, 223) !important; } .ui.inverted.pink.basic.button:focus, .ui.inverted.pink.basic.buttons .button:focus { box-shadow: rgb(255, 101, 211) 0px 0px 0px 2px inset !important; color: rgb(255, 142, 223) !important; } .ui.inverted.pink.basic.active.button, .ui.inverted.pink.basic.buttons .active.button, .ui.inverted.pink.buttons .basic.active.button { box-shadow: rgb(255, 116, 216) 0px 0px 0px 2px inset !important; color: rgb(255, 142, 223) !important; } .ui.inverted.pink.basic.button:active, .ui.inverted.pink.basic.buttons .button:active, .ui.inverted.pink.buttons .basic.button:active { box-shadow: rgb(255, 91, 209) 0px 0px 0px 2px inset !important; color: rgb(255, 142, 223) !important; } .ui.violet.button, .ui.violet.buttons .button { background-color: rgb(100, 53, 201); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.violet.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.violet.button:hover, .ui.violet.buttons .button:hover { background-color: rgb(88, 41, 187); color: rgb(255, 255, 255); text-shadow: none; } .ui.violet.button:focus, .ui.violet.buttons .button:focus { background-color: rgb(79, 32, 181); color: rgb(255, 255, 255); text-shadow: none; } .ui.violet.button:active, .ui.violet.buttons .button:active { background-color: rgb(80, 42, 161); color: rgb(255, 255, 255); text-shadow: none; } .ui.violet.active.button, .ui.violet.button .active.button:active, .ui.violet.buttons .active.button, .ui.violet.buttons .active.button:active { background-color: rgb(86, 38, 191); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.violet.button, .ui.basic.violet.buttons .button { box-shadow: rgb(100, 53, 201) 0px 0px 0px 0.142857rem inset !important; color: rgb(100, 53, 201) !important; } .ui.basic.violet.button:hover, .ui.basic.violet.buttons .button:hover { background: transparent !important; box-shadow: rgb(88, 41, 187) 0px 0px 0px 0.142857rem inset !important; color: rgb(88, 41, 187) !important; } .ui.basic.violet.button:focus, .ui.basic.violet.buttons .button:focus { background: transparent !important; box-shadow: rgb(79, 32, 181) 0px 0px 0px 0.142857rem inset !important; color: rgb(88, 41, 187) !important; } .ui.basic.violet.active.button, .ui.basic.violet.buttons .active.button { background: transparent !important; box-shadow: rgb(86, 38, 191) 0px 0px 0px 0.142857rem inset !important; color: rgb(80, 42, 161) !important; } .ui.basic.violet.button:active, .ui.basic.violet.buttons .button:active { box-shadow: rgb(80, 42, 161) 0px 0px 0px 0.142857rem inset !important; color: rgb(80, 42, 161) !important; } .ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) { margin-left: -0.142857rem; } .ui.inverted.violet.button, .ui.inverted.violet.buttons .button { background-color: transparent; color: rgb(162, 145, 251); box-shadow: rgb(162, 145, 251) 0px 0px 0px 2px inset !important; } .ui.inverted.violet.button.active, .ui.inverted.violet.button:active, .ui.inverted.violet.button:focus, .ui.inverted.violet.button:hover, .ui.inverted.violet.buttons .button.active, .ui.inverted.violet.buttons .button:active, .ui.inverted.violet.buttons .button:focus, .ui.inverted.violet.buttons .button:hover { color: rgb(255, 255, 255); box-shadow: none !important; } .ui.inverted.violet.button:hover, .ui.inverted.violet.buttons .button:hover { background-color: rgb(138, 115, 255); } .ui.inverted.violet.button:focus, .ui.inverted.violet.buttons .button:focus { background-color: rgb(125, 100, 255); } .ui.inverted.violet.active.button, .ui.inverted.violet.buttons .active.button { background-color: rgb(138, 115, 255); } .ui.inverted.violet.button:active, .ui.inverted.violet.buttons .button:active { background-color: rgb(120, 96, 249); } .ui.inverted.violet.basic.button, .ui.inverted.violet.basic.buttons .button, .ui.inverted.violet.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.violet.basic.button:hover, .ui.inverted.violet.basic.buttons .button:hover, .ui.inverted.violet.buttons .basic.button:hover { box-shadow: rgb(138, 115, 255) 0px 0px 0px 2px inset !important; color: rgb(162, 145, 251) !important; } .ui.inverted.violet.basic.button:focus, .ui.inverted.violet.basic.buttons .button:focus { box-shadow: rgb(125, 100, 255) 0px 0px 0px 2px inset !important; color: rgb(162, 145, 251) !important; } .ui.inverted.violet.basic.active.button, .ui.inverted.violet.basic.buttons .active.button, .ui.inverted.violet.buttons .basic.active.button { box-shadow: rgb(138, 115, 255) 0px 0px 0px 2px inset !important; color: rgb(162, 145, 251) !important; } .ui.inverted.violet.basic.button:active, .ui.inverted.violet.basic.buttons .button:active, .ui.inverted.violet.buttons .basic.button:active { box-shadow: rgb(120, 96, 249) 0px 0px 0px 2px inset !important; color: rgb(162, 145, 251) !important; } .ui.purple.button, .ui.purple.buttons .button { background-color: rgb(163, 51, 200); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.purple.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.purple.button:hover, .ui.purple.buttons .button:hover { background-color: rgb(150, 39, 186); color: rgb(255, 255, 255); text-shadow: none; } .ui.purple.button:focus, .ui.purple.buttons .button:focus { background-color: rgb(143, 30, 180); color: rgb(255, 255, 255); text-shadow: none; } .ui.purple.button:active, .ui.purple.buttons .button:active { background-color: rgb(130, 41, 159); color: rgb(255, 255, 255); text-shadow: none; } .ui.purple.active.button, .ui.purple.button .active.button:active, .ui.purple.buttons .active.button, .ui.purple.buttons .active.button:active { background-color: rgb(151, 36, 190); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.purple.button, .ui.basic.purple.buttons .button { box-shadow: rgb(163, 51, 200) 0px 0px 0px 0.142857rem inset !important; color: rgb(163, 51, 200) !important; } .ui.basic.purple.button:hover, .ui.basic.purple.buttons .button:hover { background: transparent !important; box-shadow: rgb(150, 39, 186) 0px 0px 0px 0.142857rem inset !important; color: rgb(150, 39, 186) !important; } .ui.basic.purple.button:focus, .ui.basic.purple.buttons .button:focus { background: transparent !important; box-shadow: rgb(143, 30, 180) 0px 0px 0px 0.142857rem inset !important; color: rgb(150, 39, 186) !important; } .ui.basic.purple.active.button, .ui.basic.purple.buttons .active.button { background: transparent !important; box-shadow: rgb(151, 36, 190) 0px 0px 0px 0.142857rem inset !important; color: rgb(130, 41, 159) !important; } .ui.basic.purple.button:active, .ui.basic.purple.buttons .button:active { box-shadow: rgb(130, 41, 159) 0px 0px 0px 0.142857rem inset !important; color: rgb(130, 41, 159) !important; } .ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) { margin-left: -0.142857rem; } .ui.inverted.purple.button, .ui.inverted.purple.buttons .button { background-color: transparent; color: rgb(220, 115, 255); box-shadow: rgb(220, 115, 255) 0px 0px 0px 2px inset !important; } .ui.inverted.purple.button.active, .ui.inverted.purple.button:active, .ui.inverted.purple.button:focus, .ui.inverted.purple.button:hover, .ui.inverted.purple.buttons .button.active, .ui.inverted.purple.buttons .button:active, .ui.inverted.purple.buttons .button:focus, .ui.inverted.purple.buttons .button:hover { color: rgb(255, 255, 255); box-shadow: none !important; } .ui.inverted.purple.button:hover, .ui.inverted.purple.buttons .button:hover { background-color: rgb(214, 90, 255); } .ui.inverted.purple.button:focus, .ui.inverted.purple.buttons .button:focus { background-color: rgb(210, 74, 255); } .ui.inverted.purple.active.button, .ui.inverted.purple.buttons .active.button { background-color: rgb(214, 90, 255); } .ui.inverted.purple.button:active, .ui.inverted.purple.buttons .button:active { background-color: rgb(207, 64, 255); } .ui.inverted.purple.basic.button, .ui.inverted.purple.basic.buttons .button, .ui.inverted.purple.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.purple.basic.button:hover, .ui.inverted.purple.basic.buttons .button:hover, .ui.inverted.purple.buttons .basic.button:hover { box-shadow: rgb(214, 90, 255) 0px 0px 0px 2px inset !important; color: rgb(220, 115, 255) !important; } .ui.inverted.purple.basic.button:focus, .ui.inverted.purple.basic.buttons .button:focus { box-shadow: rgb(210, 74, 255) 0px 0px 0px 2px inset !important; color: rgb(220, 115, 255) !important; } .ui.inverted.purple.basic.active.button, .ui.inverted.purple.basic.buttons .active.button, .ui.inverted.purple.buttons .basic.active.button { box-shadow: rgb(214, 90, 255) 0px 0px 0px 2px inset !important; color: rgb(220, 115, 255) !important; } .ui.inverted.purple.basic.button:active, .ui.inverted.purple.basic.buttons .button:active, .ui.inverted.purple.buttons .basic.button:active { box-shadow: rgb(207, 64, 255) 0px 0px 0px 2px inset !important; color: rgb(220, 115, 255) !important; } .ui.red.button, .ui.red.buttons .button { background-color: rgb(228, 1, 102); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.red.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.red.button:hover, .ui.red.buttons .button:hover { background-color: rgb(204, 0, 91); color: rgb(255, 255, 255); text-shadow: none; } .ui.red.button:focus, .ui.red.buttons .button:focus { background-color: rgb(188, 0, 84); color: rgb(255, 255, 255); text-shadow: none; } .ui.red.button:active, .ui.red.buttons .button:active { background-color: rgb(177, 1, 79); color: rgb(255, 255, 255); text-shadow: none; } .ui.red.active.button, .ui.red.button .active.button:active, .ui.red.buttons .active.button, .ui.red.buttons .active.button:active { background-color: rgb(204, 0, 91); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.red.button, .ui.basic.red.buttons .button { box-shadow: rgb(228, 1, 102) 0px 0px 0px 0.142857rem inset !important; color: rgb(228, 1, 102) !important; } .ui.basic.red.button:hover, .ui.basic.red.buttons .button:hover { background: transparent !important; box-shadow: rgb(204, 0, 91) 0px 0px 0px 0.142857rem inset !important; color: rgb(204, 0, 91) !important; } .ui.basic.red.button:focus, .ui.basic.red.buttons .button:focus { background: transparent !important; box-shadow: rgb(188, 0, 84) 0px 0px 0px 0.142857rem inset !important; color: rgb(204, 0, 91) !important; } .ui.basic.red.active.button, .ui.basic.red.buttons .active.button { background: transparent !important; box-shadow: rgb(204, 0, 91) 0px 0px 0px 0.142857rem inset !important; color: rgb(177, 1, 79) !important; } .ui.basic.red.button:active, .ui.basic.red.buttons .button:active { box-shadow: rgb(177, 1, 79) 0px 0px 0px 0.142857rem inset !important; color: rgb(177, 1, 79) !important; } .ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) { margin-left: -0.142857rem; } .ui.inverted.red.button, .ui.inverted.red.buttons .button { background-color: transparent; color: rgb(255, 105, 94); box-shadow: rgb(255, 105, 94) 0px 0px 0px 2px inset !important; } .ui.inverted.red.button.active, .ui.inverted.red.button:active, .ui.inverted.red.button:focus, .ui.inverted.red.button:hover, .ui.inverted.red.buttons .button.active, .ui.inverted.red.buttons .button:active, .ui.inverted.red.buttons .button:focus, .ui.inverted.red.buttons .button:hover { color: rgb(255, 255, 255); box-shadow: none !important; } .ui.inverted.red.button:hover, .ui.inverted.red.buttons .button:hover { background-color: rgb(255, 81, 68); } .ui.inverted.red.button:focus, .ui.inverted.red.buttons .button:focus { background-color: rgb(255, 67, 53); } .ui.inverted.red.active.button, .ui.inverted.red.buttons .active.button { background-color: rgb(255, 81, 68); } .ui.inverted.red.button:active, .ui.inverted.red.buttons .button:active { background-color: rgb(255, 57, 43); } .ui.inverted.red.basic.button, .ui.inverted.red.basic.buttons .button, .ui.inverted.red.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.red.basic.button:hover, .ui.inverted.red.basic.buttons .button:hover, .ui.inverted.red.buttons .basic.button:hover { box-shadow: rgb(255, 81, 68) 0px 0px 0px 2px inset !important; color: rgb(255, 105, 94) !important; } .ui.inverted.red.basic.button:focus, .ui.inverted.red.basic.buttons .button:focus { box-shadow: rgb(255, 67, 53) 0px 0px 0px 2px inset !important; color: rgb(255, 105, 94) !important; } .ui.inverted.red.basic.active.button, .ui.inverted.red.basic.buttons .active.button, .ui.inverted.red.buttons .basic.active.button { box-shadow: rgb(255, 81, 68) 0px 0px 0px 2px inset !important; color: rgb(255, 105, 94) !important; } .ui.inverted.red.basic.button:active, .ui.inverted.red.basic.buttons .button:active, .ui.inverted.red.buttons .basic.button:active { box-shadow: rgb(255, 57, 43) 0px 0px 0px 2px inset !important; color: rgb(255, 105, 94) !important; } .ui.teal.button, .ui.teal.buttons .button { background-color: rgb(81, 119, 118); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.teal.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.teal.button:hover, .ui.teal.buttons .button:hover { background-color: rgb(69, 105, 105); color: rgb(255, 255, 255); text-shadow: none; } .ui.teal.button:focus, .ui.teal.buttons .button:focus { background-color: rgb(61, 98, 97); color: rgb(255, 255, 255); text-shadow: none; } .ui.teal.button:active, .ui.teal.buttons .button:active { background-color: rgb(60, 89, 88); color: rgb(255, 255, 255); text-shadow: none; } .ui.teal.active.button, .ui.teal.button .active.button:active, .ui.teal.buttons .active.button, .ui.teal.buttons .active.button:active { background-color: rgb(68, 106, 105); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.teal.button, .ui.basic.teal.buttons .button { box-shadow: rgb(81, 119, 118) 0px 0px 0px 0.142857rem inset !important; color: rgb(81, 119, 118) !important; } .ui.basic.teal.button:hover, .ui.basic.teal.buttons .button:hover { background: transparent !important; box-shadow: rgb(69, 105, 105) 0px 0px 0px 0.142857rem inset !important; color: rgb(69, 105, 105) !important; } .ui.basic.teal.button:focus, .ui.basic.teal.buttons .button:focus { background: transparent !important; box-shadow: rgb(61, 98, 97) 0px 0px 0px 0.142857rem inset !important; color: rgb(69, 105, 105) !important; } .ui.basic.teal.active.button, .ui.basic.teal.buttons .active.button { background: transparent !important; box-shadow: rgb(68, 106, 105) 0px 0px 0px 0.142857rem inset !important; color: rgb(60, 89, 88) !important; } .ui.basic.teal.button:active, .ui.basic.teal.buttons .button:active { box-shadow: rgb(60, 89, 88) 0px 0px 0px 0.142857rem inset !important; color: rgb(60, 89, 88) !important; } .ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) { margin-left: -0.142857rem; } .ui.inverted.teal.button, .ui.inverted.teal.buttons .button { background-color: transparent; color: rgb(109, 255, 255); box-shadow: rgb(109, 255, 255) 0px 0px 0px 2px inset !important; } .ui.inverted.teal.button.active, .ui.inverted.teal.button:active, .ui.inverted.teal.button:focus, .ui.inverted.teal.button:hover, .ui.inverted.teal.buttons .button.active, .ui.inverted.teal.buttons .button:active, .ui.inverted.teal.buttons .button:focus, .ui.inverted.teal.buttons .button:hover { color: rgba(0, 0, 0, 0.6); box-shadow: none !important; } .ui.inverted.teal.button:hover, .ui.inverted.teal.buttons .button:hover { background-color: rgb(84, 255, 255); } .ui.inverted.teal.button:focus, .ui.inverted.teal.buttons .button:focus { background-color: rgb(68, 255, 255); } .ui.inverted.teal.active.button, .ui.inverted.teal.buttons .active.button { background-color: rgb(84, 255, 255); } .ui.inverted.teal.button:active, .ui.inverted.teal.buttons .button:active { background-color: rgb(58, 255, 255); } .ui.inverted.teal.basic.button, .ui.inverted.teal.basic.buttons .button, .ui.inverted.teal.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.teal.basic.button:hover, .ui.inverted.teal.basic.buttons .button:hover, .ui.inverted.teal.buttons .basic.button:hover { box-shadow: rgb(84, 255, 255) 0px 0px 0px 2px inset !important; color: rgb(109, 255, 255) !important; } .ui.inverted.teal.basic.button:focus, .ui.inverted.teal.basic.buttons .button:focus { box-shadow: rgb(68, 255, 255) 0px 0px 0px 2px inset !important; color: rgb(109, 255, 255) !important; } .ui.inverted.teal.basic.active.button, .ui.inverted.teal.basic.buttons .active.button, .ui.inverted.teal.buttons .basic.active.button { box-shadow: rgb(84, 255, 255) 0px 0px 0px 2px inset !important; color: rgb(109, 255, 255) !important; } .ui.inverted.teal.basic.button:active, .ui.inverted.teal.basic.buttons .button:active, .ui.inverted.teal.buttons .basic.button:active { box-shadow: rgb(58, 255, 255) 0px 0px 0px 2px inset !important; color: rgb(109, 255, 255) !important; } .ui.olive.button, .ui.olive.buttons .button { background-color: rgb(181, 204, 24); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.olive.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.olive.button:hover, .ui.olive.buttons .button:hover { background-color: rgb(167, 189, 13); color: rgb(255, 255, 255); text-shadow: none; } .ui.olive.button:focus, .ui.olive.buttons .button:focus { background-color: rgb(160, 182, 5); color: rgb(255, 255, 255); text-shadow: none; } .ui.olive.button:active, .ui.olive.buttons .button:active { background-color: rgb(141, 158, 19); color: rgb(255, 255, 255); text-shadow: none; } .ui.olive.active.button, .ui.olive.button .active.button:active, .ui.olive.buttons .active.button, .ui.olive.buttons .active.button:active { background-color: rgb(170, 193, 9); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.olive.button, .ui.basic.olive.buttons .button { box-shadow: rgb(181, 204, 24) 0px 0px 0px 0.142857rem inset !important; color: rgb(181, 204, 24) !important; } .ui.basic.olive.button:hover, .ui.basic.olive.buttons .button:hover { background: transparent !important; box-shadow: rgb(167, 189, 13) 0px 0px 0px 0.142857rem inset !important; color: rgb(167, 189, 13) !important; } .ui.basic.olive.button:focus, .ui.basic.olive.buttons .button:focus { background: transparent !important; box-shadow: rgb(160, 182, 5) 0px 0px 0px 0.142857rem inset !important; color: rgb(167, 189, 13) !important; } .ui.basic.olive.active.button, .ui.basic.olive.buttons .active.button { background: transparent !important; box-shadow: rgb(170, 193, 9) 0px 0px 0px 0.142857rem inset !important; color: rgb(141, 158, 19) !important; } .ui.basic.olive.button:active, .ui.basic.olive.buttons .button:active { box-shadow: rgb(141, 158, 19) 0px 0px 0px 0.142857rem inset !important; color: rgb(141, 158, 19) !important; } .ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) { margin-left: -0.142857rem; } .ui.inverted.olive.button, .ui.inverted.olive.buttons .button { background-color: transparent; color: rgb(201, 234, 177); box-shadow: rgb(201, 234, 177) 0px 0px 0px 2px inset !important; } .ui.inverted.olive.button.active, .ui.inverted.olive.button:active, .ui.inverted.olive.button:focus, .ui.inverted.olive.button:hover, .ui.inverted.olive.buttons .button.active, .ui.inverted.olive.buttons .button:active, .ui.inverted.olive.buttons .button:focus, .ui.inverted.olive.buttons .button:hover { color: rgba(0, 0, 0, 0.6); box-shadow: none !important; } .ui.inverted.olive.button:hover, .ui.inverted.olive.buttons .button:hover { background-color: rgb(187, 232, 153); } .ui.inverted.olive.button:focus, .ui.inverted.olive.buttons .button:focus { background-color: rgb(177, 233, 137); } .ui.inverted.olive.active.button, .ui.inverted.olive.buttons .active.button { background-color: rgb(186, 234, 152); } .ui.inverted.olive.button:active, .ui.inverted.olive.buttons .button:active { background-color: rgb(173, 223, 137); } .ui.inverted.olive.basic.button, .ui.inverted.olive.basic.buttons .button, .ui.inverted.olive.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.olive.basic.button:hover, .ui.inverted.olive.basic.buttons .button:hover, .ui.inverted.olive.buttons .basic.button:hover { box-shadow: rgb(187, 232, 153) 0px 0px 0px 2px inset !important; color: rgb(201, 234, 177) !important; } .ui.inverted.olive.basic.button:focus, .ui.inverted.olive.basic.buttons .button:focus { box-shadow: rgb(177, 233, 137) 0px 0px 0px 2px inset !important; color: rgb(201, 234, 177) !important; } .ui.inverted.olive.basic.active.button, .ui.inverted.olive.basic.buttons .active.button, .ui.inverted.olive.buttons .basic.active.button { box-shadow: rgb(186, 234, 152) 0px 0px 0px 2px inset !important; color: rgb(201, 234, 177) !important; } .ui.inverted.olive.basic.button:active, .ui.inverted.olive.basic.buttons .button:active, .ui.inverted.olive.buttons .basic.button:active { box-shadow: rgb(173, 223, 137) 0px 0px 0px 2px inset !important; color: rgb(201, 234, 177) !important; } .ui.yellow.button, .ui.yellow.buttons .button { background-color: rgb(246, 168, 8); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.yellow.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.yellow.button:hover, .ui.yellow.buttons .button:hover { background-color: rgb(229, 154, 0); color: rgb(255, 255, 255); text-shadow: none; } .ui.yellow.button:focus, .ui.yellow.buttons .button:focus { background-color: rgb(213, 143, 0); color: rgb(255, 255, 255); text-shadow: none; } .ui.yellow.button:active, .ui.yellow.buttons .button:active { background-color: rgb(197, 134, 6); color: rgb(255, 255, 255); text-shadow: none; } .ui.yellow.active.button, .ui.yellow.button .active.button:active, .ui.yellow.buttons .active.button, .ui.yellow.buttons .active.button:active { background-color: rgb(229, 154, 0); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.yellow.button, .ui.basic.yellow.buttons .button { box-shadow: rgb(246, 168, 8) 0px 0px 0px 0.142857rem inset !important; color: rgb(246, 168, 8) !important; } .ui.basic.yellow.button:hover, .ui.basic.yellow.buttons .button:hover { background: transparent !important; box-shadow: rgb(229, 154, 0) 0px 0px 0px 0.142857rem inset !important; color: rgb(229, 154, 0) !important; } .ui.basic.yellow.button:focus, .ui.basic.yellow.buttons .button:focus { background: transparent !important; box-shadow: rgb(213, 143, 0) 0px 0px 0px 0.142857rem inset !important; color: rgb(229, 154, 0) !important; } .ui.basic.yellow.active.button, .ui.basic.yellow.buttons .active.button { background: transparent !important; box-shadow: rgb(229, 154, 0) 0px 0px 0px 0.142857rem inset !important; color: rgb(197, 134, 6) !important; } .ui.basic.yellow.button:active, .ui.basic.yellow.buttons .button:active { box-shadow: rgb(197, 134, 6) 0px 0px 0px 0.142857rem inset !important; color: rgb(197, 134, 6) !important; } .ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) { margin-left: -0.142857rem; } .ui.inverted.yellow.button, .ui.inverted.yellow.buttons .button { background-color: transparent; color: rgb(255, 226, 31); box-shadow: rgb(255, 226, 31) 0px 0px 0px 2px inset !important; } .ui.inverted.yellow.button.active, .ui.inverted.yellow.button:active, .ui.inverted.yellow.button:focus, .ui.inverted.yellow.button:hover, .ui.inverted.yellow.buttons .button.active, .ui.inverted.yellow.buttons .button:active, .ui.inverted.yellow.buttons .button:focus, .ui.inverted.yellow.buttons .button:hover { color: rgba(0, 0, 0, 0.6); box-shadow: none !important; } .ui.inverted.yellow.button:hover, .ui.inverted.yellow.buttons .button:hover { background-color: rgb(255, 223, 5); } .ui.inverted.yellow.button:focus, .ui.inverted.yellow.buttons .button:focus { background-color: rgb(245, 213, 0); } .ui.inverted.yellow.active.button, .ui.inverted.yellow.buttons .active.button { background-color: rgb(255, 223, 5); } .ui.inverted.yellow.button:active, .ui.inverted.yellow.buttons .button:active { background-color: rgb(235, 205, 0); } .ui.inverted.yellow.basic.button, .ui.inverted.yellow.basic.buttons .button, .ui.inverted.yellow.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.yellow.basic.button:hover, .ui.inverted.yellow.basic.buttons .button:hover, .ui.inverted.yellow.buttons .basic.button:hover { box-shadow: rgb(255, 223, 5) 0px 0px 0px 2px inset !important; color: rgb(255, 226, 31) !important; } .ui.inverted.yellow.basic.button:focus, .ui.inverted.yellow.basic.buttons .button:focus { box-shadow: rgb(245, 213, 0) 0px 0px 0px 2px inset !important; color: rgb(255, 226, 31) !important; } .ui.inverted.yellow.basic.active.button, .ui.inverted.yellow.basic.buttons .active.button, .ui.inverted.yellow.buttons .basic.active.button { box-shadow: rgb(255, 223, 5) 0px 0px 0px 2px inset !important; color: rgb(255, 226, 31) !important; } .ui.inverted.yellow.basic.button:active, .ui.inverted.yellow.basic.buttons .button:active, .ui.inverted.yellow.buttons .basic.button:active { box-shadow: rgb(235, 205, 0) 0px 0px 0px 2px inset !important; color: rgb(255, 226, 31) !important; } .ui.primary.button, .ui.primary.buttons .button { background-color: rgb(0, 126, 177); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.primary.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.primary.button:hover, .ui.primary.buttons .button:hover { background-color: rgb(0, 108, 152); color: rgb(255, 255, 255); text-shadow: none; } .ui.primary.button:focus, .ui.primary.buttons .button:focus { background-color: rgb(0, 97, 136); color: rgb(255, 255, 255); text-shadow: none; } .ui.primary.button:active, .ui.primary.buttons .button:active { background-color: rgb(0, 90, 126); color: rgb(255, 255, 255); text-shadow: none; } .ui.primary.active.button, .ui.primary.button .active.button:active, .ui.primary.buttons .active.button, .ui.primary.buttons .active.button:active { background-color: rgb(0, 108, 152); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.primary.button, .ui.basic.primary.buttons .button { box-shadow: rgb(0, 126, 177) 0px 0px 0px 0.142857rem inset !important; color: rgb(0, 126, 177) !important; } .ui.basic.primary.button:hover, .ui.basic.primary.buttons .button:hover { background: transparent !important; box-shadow: rgb(0, 108, 152) 0px 0px 0px 0.142857rem inset !important; color: rgb(0, 108, 152) !important; } .ui.basic.primary.button:focus, .ui.basic.primary.buttons .button:focus { background: transparent !important; box-shadow: rgb(0, 97, 136) 0px 0px 0px 0.142857rem inset !important; color: rgb(0, 108, 152) !important; } .ui.basic.primary.active.button, .ui.basic.primary.buttons .active.button { background: transparent !important; box-shadow: rgb(0, 108, 152) 0px 0px 0px 0.142857rem inset !important; color: rgb(0, 90, 126) !important; } .ui.basic.primary.button:active, .ui.basic.primary.buttons .button:active { box-shadow: rgb(0, 90, 126) 0px 0px 0px 0.142857rem inset !important; color: rgb(0, 90, 126) !important; } .ui.inverted.primary.button, .ui.inverted.primary.buttons .button { background-color: transparent; color: rgb(84, 200, 255); box-shadow: rgb(84, 200, 255) 0px 0px 0px 2px inset !important; } .ui.inverted.primary.button.active, .ui.inverted.primary.button:active, .ui.inverted.primary.button:focus, .ui.inverted.primary.button:hover, .ui.inverted.primary.buttons .button.active, .ui.inverted.primary.buttons .button:active, .ui.inverted.primary.buttons .button:focus, .ui.inverted.primary.buttons .button:hover { color: rgb(255, 255, 255); box-shadow: none !important; } .ui.inverted.primary.button:hover, .ui.inverted.primary.buttons .button:hover { background-color: rgb(58, 192, 255); } .ui.inverted.primary.button:focus, .ui.inverted.primary.buttons .button:focus { background-color: rgb(43, 187, 255); } .ui.inverted.primary.active.button, .ui.inverted.primary.buttons .active.button { background-color: rgb(58, 192, 255); } .ui.inverted.primary.button:active, .ui.inverted.primary.buttons .button:active { background-color: rgb(33, 184, 255); } .ui.inverted.primary.basic.button, .ui.inverted.primary.basic.buttons .button, .ui.inverted.primary.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.primary.basic.button:hover, .ui.inverted.primary.basic.buttons .button:hover, .ui.inverted.primary.buttons .basic.button:hover { box-shadow: rgb(58, 192, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.inverted.primary.basic.button:focus, .ui.inverted.primary.basic.buttons .button:focus { box-shadow: rgb(43, 187, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.inverted.primary.basic.active.button, .ui.inverted.primary.basic.buttons .active.button, .ui.inverted.primary.buttons .basic.active.button { box-shadow: rgb(58, 192, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.inverted.primary.basic.button:active, .ui.inverted.primary.basic.buttons .button:active, .ui.inverted.primary.buttons .basic.button:active { box-shadow: rgb(33, 184, 255) 0px 0px 0px 2px inset !important; color: rgb(84, 200, 255) !important; } .ui.secondary.button, .ui.secondary.buttons .button { background-color: rgb(130, 106, 106); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.secondary.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.secondary.button:hover, .ui.secondary.buttons .button:hover { background-color: rgb(145, 117, 117); color: rgb(255, 255, 255); text-shadow: none; } .ui.secondary.button:focus, .ui.secondary.buttons .button:focus { background-color: rgb(153, 124, 124); color: rgb(255, 255, 255); text-shadow: none; } .ui.secondary.button:active, .ui.secondary.buttons .button:active { background-color: rgb(155, 132, 132); color: rgb(255, 255, 255); text-shadow: none; } .ui.secondary.active.button, .ui.secondary.button .active.button:active, .ui.secondary.buttons .active.button, .ui.secondary.buttons .active.button:active { background-color: rgb(145, 116, 116); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.secondary.button, .ui.basic.secondary.buttons .button { box-shadow: rgb(130, 106, 106) 0px 0px 0px 0.142857rem inset !important; color: rgb(130, 106, 106) !important; } .ui.basic.secondary.button:hover, .ui.basic.secondary.buttons .button:hover { background: transparent !important; box-shadow: rgb(145, 117, 117) 0px 0px 0px 0.142857rem inset !important; color: rgb(145, 117, 117) !important; } .ui.basic.secondary.button:focus, .ui.basic.secondary.buttons .button:focus { background: transparent !important; box-shadow: rgb(153, 124, 124) 0px 0px 0px 0.142857rem inset !important; color: rgb(145, 117, 117) !important; } .ui.basic.secondary.active.button, .ui.basic.secondary.buttons .active.button { background: transparent !important; box-shadow: rgb(145, 116, 116) 0px 0px 0px 0.142857rem inset !important; color: rgb(155, 132, 132) !important; } .ui.basic.secondary.button:active, .ui.basic.secondary.buttons .button:active { box-shadow: rgb(155, 132, 132) 0px 0px 0px 0.142857rem inset !important; color: rgb(155, 132, 132) !important; } .ui.inverted.secondary.button, .ui.inverted.secondary.buttons .button { background-color: transparent; color: rgb(135, 143, 147); box-shadow: rgb(135, 143, 147) 0px 0px 0px 2px inset !important; } .ui.inverted.secondary.button.active, .ui.inverted.secondary.button:active, .ui.inverted.secondary.button:focus, .ui.inverted.secondary.button:hover, .ui.inverted.secondary.buttons .button.active, .ui.inverted.secondary.buttons .button:active, .ui.inverted.secondary.buttons .button:focus, .ui.inverted.secondary.buttons .button:hover { color: rgb(255, 255, 255); box-shadow: none !important; } .ui.inverted.secondary.button:hover, .ui.inverted.secondary.buttons .button:hover { background-color: rgb(148, 156, 160); } .ui.inverted.secondary.button:focus, .ui.inverted.secondary.buttons .button:focus { background-color: rgb(155, 163, 167); } .ui.inverted.secondary.active.button, .ui.inverted.secondary.buttons .active.button { background-color: rgb(148, 156, 160); } .ui.inverted.secondary.button:active, .ui.inverted.secondary.buttons .button:active { background-color: rgb(162, 168, 171); } .ui.inverted.secondary.basic.button, .ui.inverted.secondary.basic.buttons .button, .ui.inverted.secondary.buttons .basic.button { background-color: transparent; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px inset !important; color: rgb(255, 255, 255) !important; } .ui.inverted.secondary.basic.button:hover, .ui.inverted.secondary.basic.buttons .button:hover, .ui.inverted.secondary.buttons .basic.button:hover { box-shadow: rgb(148, 156, 160) 0px 0px 0px 2px inset !important; color: rgb(135, 143, 147) !important; } .ui.inverted.secondary.basic.button:focus, .ui.inverted.secondary.basic.buttons .button:focus { box-shadow: rgb(155, 163, 167) 0px 0px 0px 2px inset !important; color: rgb(135, 143, 147) !important; } .ui.inverted.secondary.basic.active.button, .ui.inverted.secondary.basic.buttons .active.button, .ui.inverted.secondary.buttons .basic.active.button { box-shadow: rgb(148, 156, 160) 0px 0px 0px 2px inset !important; color: rgb(135, 143, 147) !important; } .ui.inverted.secondary.basic.button:active, .ui.inverted.secondary.basic.buttons .button:active, .ui.inverted.secondary.buttons .basic.button:active { box-shadow: rgb(162, 168, 171) 0px 0px 0px 2px inset !important; color: rgb(135, 143, 147) !important; } .ui.positive.button, .ui.positive.buttons .button { background-color: rgb(81, 170, 85); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.positive.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.positive.button:hover, .ui.positive.buttons .button:hover { background-color: rgb(69, 157, 73); color: rgb(255, 255, 255); text-shadow: none; } .ui.positive.button:focus, .ui.positive.buttons .button:focus { background-color: rgb(60, 150, 64); color: rgb(255, 255, 255); text-shadow: none; } .ui.positive.button:active, .ui.positive.buttons .button:active { background-color: rgb(65, 135, 68); color: rgb(255, 255, 255); text-shadow: none; } .ui.positive.active.button, .ui.positive.button .active.button:active, .ui.positive.buttons .active.button, .ui.positive.buttons .active.button:active { background-color: rgb(67, 159, 71); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.positive.button, .ui.basic.positive.buttons .button { box-shadow: rgb(81, 170, 85) 0px 0px 0px 0.142857rem inset !important; color: rgb(81, 170, 85) !important; } .ui.basic.positive.button:hover, .ui.basic.positive.buttons .button:hover { background: transparent !important; box-shadow: rgb(69, 157, 73) 0px 0px 0px 0.142857rem inset !important; color: rgb(69, 157, 73) !important; } .ui.basic.positive.button:focus, .ui.basic.positive.buttons .button:focus { background: transparent !important; box-shadow: rgb(60, 150, 64) 0px 0px 0px 0.142857rem inset !important; color: rgb(69, 157, 73) !important; } .ui.basic.positive.active.button, .ui.basic.positive.buttons .active.button { background: transparent !important; box-shadow: rgb(67, 159, 71) 0px 0px 0px 0.142857rem inset !important; color: rgb(65, 135, 68) !important; } .ui.basic.positive.button:active, .ui.basic.positive.buttons .button:active { box-shadow: rgb(65, 135, 68) 0px 0px 0px 0.142857rem inset !important; color: rgb(65, 135, 68) !important; } .ui.negative.button, .ui.negative.buttons .button { background-color: rgb(228, 1, 102); color: rgb(255, 255, 255); text-shadow: none; background-image: none; } .ui.negative.button { box-shadow: rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.negative.button:hover, .ui.negative.buttons .button:hover { background-color: rgb(204, 0, 91); color: rgb(255, 255, 255); text-shadow: none; } .ui.negative.button:focus, .ui.negative.buttons .button:focus { background-color: rgb(188, 0, 84); color: rgb(255, 255, 255); text-shadow: none; } .ui.negative.button:active, .ui.negative.buttons .button:active { background-color: rgb(177, 1, 79); color: rgb(255, 255, 255); text-shadow: none; } .ui.negative.active.button, .ui.negative.button .active.button:active, .ui.negative.buttons .active.button, .ui.negative.buttons .active.button:active { background-color: rgb(204, 0, 91); color: rgb(255, 255, 255); text-shadow: none; } .ui.basic.negative.button, .ui.basic.negative.buttons .button { box-shadow: rgb(228, 1, 102) 0px 0px 0px 0.142857rem inset !important; color: rgb(228, 1, 102) !important; } .ui.basic.negative.button:hover, .ui.basic.negative.buttons .button:hover { background: transparent !important; box-shadow: rgb(204, 0, 91) 0px 0px 0px 0.142857rem inset !important; color: rgb(204, 0, 91) !important; } .ui.basic.negative.button:focus, .ui.basic.negative.buttons .button:focus { background: transparent !important; box-shadow: rgb(188, 0, 84) 0px 0px 0px 0.142857rem inset !important; color: rgb(204, 0, 91) !important; } .ui.basic.negative.active.button, .ui.basic.negative.buttons .active.button { background: transparent !important; box-shadow: rgb(204, 0, 91) 0px 0px 0px 0.142857rem inset !important; color: rgb(177, 1, 79) !important; } .ui.basic.negative.button:active, .ui.basic.negative.buttons .button:active { box-shadow: rgb(177, 1, 79) 0px 0px 0px 0.142857rem inset !important; color: rgb(177, 1, 79) !important; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -0.142857rem; } .ui.buttons { display: inline-flex; flex-direction: row; font-size: 0px; vertical-align: baseline; margin: 0px 0.25em 0px 0px; } .ui.buttons:not(.basic):not(.inverted) { box-shadow: none; } .ui.buttons::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } .ui.buttons .button { flex: 1 0 auto; border-radius: 0px; margin: 0px; } .ui.buttons:not(.basic):not(.inverted) > .button, .ui.buttons > .ui.button:not(.basic):not(.inverted) { box-shadow: transparent 0px 0px 0px 1px inset, rgb(199, 213, 216) 0px 0px 0px 0px inset; } .ui.buttons .button:first-child { border-left: none; margin-left: 0px; border-top-left-radius: 0.285714rem; border-bottom-left-radius: 0.285714rem; } .ui.buttons .button:last-child { border-top-right-radius: 0.285714rem; border-bottom-right-radius: 0.285714rem; } .ui.vertical.buttons { display: inline-flex; flex-direction: column; } .ui.vertical.buttons .button { display: block; float: none; width: 100%; margin: 0px; box-shadow: none; border-radius: 0px; } .ui.vertical.buttons .button:first-child { border-top-left-radius: 0.285714rem; border-top-right-radius: 0.285714rem; } .ui.vertical.buttons .button:last-child { margin-bottom: 0px; border-bottom-left-radius: 0.285714rem; border-bottom-right-radius: 0.285714rem; } .ui.vertical.buttons .button:only-child { border-radius: 0.285714rem; } .ui.circular.icon.button { padding: 0.75em 0.25em 0px; } .ui.circular.icon.button .icon { font-size: 2em; } .searchbox.field > .ui.action.input > .icon.button { padding-top: 0px; padding-right: 0px; background: none; color: rgb(0, 126, 177); line-height: 1.6; } .searchbox.field > .ui.action.input > .icon.button:hover { background: none; } .searchbox.field > .ui.action.input > .icon.button .icon { font-weight: 700; } #main .ui.basic.button, #main .ui.basic.buttons .button, .contenttype-plone-site .ui.page.modals .ui.basic.button, .contenttype-plone-site .ui.page.modals .ui.basic.buttons .button, .slate-inline-toolbar.slate-toolbar .ui.basic.button, .slate-inline-toolbar.slate-toolbar .ui.basic.buttons .button { box-shadow: transparent 0px 0px 0px 0.142857rem inset !important; } .ui.basic.button { padding: 0px; border: 0px; background: transparent; cursor: pointer; text-align: initial; } .ui.basic.button:focus:not(:focus-visible) { outline: none; } .ui.basic.button:focus-visible, .ui.basic.buttons .button:focus-visible { outline: revert; } .ui.basic.primary.button, .ui.basic.secondary.button { box-shadow: none !important; } .ui.basic.primary.button:active, .ui.basic.primary.button:hover, .ui.basic.secondary.button:active, .ui.basic.secondary.button:hover { background: transparent !important; box-shadow: none !important; } .ui.basic.secondary.button { color: rgb(130, 106, 106) !important; } .ui.noborder.button { border: 0px; background: transparent; cursor: pointer; text-align: initial; padding: 0px !important; } .ui.noborder.button:focus:not(:focus-visible) { outline: none; } .ui.noborder.button:not(.icon) > .icon:not(.button):not(.dropdown) { margin: 0px; } .ui.button.gallery { background-color: transparent; } .ui.button.gallery .icon.circled { margin: 0px; } .modals .modal .actions { display: flex; justify-content: flex-end; gap: 0.5em; } .modals .modal .actions .ui.basic.button { display: flex; justify-content: center; padding: 0.3em; margin: 0px; } .modals .modal .actions .ui.basic.button svg { margin: 0px; } @media only screen and (max-width: 767px) { .ui.container { margin-left: 1em !important; margin-right: 1em !important; } .ui.container, .ui.grid.container, .ui.relaxed.grid.container, .ui.very.relaxed.grid.container { width: auto !important; }} @media only screen and (min-width: 768px) and (max-width: 1023px) { .ui.container { width: 723px; margin-left: auto !important; margin-right: auto !important; } .ui.grid.container { width: calc(723px + 2rem) !important; } .ui.relaxed.grid.container { width: calc(723px + 3rem) !important; } .ui.very.relaxed.grid.container { width: calc(723px + 5rem) !important; }} @media only screen and (min-width: 1024px) and (max-width: 1214px) { .ui.container { width: 1000px; margin-left: auto !important; margin-right: auto !important; } .ui.grid.container { width: calc(1000px + 2rem) !important; } .ui.relaxed.grid.container { width: calc(1000px + 3rem) !important; } .ui.very.relaxed.grid.container { width: calc(1000px + 5rem) !important; }} @media only screen and (min-width: 1215px) { .ui.container { width: 1150px; margin-left: auto !important; margin-right: auto !important; } .ui.grid.container { width: calc(1150px + 2rem) !important; } .ui.relaxed.grid.container { width: calc(1150px + 3rem) !important; } .ui.very.relaxed.grid.container { width: calc(1150px + 5rem) !important; }} .ui.text.container { font-family: rawline, "Helvetica Neue", Arial, Helvetica, sans-serif; line-height: 1.5; font-size: 1.14286rem; max-width: 376px !important; } .ui.fluid.container { width: 100%; } .ui[class*="left aligned"].container { text-align: left; } .ui[class*="center aligned"].container { text-align: center; } .ui[class*="right aligned"].container { text-align: right; } .ui.justified.container { text-align: justify; hyphens: auto; } .ui.container { display: block; transition: width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s, margin-left 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s, margin-right 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; max-width: 100% !important; } @media only screen and (max-width: 767px) { body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .ui.container { width: auto !important; margin-right: 1em !important; margin-left: 1em !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .drag.handle.wrapper { margin-left: -12px !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .block .delete-button { margin-right: -12px !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="computer only"]:not(.mobile), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="large screen only"]:not(.mobile), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="mobile hidden"], body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="or lower hidden"], body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="tablet only"]:not(.mobile), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="widescreen only"]:not(.mobile) { display: none !important; }} @media only screen and (min-width: 768px) and (max-width: 1023px) { body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .ui.container { width: 723px !important; margin-right: auto !important; margin-left: auto !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .drag.handle.wrapper { margin-left: -30px !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .block .delete-button { margin-right: -30px !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="computer only"]:not(.tablet), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="large screen only"]:not(.tablet), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="mobile only"]:not(.tablet), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="or lower hidden"]:not(.mobile), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="tablet hidden"], body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="widescreen only"]:not(.tablet) { display: none !important; }} @media only screen and (min-width: 1024px) and (max-width: 1214px) { body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .ui.container { width: 1000px !important; margin-right: auto !important; margin-left: auto !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .drag.handle.wrapper { margin-left: -30px !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .block .delete-button { margin-right: -30px !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="computer hidden"], body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="large screen only"]:not(.computer), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="mobile only"]:not(.computer), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="or lower hidden"]:not(.tablet):not(.mobile), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="tablet only"]:not(.computer), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="widescreen only"]:not(.computer) { display: none !important; }} @media only screen and (min-width: 1215px) { body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .ui.container { width: 1150px !important; margin-right: auto !important; margin-left: auto !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .drag.handle.wrapper { margin-left: -30px !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .block .delete-button { margin-right: -30px !important; } body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="computer only"]:not([class*="large screen"]), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="large screen hidden"], body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="mobile only"]:not([class*="large screen"]), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="tablet only"]:not([class*="large screen"]), body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) [class*="widescreen only"]:not([class*="large screen"]) { display: none !important; }} @media only screen and (max-width: 847px) { body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .ui.container { width: auto !important; margin-right: 1em !important; margin-left: 1em !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .drag.handle.wrapper { margin-left: -12px !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .block .delete-button { margin-right: -12px !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="computer only"]:not(.mobile), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="large screen only"]:not(.mobile), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="mobile hidden"], body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="or lower hidden"], body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="tablet only"]:not(.mobile), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="widescreen only"]:not(.mobile) { display: none !important; }} @media only screen and (min-width: 848px) and (max-width: 1103px) { body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .ui.container { width: 723px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .block .delete-button { margin-right: -30px !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="computer only"]:not(.tablet), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="large screen only"]:not(.tablet), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="mobile only"]:not(.tablet), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="or lower hidden"]:not(.mobile), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="tablet hidden"], body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="widescreen only"]:not(.tablet) { display: none !important; }} @media only screen and (min-width: 1104px) and (max-width: 1294px) { body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .ui.container { width: 1000px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .block .delete-button { margin-right: -30px !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="computer hidden"], body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="large screen only"]:not(.computer), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="mobile only"]:not(.computer), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="or lower hidden"]:not(.tablet):not(.mobile), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="tablet only"]:not(.computer), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="widescreen only"]:not(.computer) { display: none !important; }} @media only screen and (min-width: 1295px) { body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .ui.container { width: 1150px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) .block .delete-button { margin-right: -30px !important; } body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="computer only"]:not([class*="large screen"]), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="large screen hidden"], body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="mobile only"]:not([class*="large screen"]), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="tablet only"]:not([class*="large screen"]), body.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="widescreen only"]:not([class*="large screen"]) { display: none !important; }} @media only screen and (max-width: 1222px) { body.has-toolbar.has-sidebar .ui.container { width: auto !important; margin-right: 1em !important; margin-left: 1em !important; } body.has-toolbar.has-sidebar .drag.handle.wrapper { margin-left: -12px !important; } body.has-toolbar.has-sidebar .block .delete-button { margin-right: -12px !important; } body.has-toolbar.has-sidebar [class*="computer only"]:not(.mobile), body.has-toolbar.has-sidebar [class*="large screen only"]:not(.mobile), body.has-toolbar.has-sidebar [class*="mobile hidden"], body.has-toolbar.has-sidebar [class*="or lower hidden"], body.has-toolbar.has-sidebar [class*="tablet only"]:not(.mobile), body.has-toolbar.has-sidebar [class*="widescreen only"]:not(.mobile) { display: none !important; }} @media only screen and (min-width: 1223px) and (max-width: 1478px) { body.has-toolbar.has-sidebar .ui.container { width: 723px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar.has-sidebar .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar.has-sidebar .block .delete-button { margin-right: -30px !important; } body.has-toolbar.has-sidebar [class*="computer only"]:not(.tablet), body.has-toolbar.has-sidebar [class*="large screen only"]:not(.tablet), body.has-toolbar.has-sidebar [class*="mobile only"]:not(.tablet), body.has-toolbar.has-sidebar [class*="or lower hidden"]:not(.mobile), body.has-toolbar.has-sidebar [class*="tablet hidden"], body.has-toolbar.has-sidebar [class*="widescreen only"]:not(.tablet) { display: none !important; }} @media only screen and (min-width: 1479px) and (max-width: 1669px) { body.has-toolbar.has-sidebar .ui.container { width: 1000px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar.has-sidebar .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar.has-sidebar .block .delete-button { margin-right: -30px !important; } body.has-toolbar.has-sidebar [class*="computer hidden"], body.has-toolbar.has-sidebar [class*="large screen only"]:not(.computer), body.has-toolbar.has-sidebar [class*="mobile only"]:not(.computer), body.has-toolbar.has-sidebar [class*="or lower hidden"]:not(.tablet):not(.mobile), body.has-toolbar.has-sidebar [class*="tablet only"]:not(.computer), body.has-toolbar.has-sidebar [class*="widescreen only"]:not(.computer) { display: none !important; }} @media only screen and (min-width: 1670px) { body.has-toolbar.has-sidebar .ui.container { width: 1150px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar.has-sidebar .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar.has-sidebar .block .delete-button { margin-right: -30px !important; } body.has-toolbar.has-sidebar [class*="computer only"]:not([class*="large screen"]), body.has-toolbar.has-sidebar [class*="large screen hidden"], body.has-toolbar.has-sidebar [class*="mobile only"]:not([class*="large screen"]), body.has-toolbar.has-sidebar [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile), body.has-toolbar.has-sidebar [class*="tablet only"]:not([class*="large screen"]), body.has-toolbar.has-sidebar [class*="widescreen only"]:not([class*="large screen"]) { display: none !important; }} @media only screen and (max-width: 867px) { body.has-toolbar.has-sidebar-collapsed .ui.container { width: auto !important; margin-right: 1em !important; margin-left: 1em !important; } body.has-toolbar.has-sidebar-collapsed .drag.handle.wrapper { margin-left: -12px !important; } body.has-toolbar.has-sidebar-collapsed .block .delete-button { margin-right: -12px !important; } body.has-toolbar.has-sidebar-collapsed [class*="computer only"]:not(.mobile), body.has-toolbar.has-sidebar-collapsed [class*="large screen only"]:not(.mobile), body.has-toolbar.has-sidebar-collapsed [class*="mobile hidden"], body.has-toolbar.has-sidebar-collapsed [class*="or lower hidden"], body.has-toolbar.has-sidebar-collapsed [class*="tablet only"]:not(.mobile), body.has-toolbar.has-sidebar-collapsed [class*="widescreen only"]:not(.mobile) { display: none !important; }} @media only screen and (min-width: 868px) and (max-width: 1123px) { body.has-toolbar.has-sidebar-collapsed .ui.container { width: 723px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar.has-sidebar-collapsed .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar.has-sidebar-collapsed .block .delete-button { margin-right: -30px !important; } body.has-toolbar.has-sidebar-collapsed [class*="computer only"]:not(.tablet), body.has-toolbar.has-sidebar-collapsed [class*="large screen only"]:not(.tablet), body.has-toolbar.has-sidebar-collapsed [class*="mobile only"]:not(.tablet), body.has-toolbar.has-sidebar-collapsed [class*="or lower hidden"]:not(.mobile), body.has-toolbar.has-sidebar-collapsed [class*="tablet hidden"], body.has-toolbar.has-sidebar-collapsed [class*="widescreen only"]:not(.tablet) { display: none !important; }} @media only screen and (min-width: 1124px) and (max-width: 1314px) { body.has-toolbar.has-sidebar-collapsed .ui.container { width: 1000px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar.has-sidebar-collapsed .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar.has-sidebar-collapsed .block .delete-button { margin-right: -30px !important; } body.has-toolbar.has-sidebar-collapsed [class*="computer hidden"], body.has-toolbar.has-sidebar-collapsed [class*="large screen only"]:not(.computer), body.has-toolbar.has-sidebar-collapsed [class*="mobile only"]:not(.computer), body.has-toolbar.has-sidebar-collapsed [class*="or lower hidden"]:not(.tablet):not(.mobile), body.has-toolbar.has-sidebar-collapsed [class*="tablet only"]:not(.computer), body.has-toolbar.has-sidebar-collapsed [class*="widescreen only"]:not(.computer) { display: none !important; }} @media only screen and (min-width: 1315px) { body.has-toolbar.has-sidebar-collapsed .ui.container { width: 1150px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar.has-sidebar-collapsed .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar.has-sidebar-collapsed .block .delete-button { margin-right: -30px !important; } body.has-toolbar.has-sidebar-collapsed [class*="computer only"]:not([class*="large screen"]), body.has-toolbar.has-sidebar-collapsed [class*="large screen hidden"], body.has-toolbar.has-sidebar-collapsed [class*="mobile only"]:not([class*="large screen"]), body.has-toolbar.has-sidebar-collapsed [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile), body.has-toolbar.has-sidebar-collapsed [class*="tablet only"]:not([class*="large screen"]), body.has-toolbar.has-sidebar-collapsed [class*="widescreen only"]:not([class*="large screen"]) { display: none !important; }} @media only screen and (max-width: 787px) { body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .ui.container { width: auto !important; margin-right: 1em !important; margin-left: 1em !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .drag.handle.wrapper { margin-left: -12px !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .block .delete-button { margin-right: -12px !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="computer only"]:not(.mobile), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="large screen only"]:not(.mobile), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="mobile hidden"], body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="or lower hidden"], body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="tablet only"]:not(.mobile), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="widescreen only"]:not(.mobile) { display: none !important; }} @media only screen and (min-width: 788px) and (max-width: 1043px) { body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .ui.container { width: 723px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .block .delete-button { margin-right: -30px !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="computer only"]:not(.tablet), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="large screen only"]:not(.tablet), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="mobile only"]:not(.tablet), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="or lower hidden"]:not(.mobile), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="tablet hidden"], body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="widescreen only"]:not(.tablet) { display: none !important; }} @media only screen and (min-width: 1044px) and (max-width: 1234px) { body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .ui.container { width: 1000px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .block .delete-button { margin-right: -30px !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="computer hidden"], body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="large screen only"]:not(.computer), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="mobile only"]:not(.computer), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="or lower hidden"]:not(.tablet):not(.mobile), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="tablet only"]:not(.computer), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="widescreen only"]:not(.computer) { display: none !important; }} @media only screen and (min-width: 1235px) { body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .ui.container { width: 1150px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) .block .delete-button { margin-right: -30px !important; } body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="computer only"]:not([class*="large screen"]), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="large screen hidden"], body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="mobile only"]:not([class*="large screen"]), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="tablet only"]:not([class*="large screen"]), body.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) [class*="widescreen only"]:not([class*="large screen"]) { display: none !important; }} @media only screen and (max-width: 1162px) { body.has-toolbar-collapsed.has-sidebar .ui.container { width: auto !important; margin-right: 1em !important; margin-left: 1em !important; } body.has-toolbar-collapsed.has-sidebar .drag.handle.wrapper { margin-left: -12px !important; } body.has-toolbar-collapsed.has-sidebar .block .delete-button { margin-right: -12px !important; } body.has-toolbar-collapsed.has-sidebar [class*="computer only"]:not(.mobile), body.has-toolbar-collapsed.has-sidebar [class*="large screen only"]:not(.mobile), body.has-toolbar-collapsed.has-sidebar [class*="mobile hidden"], body.has-toolbar-collapsed.has-sidebar [class*="or lower hidden"], body.has-toolbar-collapsed.has-sidebar [class*="tablet only"]:not(.mobile), body.has-toolbar-collapsed.has-sidebar [class*="widescreen only"]:not(.mobile) { display: none !important; }} @media only screen and (min-width: 1163px) and (max-width: 1418px) { body.has-toolbar-collapsed.has-sidebar .ui.container { width: 723px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar-collapsed.has-sidebar .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar-collapsed.has-sidebar .block .delete-button { margin-right: -30px !important; } body.has-toolbar-collapsed.has-sidebar [class*="computer only"]:not(.tablet), body.has-toolbar-collapsed.has-sidebar [class*="large screen only"]:not(.tablet), body.has-toolbar-collapsed.has-sidebar [class*="mobile only"]:not(.tablet), body.has-toolbar-collapsed.has-sidebar [class*="or lower hidden"]:not(.mobile), body.has-toolbar-collapsed.has-sidebar [class*="tablet hidden"], body.has-toolbar-collapsed.has-sidebar [class*="widescreen only"]:not(.tablet) { display: none !important; }} @media only screen and (min-width: 1419px) and (max-width: 1609px) { body.has-toolbar-collapsed.has-sidebar .ui.container { width: 1000px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar-collapsed.has-sidebar .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar-collapsed.has-sidebar .block .delete-button { margin-right: -30px !important; } body.has-toolbar-collapsed.has-sidebar [class*="computer hidden"], body.has-toolbar-collapsed.has-sidebar [class*="large screen only"]:not(.computer), body.has-toolbar-collapsed.has-sidebar [class*="mobile only"]:not(.computer), body.has-toolbar-collapsed.has-sidebar [class*="or lower hidden"]:not(.tablet):not(.mobile), body.has-toolbar-collapsed.has-sidebar [class*="tablet only"]:not(.computer), body.has-toolbar-collapsed.has-sidebar [class*="widescreen only"]:not(.computer) { display: none !important; }} @media only screen and (min-width: 1610px) { body.has-toolbar-collapsed.has-sidebar .ui.container { width: 1150px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar-collapsed.has-sidebar .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar-collapsed.has-sidebar .block .delete-button { margin-right: -30px !important; } body.has-toolbar-collapsed.has-sidebar [class*="computer only"]:not([class*="large screen"]), body.has-toolbar-collapsed.has-sidebar [class*="large screen hidden"], body.has-toolbar-collapsed.has-sidebar [class*="mobile only"]:not([class*="large screen"]), body.has-toolbar-collapsed.has-sidebar [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile), body.has-toolbar-collapsed.has-sidebar [class*="tablet only"]:not([class*="large screen"]), body.has-toolbar-collapsed.has-sidebar [class*="widescreen only"]:not([class*="large screen"]) { display: none !important; }} @media only screen and (max-width: 807px) { body.has-toolbar-collapsed.has-sidebar-collapsed .ui.container { width: auto !important; margin-right: 1em !important; margin-left: 1em !important; } body.has-toolbar-collapsed.has-sidebar-collapsed .drag.handle.wrapper { margin-left: -12px !important; } body.has-toolbar-collapsed.has-sidebar-collapsed .block .delete-button { margin-right: -12px !important; } body.has-toolbar-collapsed.has-sidebar-collapsed [class*="computer only"]:not(.mobile), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="large screen only"]:not(.mobile), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="mobile hidden"], body.has-toolbar-collapsed.has-sidebar-collapsed [class*="or lower hidden"], body.has-toolbar-collapsed.has-sidebar-collapsed [class*="tablet only"]:not(.mobile), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="widescreen only"]:not(.mobile) { display: none !important; }} @media only screen and (min-width: 808px) and (max-width: 1063px) { body.has-toolbar-collapsed.has-sidebar-collapsed .ui.container { width: 723px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar-collapsed.has-sidebar-collapsed .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar-collapsed.has-sidebar-collapsed .block .delete-button { margin-right: -30px !important; } body.has-toolbar-collapsed.has-sidebar-collapsed [class*="computer only"]:not(.tablet), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="large screen only"]:not(.tablet), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="mobile only"]:not(.tablet), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="or lower hidden"]:not(.mobile), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="tablet hidden"], body.has-toolbar-collapsed.has-sidebar-collapsed [class*="widescreen only"]:not(.tablet) { display: none !important; }} @media only screen and (min-width: 1064px) and (max-width: 1254px) { body.has-toolbar-collapsed.has-sidebar-collapsed .ui.container { width: 1000px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar-collapsed.has-sidebar-collapsed .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar-collapsed.has-sidebar-collapsed .block .delete-button { margin-right: -30px !important; } body.has-toolbar-collapsed.has-sidebar-collapsed [class*="computer hidden"], body.has-toolbar-collapsed.has-sidebar-collapsed [class*="large screen only"]:not(.computer), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="mobile only"]:not(.computer), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="or lower hidden"]:not(.tablet):not(.mobile), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="tablet only"]:not(.computer), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="widescreen only"]:not(.computer) { display: none !important; }} @media only screen and (min-width: 1255px) { body.has-toolbar-collapsed.has-sidebar-collapsed .ui.container { width: 1150px !important; margin-right: auto !important; margin-left: auto !important; } body.has-toolbar-collapsed.has-sidebar-collapsed .drag.handle.wrapper { margin-left: -30px !important; } body.has-toolbar-collapsed.has-sidebar-collapsed .block .delete-button { margin-right: -30px !important; } body.has-toolbar-collapsed.has-sidebar-collapsed [class*="computer only"]:not([class*="large screen"]), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="large screen hidden"], body.has-toolbar-collapsed.has-sidebar-collapsed [class*="mobile only"]:not([class*="large screen"]), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="tablet only"]:not([class*="large screen"]), body.has-toolbar-collapsed.has-sidebar-collapsed [class*="widescreen only"]:not([class*="large screen"]) { display: none !important; }} .drag.handle.wrapper { margin-left: -15px !important; } .block .delete-button { margin-right: -25px !important; } .full-width { position: relative; right: 50%; left: 50%; width: 100vw !important; max-width: none !important; margin-right: -50vw !important; margin-left: -50vw !important; } .ui.container .row, .ui.grid .row { margin-right: auto; margin-left: auto; } #toolbar .pastanaga-menu .ui.container, .ui.container, .ui.text.container { padding-right: 0px; padding-left: 0px; } .ui.divider { margin: 1rem 0px; line-height: 1; height: 0px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(0, 0, 0, 0.85); user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .ui.divider:not(.vertical):not(.horizontal) { border-top: 1px solid rgb(199, 213, 216); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .ui.grid > .column + .divider, .ui.grid > .row > .column + .divider { left: auto; } .ui.horizontal.divider { display: table; white-space: nowrap; height: auto; line-height: 1; text-align: center; } .ui.horizontal.divider::after, .ui.horizontal.divider::before { content: ""; display: table-cell; position: relative; top: 50%; width: 50%; background-repeat: no-repeat; } .ui.horizontal.divider::before { background-position: right 1em top 50%; } .ui.horizontal.divider::after { background-position: left 1em top 50%; } .ui.vertical.divider { position: absolute; z-index: 2; top: 50%; left: 50%; margin: 0px; padding: 0px; width: auto; height: 50%; line-height: 0; text-align: center; transform: translateX(-50%); } .ui.vertical.divider::after, .ui.vertical.divider::before { position: absolute; left: 50%; content: ""; z-index: 3; border-left: 1px solid rgb(199, 213, 216); border-right: 1px solid rgba(255, 255, 255, 0.1); width: 0px; height: calc(100% - 1rem); } .ui.vertical.divider::before { top: -100%; } .ui.vertical.divider::after { top: auto; bottom: 0px; } @media only screen and (max-width: 767px) { .ui.grid .stackable.row .ui.vertical.divider, .ui.stackable.grid .ui.vertical.divider { display: table; white-space: nowrap; height: auto; overflow: hidden; line-height: 1; text-align: center; position: static; top: 0px; left: 0px; transform: none; } .ui.grid .stackable.row .ui.vertical.divider::after, .ui.grid .stackable.row .ui.vertical.divider::before, .ui.stackable.grid .ui.vertical.divider::after, .ui.stackable.grid .ui.vertical.divider::before { left: 0px; border-left: none; border-right: none; content: ""; display: table-cell; position: relative; top: 50%; width: 50%; background-repeat: no-repeat; } .ui.grid .stackable.row .ui.vertical.divider::before, .ui.stackable.grid .ui.vertical.divider::before { background-position: right 1em top 50%; } .ui.grid .stackable.row .ui.vertical.divider::after, .ui.stackable.grid .ui.vertical.divider::after { background-position: left 1em top 50%; }} .ui.divider > .icon { margin: 0px; font-size: 1rem; height: 1em; vertical-align: middle; } .ui.hidden.divider { border-color: transparent !important; } .ui.hidden.divider::after, .ui.hidden.divider::before { display: none; } .ui.divider.inverted, .ui.horizontal.inverted.divider, .ui.vertical.inverted.divider { color: rgb(255, 255, 255); } .ui.divider.inverted, .ui.divider.inverted::after, .ui.divider.inverted::before { border-color: rgb(199, 213, 216) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) rgb(199, 213, 216) !important; } .ui.fitted.divider { margin: 0px; } .ui.clearing.divider { clear: both; } .ui.section.divider { margin-top: 2rem; margin-bottom: 2rem; } .ui.divider { font-size: 1rem; } .ui.horizontal.divider::after, .ui.horizontal.divider::before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC"); } @media only screen and (max-width: 767px) { .ui.grid .stackable.row .ui.vertical.divider::after, .ui.grid .stackable.row .ui.vertical.divider::before, .ui.stackable.grid .ui.vertical.divider::after, .ui.stackable.grid .ui.vertical.divider::before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC"); }} i.flag:not(.icon) { line-height: 11px; vertical-align: baseline; margin: 0px 0.5em 0px 0px; text-decoration: inherit; speak: none; backface-visibility: hidden; } i.flag:not(.icon), i.flag:not(.icon)::before { display: inline-block; width: 16px; height: 11px; } i.flag:not(.icon)::before { content: ""; background: url("/sped/static/media/flags.9c74e172.png") -108px -1976px no-repeat; } i.flag.ad::before, i.flag.andorra::before { background-position: 0px 0px; } i.flag.ae::before, i.flag.uae::before, i.flag.united.arab.emirates::before { background-position: 0px -26px; } i.flag.af::before, i.flag.afghanistan::before { background-position: 0px -52px; } i.flag.ag::before, i.flag.antigua::before { background-position: 0px -78px; } i.flag.ai::before, i.flag.anguilla::before { background-position: 0px -104px; } i.flag.al::before, i.flag.albania::before { background-position: 0px -130px; } i.flag.am::before, i.flag.armenia::before { background-position: 0px -156px; } i.flag.an::before, i.flag.netherlands.antilles::before { background-position: 0px -182px; } i.flag.angola::before, i.flag.ao::before { background-position: 0px -208px; } i.flag.ar::before, i.flag.argentina::before { background-position: 0px -234px; } i.flag.american.samoa::before, i.flag.as::before { background-position: 0px -260px; } i.flag.at::before, i.flag.austria::before { background-position: 0px -286px; } i.flag.au::before, i.flag.australia::before { background-position: 0px -312px; } i.flag.aruba::before, i.flag.aw::before { background-position: 0px -338px; } i.flag.aland.islands::before, i.flag.ax::before { background-position: 0px -364px; } i.flag.az::before, i.flag.azerbaijan::before { background-position: 0px -390px; } i.flag.ba::before, i.flag.bosnia::before { background-position: 0px -416px; } i.flag.barbados::before, i.flag.bb::before { background-position: 0px -442px; } i.flag.bangladesh::before, i.flag.bd::before { background-position: 0px -468px; } i.flag.be::before, i.flag.belgium::before { background-position: 0px -494px; } i.flag.bf::before, i.flag.burkina.faso::before { background-position: 0px -520px; } i.flag.bg::before, i.flag.bulgaria::before { background-position: 0px -546px; } i.flag.bahrain::before, i.flag.bh::before { background-position: 0px -572px; } i.flag.bi::before, i.flag.burundi::before { background-position: 0px -598px; } i.flag.benin::before, i.flag.bj::before { background-position: 0px -624px; } i.flag.bermuda::before, i.flag.bm::before { background-position: 0px -650px; } i.flag.bn::before, i.flag.brunei::before { background-position: 0px -676px; } i.flag.bo::before, i.flag.bolivia::before { background-position: 0px -702px; } i.flag.br::before, i.flag.brazil::before { background-position: 0px -728px; } i.flag.bahamas::before, i.flag.bs::before { background-position: 0px -754px; } i.flag.bhutan::before, i.flag.bt::before { background-position: 0px -780px; } i.flag.bouvet.island::before, i.flag.bv::before { background-position: 0px -806px; } i.flag.botswana::before, i.flag.bw::before { background-position: 0px -832px; } i.flag.belarus::before, i.flag.by::before { background-position: 0px -858px; } i.flag.belize::before, i.flag.bz::before { background-position: 0px -884px; } i.flag.ca::before, i.flag.canada::before { background-position: 0px -910px; } i.flag.cc::before, i.flag.cocos.islands::before { background-position: 0px -962px; } i.flag.cd::before, i.flag.congo::before { background-position: 0px -988px; } i.flag.central.african.republic::before, i.flag.cf::before { background-position: 0px -1014px; } i.flag.cg::before, i.flag.congo.brazzaville::before { background-position: 0px -1040px; } i.flag.ch::before, i.flag.switzerland::before { background-position: 0px -1066px; } i.flag.ci::before, i.flag.cote.divoire::before { background-position: 0px -1092px; } i.flag.ck::before, i.flag.cook.islands::before { background-position: 0px -1118px; } i.flag.chile::before, i.flag.cl::before { background-position: 0px -1144px; } i.flag.cameroon::before, i.flag.cm::before { background-position: 0px -1170px; } i.flag.china::before, i.flag.cn::before { background-position: 0px -1196px; } i.flag.co::before, i.flag.colombia::before { background-position: 0px -1222px; } i.flag.costa.rica::before, i.flag.cr::before { background-position: 0px -1248px; } i.flag.cs::before, i.flag.serbia::before { background-position: 0px -1274px; } i.flag.cu::before, i.flag.cuba::before { background-position: 0px -1300px; } i.flag.cape.verde::before, i.flag.cv::before { background-position: 0px -1326px; } i.flag.christmas.island::before, i.flag.cx::before { background-position: 0px -1352px; } i.flag.cy::before, i.flag.cyprus::before { background-position: 0px -1378px; } i.flag.cz::before, i.flag.czech.republic::before { background-position: 0px -1404px; } i.flag.de::before, i.flag.germany::before { background-position: 0px -1430px; } i.flag.dj::before, i.flag.djibouti::before { background-position: 0px -1456px; } i.flag.denmark::before, i.flag.dk::before { background-position: 0px -1482px; } i.flag.dm::before, i.flag.dominica::before { background-position: 0px -1508px; } i.flag.do::before, i.flag.dominican.republic::before { background-position: 0px -1534px; } i.flag.algeria::before, i.flag.dz::before { background-position: 0px -1560px; } i.flag.ec::before, i.flag.ecuador::before { background-position: 0px -1586px; } i.flag.ee::before, i.flag.estonia::before { background-position: 0px -1612px; } i.flag.eg::before, i.flag.egypt::before { background-position: 0px -1638px; } i.flag.eh::before, i.flag.western.sahara::before { background-position: 0px -1664px; } i.flag.er::before, i.flag.eritrea::before { background-position: 0px -1716px; } i.flag.es::before, i.flag.spain::before { background-position: 0px -1742px; } i.flag.et::before, i.flag.ethiopia::before { background-position: 0px -1768px; } i.flag.eu::before, i.flag.european.union::before { background-position: 0px -1794px; } i.flag.fi::before, i.flag.finland::before { background-position: 0px -1846px; } i.flag.fiji::before, i.flag.fj::before { background-position: 0px -1872px; } i.flag.falkland.islands::before, i.flag.fk::before { background-position: 0px -1898px; } i.flag.fm::before, i.flag.micronesia::before { background-position: 0px -1924px; } i.flag.faroe.islands::before, i.flag.fo::before { background-position: 0px -1950px; } i.flag.fr::before, i.flag.france::before { background-position: 0px -1976px; } i.flag.ga::before, i.flag.gabon::before { background-position: -36px 0px; } i.flag.gb::before, i.flag.united.kingdom::before { background-position: -36px -26px; } i.flag.gd::before, i.flag.grenada::before { background-position: -36px -52px; } i.flag.ge::before, i.flag.georgia::before { background-position: -36px -78px; } i.flag.french.guiana::before, i.flag.gf::before { background-position: -36px -104px; } i.flag.gh::before, i.flag.ghana::before { background-position: -36px -130px; } i.flag.gi::before, i.flag.gibraltar::before { background-position: -36px -156px; } i.flag.gl::before, i.flag.greenland::before { background-position: -36px -182px; } i.flag.gambia::before, i.flag.gm::before { background-position: -36px -208px; } i.flag.gn::before, i.flag.guinea::before { background-position: -36px -234px; } i.flag.gp::before, i.flag.guadeloupe::before { background-position: -36px -260px; } i.flag.equatorial.guinea::before, i.flag.gq::before { background-position: -36px -286px; } i.flag.gr::before, i.flag.greece::before { background-position: -36px -312px; } i.flag.gs::before, i.flag.sandwich.islands::before { background-position: -36px -338px; } i.flag.gt::before, i.flag.guatemala::before { background-position: -36px -364px; } i.flag.gu::before, i.flag.guam::before { background-position: -36px -390px; } i.flag.guinea-bissau::before, i.flag.gw::before { background-position: -36px -416px; } i.flag.guyana::before, i.flag.gy::before { background-position: -36px -442px; } i.flag.hk::before, i.flag.hong.kong::before { background-position: -36px -468px; } i.flag.heard.island::before, i.flag.hm::before { background-position: -36px -494px; } i.flag.hn::before, i.flag.honduras::before { background-position: -36px -520px; } i.flag.croatia::before, i.flag.hr::before { background-position: -36px -546px; } i.flag.haiti::before, i.flag.ht::before { background-position: -36px -572px; } i.flag.hu::before, i.flag.hungary::before { background-position: -36px -598px; } i.flag.id::before, i.flag.indonesia::before { background-position: -36px -624px; } i.flag.ie::before, i.flag.ireland::before { background-position: -36px -650px; } i.flag.il::before, i.flag.israel::before { background-position: -36px -676px; } i.flag.in::before, i.flag.india::before { background-position: -36px -702px; } i.flag.indian.ocean.territory::before, i.flag.io::before { background-position: -36px -728px; } i.flag.iq::before, i.flag.iraq::before { background-position: -36px -754px; } i.flag.ir::before, i.flag.iran::before { background-position: -36px -780px; } i.flag.iceland::before, i.flag.is::before { background-position: -36px -806px; } i.flag.it::before, i.flag.italy::before { background-position: -36px -832px; } i.flag.jamaica::before, i.flag.jm::before { background-position: -36px -858px; } i.flag.jo::before, i.flag.jordan::before { background-position: -36px -884px; } i.flag.japan::before, i.flag.jp::before { background-position: -36px -910px; } i.flag.ke::before, i.flag.kenya::before { background-position: -36px -936px; } i.flag.kg::before, i.flag.kyrgyzstan::before { background-position: -36px -962px; } i.flag.cambodia::before, i.flag.kh::before { background-position: -36px -988px; } i.flag.ki::before, i.flag.kiribati::before { background-position: -36px -1014px; } i.flag.comoros::before, i.flag.km::before { background-position: -36px -1040px; } i.flag.kn::before, i.flag.saint.kitts.and.nevis::before { background-position: -36px -1066px; } i.flag.kp::before, i.flag.north.korea::before { background-position: -36px -1092px; } i.flag.kr::before, i.flag.south.korea::before { background-position: -36px -1118px; } i.flag.kuwait::before, i.flag.kw::before { background-position: -36px -1144px; } i.flag.cayman.islands::before, i.flag.ky::before { background-position: -36px -1170px; } i.flag.kazakhstan::before, i.flag.kz::before { background-position: -36px -1196px; } i.flag.la::before, i.flag.laos::before { background-position: -36px -1222px; } i.flag.lb::before, i.flag.lebanon::before { background-position: -36px -1248px; } i.flag.lc::before, i.flag.saint.lucia::before { background-position: -36px -1274px; } i.flag.li::before, i.flag.liechtenstein::before { background-position: -36px -1300px; } i.flag.lk::before, i.flag.sri.lanka::before { background-position: -36px -1326px; } i.flag.liberia::before, i.flag.lr::before { background-position: -36px -1352px; } i.flag.lesotho::before, i.flag.ls::before { background-position: -36px -1378px; } i.flag.lithuania::before, i.flag.lt::before { background-position: -36px -1404px; } i.flag.lu::before, i.flag.luxembourg::before { background-position: -36px -1430px; } i.flag.latvia::before, i.flag.lv::before { background-position: -36px -1456px; } i.flag.libya::before, i.flag.ly::before { background-position: -36px -1482px; } i.flag.ma::before, i.flag.morocco::before { background-position: -36px -1508px; } i.flag.mc::before, i.flag.monaco::before { background-position: -36px -1534px; } i.flag.md::before, i.flag.moldova::before { background-position: -36px -1560px; } i.flag.me::before, i.flag.montenegro::before { background-position: -36px -1586px; } i.flag.madagascar::before, i.flag.mg::before { background-position: -36px -1613px; } i.flag.marshall.islands::before, i.flag.mh::before { background-position: -36px -1639px; } i.flag.macedonia::before, i.flag.mk::before { background-position: -36px -1665px; } i.flag.mali::before, i.flag.ml::before { background-position: -36px -1691px; } i.flag.burma::before, i.flag.mm::before, i.flag.myanmar::before { background-position: -73px -1821px; } i.flag.mn::before, i.flag.mongolia::before { background-position: -36px -1743px; } i.flag.macau::before, i.flag.mo::before { background-position: -36px -1769px; } i.flag.mp::before, i.flag.northern.mariana.islands::before { background-position: -36px -1795px; } i.flag.martinique::before, i.flag.mq::before { background-position: -36px -1821px; } i.flag.mauritania::before, i.flag.mr::before { background-position: -36px -1847px; } i.flag.montserrat::before, i.flag.ms::before { background-position: -36px -1873px; } i.flag.malta::before, i.flag.mt::before { background-position: -36px -1899px; } i.flag.mauritius::before, i.flag.mu::before { background-position: -36px -1925px; } i.flag.maldives::before, i.flag.mv::before { background-position: -36px -1951px; } i.flag.malawi::before, i.flag.mw::before { background-position: -36px -1977px; } i.flag.mexico::before, i.flag.mx::before { background-position: -72px 0px; } i.flag.malaysia::before, i.flag.my::before { background-position: -72px -26px; } i.flag.mozambique::before, i.flag.mz::before { background-position: -72px -52px; } i.flag.na::before, i.flag.namibia::before { background-position: -72px -78px; } i.flag.nc::before, i.flag.new.caledonia::before { background-position: -72px -104px; } i.flag.ne::before, i.flag.niger::before { background-position: -72px -130px; } i.flag.nf::before, i.flag.norfolk.island::before { background-position: -72px -156px; } i.flag.ng::before, i.flag.nigeria::before { background-position: -72px -182px; } i.flag.ni::before, i.flag.nicaragua::before { background-position: -72px -208px; } i.flag.netherlands::before, i.flag.nl::before { background-position: -72px -234px; } i.flag.no::before, i.flag.norway::before { background-position: -72px -260px; } i.flag.nepal::before, i.flag.np::before { background-position: -72px -286px; } i.flag.nauru::before, i.flag.nr::before { background-position: -72px -312px; } i.flag.niue::before, i.flag.nu::before { background-position: -72px -338px; } i.flag.new.zealand::before, i.flag.nz::before { background-position: -72px -364px; } i.flag.om::before, i.flag.oman::before { background-position: -72px -390px; } i.flag.pa::before, i.flag.panama::before { background-position: -72px -416px; } i.flag.pe::before, i.flag.peru::before { background-position: -72px -442px; } i.flag.french.polynesia::before, i.flag.pf::before { background-position: -72px -468px; } i.flag.new.guinea::before, i.flag.pg::before { background-position: -72px -494px; } i.flag.ph::before, i.flag.philippines::before { background-position: -72px -520px; } i.flag.pakistan::before, i.flag.pk::before { background-position: -72px -546px; } i.flag.pl::before, i.flag.poland::before { background-position: -72px -572px; } i.flag.pm::before, i.flag.saint.pierre::before { background-position: -72px -598px; } i.flag.pitcairn.islands::before, i.flag.pn::before { background-position: -72px -624px; } i.flag.pr::before, i.flag.puerto.rico::before { background-position: -72px -650px; } i.flag.palestine::before, i.flag.ps::before { background-position: -72px -676px; } i.flag.portugal::before, i.flag.pt::before { background-position: -72px -702px; } i.flag.palau::before, i.flag.pw::before { background-position: -72px -728px; } i.flag.paraguay::before, i.flag.py::before { background-position: -72px -754px; } i.flag.qa::before, i.flag.qatar::before { background-position: -72px -780px; } i.flag.re::before, i.flag.reunion::before { background-position: -72px -806px; } i.flag.ro::before, i.flag.romania::before { background-position: -72px -832px; } i.flag.rs::before, i.flag.serbia::before { background-position: -72px -858px; } i.flag.ru::before, i.flag.russia::before { background-position: -72px -884px; } i.flag.rw::before, i.flag.rwanda::before { background-position: -72px -910px; } i.flag.sa::before, i.flag.saudi.arabia::before { background-position: -72px -936px; } i.flag.sb::before, i.flag.solomon.islands::before { background-position: -72px -962px; } i.flag.sc::before, i.flag.seychelles::before { background-position: -72px -988px; } i.flag.gb.sct::before, i.flag.scotland::before { background-position: -72px -1014px; } i.flag.sd::before, i.flag.sudan::before { background-position: -72px -1040px; } i.flag.se::before, i.flag.sweden::before { background-position: -72px -1066px; } i.flag.sg::before, i.flag.singapore::before { background-position: -72px -1092px; } i.flag.saint.helena::before, i.flag.sh::before { background-position: -72px -1118px; } i.flag.si::before, i.flag.slovenia::before { background-position: -72px -1144px; } i.flag.jan.mayen::before, i.flag.sj::before, i.flag.svalbard::before { background-position: -72px -1170px; } i.flag.sk::before, i.flag.slovakia::before { background-position: -72px -1196px; } i.flag.sierra.leone::before, i.flag.sl::before { background-position: -72px -1222px; } i.flag.san.marino::before, i.flag.sm::before { background-position: -72px -1248px; } i.flag.senegal::before, i.flag.sn::before { background-position: -72px -1274px; } i.flag.so::before, i.flag.somalia::before { background-position: -72px -1300px; } i.flag.sr::before, i.flag.suriname::before { background-position: -72px -1326px; } i.flag.sao.tome::before, i.flag.st::before { background-position: -72px -1352px; } i.flag.el.salvador::before, i.flag.sv::before { background-position: -72px -1378px; } i.flag.sy::before, i.flag.syria::before { background-position: -72px -1404px; } i.flag.swaziland::before, i.flag.sz::before { background-position: -72px -1430px; } i.flag.caicos.islands::before, i.flag.tc::before { background-position: -72px -1456px; } i.flag.chad::before, i.flag.td::before { background-position: -72px -1482px; } i.flag.french.territories::before, i.flag.tf::before { background-position: -72px -1508px; } i.flag.tg::before, i.flag.togo::before { background-position: -72px -1534px; } i.flag.th::before, i.flag.thailand::before { background-position: -72px -1560px; } i.flag.tajikistan::before, i.flag.tj::before { background-position: -72px -1586px; } i.flag.tk::before, i.flag.tokelau::before { background-position: -72px -1612px; } i.flag.timorleste::before, i.flag.tl::before { background-position: -72px -1638px; } i.flag.tm::before, i.flag.turkmenistan::before { background-position: -72px -1664px; } i.flag.tn::before, i.flag.tunisia::before { background-position: -72px -1690px; } i.flag.to::before, i.flag.tonga::before { background-position: -72px -1716px; } i.flag.tr::before, i.flag.turkey::before { background-position: -72px -1742px; } i.flag.trinidad::before, i.flag.tt::before { background-position: -72px -1768px; } i.flag.tuvalu::before, i.flag.tv::before { background-position: -72px -1794px; } i.flag.taiwan::before, i.flag.tw::before { background-position: -72px -1820px; } i.flag.tanzania::before, i.flag.tz::before { background-position: -72px -1846px; } i.flag.ua::before, i.flag.ukraine::before { background-position: -72px -1872px; } i.flag.ug::before, i.flag.uganda::before { background-position: -72px -1898px; } i.flag.um::before, i.flag.us.minor.islands::before { background-position: -72px -1924px; } i.flag.america::before, i.flag.united.states::before, i.flag.us::before { background-position: -72px -1950px; } i.flag.uruguay::before, i.flag.uy::before { background-position: -72px -1976px; } i.flag.uz::before, i.flag.uzbekistan::before { background-position: -108px 0px; } i.flag.va::before, i.flag.vatican.city::before { background-position: -108px -26px; } i.flag.saint.vincent::before, i.flag.vc::before { background-position: -108px -52px; } i.flag.ve::before, i.flag.venezuela::before { background-position: -108px -78px; } i.flag.british.virgin.islands::before, i.flag.vg::before { background-position: -108px -104px; } i.flag.us.virgin.islands::before, i.flag.vi::before { background-position: -108px -130px; } i.flag.vietnam::before, i.flag.vn::before { background-position: -108px -156px; } i.flag.vanuatu::before, i.flag.vu::before { background-position: -108px -182px; } i.flag.gb.wls::before, i.flag.wales::before { background-position: -108px -208px; } i.flag.wallis.and.futuna::before, i.flag.wf::before { background-position: -108px -234px; } i.flag.samoa::before, i.flag.ws::before { background-position: -108px -260px; } i.flag.ye::before, i.flag.yemen::before { background-position: -108px -286px; } i.flag.mayotte::before, i.flag.yt::before { background-position: -108px -312px; } i.flag.south.africa::before, i.flag.za::before { background-position: -108px -338px; } i.flag.zambia::before, i.flag.zm::before { background-position: -108px -364px; } i.flag.zimbabwe::before, i.flag.zw::before { background-position: -108px -390px; } .ui.header { border: none; margin: calc(2rem - 0.14286em) 0px 1rem; padding: 0px; font-family: rawline, "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1.28571em; text-transform: none; color: rgb(51, 51, 51); } .ui.header:first-child { margin-top: -0.142857em; } .ui.header:last-child { margin-bottom: 0px; } .ui.header .sub.header { display: block; font-weight: 400; padding: 0px; margin: 0px; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); } .ui.header > .icon { display: table-cell; opacity: 1; font-size: 1.5em; padding-top: 0px; vertical-align: middle; } .ui.header .icon:only-child { display: inline-block; padding: 0px; margin-right: 0.75rem; } .ui.header > .image:not(.icon), .ui.header > img { display: inline-block; margin-top: 0.142857em; width: 2.5em; height: auto; vertical-align: middle; } .ui.header > .image:not(.icon):only-child, .ui.header > img:only-child { margin-right: 0.75rem; } .ui.header .content { display: inline-block; vertical-align: top; } .ui.header > .icon + .content, .ui.header > .image + .content, .ui.header > img + .content { padding-left: 0.75rem; vertical-align: middle; } .ui.header > .icon + .content { display: table-cell; } .ui.header .ui.label { margin-left: 0.5rem; vertical-align: middle; } .ui.header + p { margin-top: 0px; } h1.ui.header { font-size: 2rem; } h2.ui.header { font-size: 1.71429rem; } h3.ui.header { font-size: 1.28571rem; } h4.ui.header { font-size: 1.07143rem; } h5.ui.header { font-size: 1rem; } h1.ui.header .sub.header, h2.ui.header .sub.header { font-size: 1.14286rem; } h3.ui.header .sub.header, h4.ui.header .sub.header { font-size: 1rem; } h5.ui.header .sub.header { font-size: 0.928571rem; } .ui.huge.header { min-height: 1em; font-size: 2em; } .ui.large.header { font-size: 1.71429em; } .ui.medium.header { font-size: 1.28571em; } .ui.small.header { font-size: 1.07143em; } .ui.tiny.header { font-size: 1em; } .ui.huge.header .sub.header, .ui.large.header .sub.header { font-size: 1.14286rem; } .ui.header .sub.header, .ui.small.header .sub.header { font-size: 1rem; } .ui.tiny.header .sub.header { font-size: 0.928571rem; } .ui.sub.header { padding: 0px; margin-bottom: 0.142857rem; font-weight: 700; text-transform: uppercase; } .ui.small.sub.header { font-size: 0.785714em; } .ui.sub.header { font-size: 0.857143em; } .ui.large.sub.header { font-size: 0.928571em; } .ui.huge.sub.header { font-size: 1em; } .ui.icon.header { display: inline-block; text-align: center; margin: 2rem 0px 1rem; } .ui.icon.header::after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; } .ui.icon.header:first-child { margin-top: 0px; } .ui.icon.header .icon { float: none; width: auto; height: auto; line-height: 1; font-size: 3em; margin: 0px auto 0.5rem; opacity: 1; } .ui.icon.header .content, .ui.icon.header .icon { display: block; padding: 0px; } .ui.icon.header .circular.icon, .ui.icon.header .square.icon { font-size: 2em; } .ui.block.icon.header .icon { margin-bottom: 0px; } .ui.icon.header.aligned { margin-left: auto; margin-right: auto; display: block; } .ui.disabled.header { opacity: 0.45; } .ui.inverted.header { color: rgb(255, 255, 255); } .ui.inverted.header .sub.header { color: rgba(255, 255, 255, 0.8); } .ui.inverted.attached.header { border-color: transparent; } .ui.inverted.attached.header, .ui.inverted.block.header { background: linear-gradient(transparent, rgba(0, 0, 0, 0.05)) rgb(84, 84, 84); box-shadow: none; } .ui.inverted.block.header { border-bottom: none; } .ui.red.header { color: rgb(228, 1, 102) !important; } a.ui.red.header:hover { color: rgb(204, 0, 91) !important; } .ui.red.dividing.header { border-bottom: 2px solid rgb(228, 1, 102); } .ui.inverted.red.header { color: rgb(255, 105, 94) !important; } a.ui.inverted.red.header:hover { color: rgb(255, 81, 68) !important; } .ui.orange.header { color: rgb(250, 92, 42) !important; } a.ui.orange.header:hover { color: rgb(255, 70, 11) !important; } .ui.orange.dividing.header { border-bottom: 2px solid rgb(250, 92, 42); } .ui.inverted.orange.header { color: rgb(255, 133, 27) !important; } a.ui.inverted.orange.header:hover { color: rgb(255, 119, 1) !important; } .ui.olive.header { color: rgb(181, 204, 24) !important; } a.ui.olive.header:hover { color: rgb(167, 189, 13) !important; } .ui.olive.dividing.header { border-bottom: 2px solid rgb(181, 204, 24); } .ui.inverted.olive.header { color: rgb(201, 234, 177) !important; } a.ui.inverted.olive.header:hover { color: rgb(187, 232, 153) !important; } .ui.yellow.header { color: rgb(246, 168, 8) !important; } a.ui.yellow.header:hover { color: rgb(229, 154, 0) !important; } .ui.yellow.dividing.header { border-bottom: 2px solid rgb(246, 168, 8); } .ui.inverted.yellow.header { color: rgb(255, 226, 31) !important; } a.ui.inverted.yellow.header:hover { color: rgb(255, 223, 5) !important; } .ui.green.header { color: rgb(81, 170, 85) !important; } a.ui.green.header:hover { color: rgb(69, 157, 73) !important; } .ui.green.dividing.header { border-bottom: 2px solid rgb(81, 170, 85); } .ui.inverted.green.header { color: rgb(46, 204, 64) !important; } a.ui.inverted.green.header:hover { color: rgb(34, 190, 52) !important; } .ui.teal.header { color: rgb(81, 119, 118) !important; } a.ui.teal.header:hover { color: rgb(69, 105, 105) !important; } .ui.teal.dividing.header { border-bottom: 2px solid rgb(81, 119, 118); } .ui.inverted.teal.header { color: rgb(109, 255, 255) !important; } a.ui.inverted.teal.header:hover { color: rgb(84, 255, 255) !important; } .ui.blue.header { color: rgb(0, 126, 177) !important; } a.ui.blue.header:hover { color: rgb(0, 108, 152) !important; } .ui.blue.dividing.header { border-bottom: 2px solid rgb(0, 126, 177); } .ui.inverted.blue.header { color: rgb(84, 200, 255) !important; } a.ui.inverted.blue.header:hover { color: rgb(58, 192, 255) !important; } .ui.violet.header { color: rgb(100, 53, 201) !important; } a.ui.violet.header:hover { color: rgb(88, 41, 187) !important; } .ui.violet.dividing.header { border-bottom: 2px solid rgb(100, 53, 201); } .ui.inverted.violet.header { color: rgb(162, 145, 251) !important; } a.ui.inverted.violet.header:hover { color: rgb(138, 115, 255) !important; } .ui.purple.header { color: rgb(163, 51, 200) !important; } a.ui.purple.header:hover { color: rgb(150, 39, 186) !important; } .ui.purple.dividing.header { border-bottom: 2px solid rgb(163, 51, 200); } .ui.inverted.purple.header { color: rgb(220, 115, 255) !important; } a.ui.inverted.purple.header:hover { color: rgb(214, 90, 255) !important; } .ui.pink.header { color: rgb(228, 1, 102) !important; } a.ui.pink.header:hover { color: rgb(204, 0, 91) !important; } .ui.pink.dividing.header { border-bottom: 2px solid rgb(228, 1, 102); } .ui.inverted.pink.header { color: rgb(255, 142, 223) !important; } a.ui.inverted.pink.header:hover { color: rgb(255, 116, 216) !important; } .ui.brown.header { color: rgb(130, 106, 106) !important; } a.ui.brown.header:hover { color: rgb(117, 93, 93) !important; } .ui.brown.dividing.header { border-bottom: 2px solid rgb(130, 106, 106); } .ui.inverted.brown.header { color: rgb(214, 124, 28) !important; } a.ui.inverted.brown.header:hover { color: rgb(200, 111, 17) !important; } .ui.grey.header { color: rgb(104, 119, 141) !important; } a.ui.grey.header:hover { color: rgb(117, 132, 153) !important; } .ui.grey.dividing.header { border-bottom: 2px solid rgb(104, 119, 141); } .ui.inverted.grey.header { color: rgb(135, 143, 147) !important; } a.ui.inverted.grey.header:hover { color: rgb(121, 131, 136) !important; } .ui.left.aligned.header { text-align: left; } .ui.right.aligned.header { text-align: right; } .ui.center.aligned.header, .ui.centered.header { text-align: center; } .ui.justified.header { text-align: justify; } .ui.justified.header::after { display: inline-block; content: ""; width: 100%; } .ui.floated.header, .ui[class*="left floated"].header { float: left; margin-top: 0px; margin-right: 0.5em; } .ui[class*="right floated"].header { float: right; margin-top: 0px; margin-left: 0.5em; } .ui.fitted.header { padding: 0px; } .ui.dividing.header { border-bottom: 1px solid rgb(199, 213, 216); } .ui.dividing.header, .ui.dividing.header .sub.header { padding-bottom: 0.214286rem; } .ui.dividing.header .icon { margin-bottom: 0px; } .ui.inverted.dividing.header { border-bottom-color: rgba(255, 255, 255, 0.1); } .ui.block.header { background: rgb(243, 244, 245); padding: 0.785714rem 1rem; box-shadow: none; border: 1px solid rgb(212, 212, 213); border-radius: 0.285714rem; } .ui.tiny.block.header { font-size: 0.857143rem; } .ui.small.block.header { font-size: 0.928571rem; } .ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { font-size: 1rem; } .ui.large.block.header { font-size: 1.14286rem; } .ui.huge.block.header { font-size: 1.57143rem; } .ui.attached.header { background: rgb(255, 255, 255); padding: 0.785714rem 1rem; margin-left: -1px; margin-right: -1px; box-shadow: none; border: 1px solid rgb(212, 212, 213); } .ui.attached.block.header { background: rgb(243, 244, 245); } .ui.attached:not(.top):not(.bottom).header { margin-top: 0px; margin-bottom: 0px; border-top: none; border-radius: 0px; } .ui.top.attached.header { margin-bottom: 0px; border-radius: 0.285714rem 0.285714rem 0px 0px; } .ui.bottom.attached.header { margin-top: 0px; border-top: none; border-radius: 0px 0px 0.285714rem 0.285714rem; } .ui.tiny.attached.header { font-size: 0.857143em; } .ui.small.attached.header { font-size: 0.928571em; } .ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { font-size: 1em; } .ui.large.attached.header { font-size: 1.14286em; } .ui.huge.attached.header { font-size: 1.57143em; } .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { font-size: 1.28571em; } .ui.basic.segment.header-wrapper { margin-bottom: 0px; } .dropdown-popup .ui.popup .menu > .header, .ui.basic.segment .header { display: flex; flex-wrap: wrap; justify-content: space-between; } .ui.basic.segment .header .logo-nav-wrapper { display: flex; flex-grow: 2; align-items: center; } .ui.basic.segment .header .logo-nav-wrapper .logo { flex: 0 0 auto; } .ui.basic.segment .header .logo-nav-wrapper .navigation::-webkit-scrollbar { height: 0px; background: transparent; } .ui.basic.segment .header .logo-nav-wrapper .navigation::-webkit-scrollbar-thumb { background: red; } @media only screen and (max-width: 1023px) { .ui.basic.segment .header .logo-nav-wrapper .navigation { overflow-x: initial; }} @media only screen and (max-width: 1023px) { .dropdown-popup .ui.popup .menu > .header, .ui.basic.segment .header { flex-direction: column; align-items: normal; } .ui.basic.segment .header .logo-nav-wrapper { align-items: normal; justify-content: space-between; }} .ui.basic.segment .header .tools-search-wrapper { display: flex; flex-flow: row nowrap; flex-grow: 2; align-items: center; justify-content: flex-end; margin-left: 1.57143rem; } .ui.basic.segment .header .tools-search-wrapper > * { display: flex; } @media only screen and (min-width: 1023px) { .ui.basic.segment .header .tools-search-wrapper .search form { padding: 1.7em 0px 1.35714em; }} @font-face { font-family: Icons; src: url("/sped/static/media/icons.df45b7de.woff") format("woff"), url("/sped/static/media/icons.06400145.ttf") format("truetype"); font-style: normal; font-weight: 400; font-variant: normal; } i.icon { display: inline-block; opacity: 1; margin: 0px 0.25rem 0px 0px; width: 1.18em; height: 1em; font-family: Icons; font-style: normal; font-weight: 400; text-decoration: inherit; text-align: center; speak: none; -webkit-font-smoothing: antialiased; backface-visibility: hidden; } i.icon::before { background: none !important; } i.icon.loading { height: 1em; line-height: 1; animation: 2s linear 0s infinite normal none running icon-loading; } @keyframes icon-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); }} i.emphasized.icon, i.icon.active, i.icon.hover { opacity: 1 !important; } i.disabled.icon { opacity: 0.45 !important; } i.fitted.icon { width: auto; margin: 0px !important; } i.link.icon, i.link.icons { cursor: pointer; opacity: 0.8; transition: opacity 0.1s ease 0s; } i.link.icon:hover, i.link.icons:hover { opacity: 1 !important; } i.circular.icon { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0.1em inset; border-radius: 500em !important; line-height: 1 !important; padding: 0.5em !important; width: 2em !important; height: 2em !important; } i.circular.inverted.icon { border: none; box-shadow: none; } i.flipped.icon, i.horizontally.flipped.icon { transform: scaleX(-1); } i.vertically.flipped.icon { transform: scaleY(-1); } i.clockwise.rotated.icon, i.right.rotated.icon, i.rotated.icon { transform: rotate(90deg); } i.counterclockwise.rotated.icon, i.left.rotated.icon { transform: rotate(-90deg); } i.bordered.icon { line-height: 1; vertical-align: baseline; width: 2em; height: 2em; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0.1em inset; padding: 0.5em 0.41em !important; } i.bordered.inverted.icon { border: none; box-shadow: none; } i.inverted.bordered.icon, i.inverted.circular.icon { background-color: rgb(37, 37, 37) !important; color: rgb(255, 255, 255) !important; } i.inverted.icon { color: rgb(255, 255, 255); } i.red.icon { color: rgb(228, 1, 102) !important; } i.inverted.red.icon { color: rgb(255, 105, 94) !important; } i.inverted.bordered.red.icon, i.inverted.circular.red.icon { background-color: rgb(228, 1, 102) !important; color: rgb(255, 255, 255) !important; } i.orange.icon { color: rgb(250, 92, 42) !important; } i.inverted.orange.icon { color: rgb(255, 133, 27) !important; } i.inverted.bordered.orange.icon, i.inverted.circular.orange.icon { background-color: rgb(250, 92, 42) !important; color: rgb(255, 255, 255) !important; } i.yellow.icon { color: rgb(246, 168, 8) !important; } i.inverted.yellow.icon { color: rgb(255, 226, 31) !important; } i.inverted.bordered.yellow.icon, i.inverted.circular.yellow.icon { background-color: rgb(246, 168, 8) !important; color: rgb(255, 255, 255) !important; } i.olive.icon { color: rgb(181, 204, 24) !important; } i.inverted.olive.icon { color: rgb(201, 234, 177) !important; } i.inverted.bordered.olive.icon, i.inverted.circular.olive.icon { background-color: rgb(181, 204, 24) !important; color: rgb(255, 255, 255) !important; } i.green.icon { color: rgb(81, 170, 85) !important; } i.inverted.green.icon { color: rgb(46, 204, 64) !important; } i.inverted.bordered.green.icon, i.inverted.circular.green.icon { background-color: rgb(81, 170, 85) !important; color: rgb(255, 255, 255) !important; } i.teal.icon { color: rgb(81, 119, 118) !important; } i.inverted.teal.icon { color: rgb(109, 255, 255) !important; } i.inverted.bordered.teal.icon, i.inverted.circular.teal.icon { background-color: rgb(81, 119, 118) !important; color: rgb(255, 255, 255) !important; } i.blue.icon { color: rgb(0, 126, 177) !important; } i.inverted.blue.icon { color: rgb(84, 200, 255) !important; } i.inverted.bordered.blue.icon, i.inverted.circular.blue.icon { background-color: rgb(0, 126, 177) !important; color: rgb(255, 255, 255) !important; } i.violet.icon { color: rgb(100, 53, 201) !important; } i.inverted.violet.icon { color: rgb(162, 145, 251) !important; } i.inverted.bordered.violet.icon, i.inverted.circular.violet.icon { background-color: rgb(100, 53, 201) !important; color: rgb(255, 255, 255) !important; } i.purple.icon { color: rgb(163, 51, 200) !important; } i.inverted.purple.icon { color: rgb(220, 115, 255) !important; } i.inverted.bordered.purple.icon, i.inverted.circular.purple.icon { background-color: rgb(163, 51, 200) !important; color: rgb(255, 255, 255) !important; } i.pink.icon { color: rgb(228, 1, 102) !important; } i.inverted.pink.icon { color: rgb(255, 142, 223) !important; } i.inverted.bordered.pink.icon, i.inverted.circular.pink.icon { background-color: rgb(228, 1, 102) !important; color: rgb(255, 255, 255) !important; } i.brown.icon { color: rgb(130, 106, 106) !important; } i.inverted.brown.icon { color: rgb(214, 124, 28) !important; } i.inverted.bordered.brown.icon, i.inverted.circular.brown.icon { background-color: rgb(130, 106, 106) !important; color: rgb(255, 255, 255) !important; } i.grey.icon { color: rgb(104, 119, 141) !important; } i.inverted.grey.icon { color: rgb(135, 143, 147) !important; } i.inverted.bordered.grey.icon, i.inverted.circular.grey.icon { background-color: rgb(104, 119, 141) !important; color: rgb(255, 255, 255) !important; } i.black.icon { color: rgb(37, 37, 37) !important; } i.inverted.black.icon { color: rgb(84, 84, 84) !important; } i.inverted.bordered.black.icon, i.inverted.circular.black.icon { background-color: rgb(37, 37, 37) !important; color: rgb(255, 255, 255) !important; } i.mini.icon, i.mini.icons { line-height: 1; font-size: 0.4em; } i.tiny.icon, i.tiny.icons { line-height: 1; font-size: 0.5em; } i.small.icon, i.small.icons { line-height: 1; font-size: 0.75em; } i.icon, i.icons { font-size: 1em; } i.large.icon, i.large.icons { line-height: 1; vertical-align: middle; font-size: 1.5em; } i.big.icon, i.big.icons { line-height: 1; vertical-align: middle; font-size: 1.8em; } i.huge.icon, i.huge.icons { line-height: 1; vertical-align: middle; font-size: 4em; } i.massive.icon, i.massive.icons { line-height: 1; vertical-align: middle; font-size: 8em; } i.icons { display: inline-block; position: relative; line-height: 1; } i.icons .icon { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0px; } i.icons .icon:first-child { position: static; width: auto; height: auto; vertical-align: top; transform: none; margin-right: 0.25rem; } i.icons .corner.icon { inset: auto 0px 0px auto; transform: none; font-size: 0.45em; text-shadow: rgb(255, 255, 255) -1px -1px 0px, rgb(255, 255, 255) 1px -1px 0px, rgb(255, 255, 255) -1px 1px 0px, rgb(255, 255, 255) 1px 1px 0px; } i.icons .top.right.corner.icon { inset: 0px 0px auto auto; } i.icons .top.left.corner.icon { inset: 0px auto auto 0px; } i.icons .bottom.left.corner.icon { inset: auto auto 0px 0px; } i.icons .bottom.right.corner.icon { inset: auto 0px 0px auto; } i.icons .inverted.corner.icon { text-shadow: rgb(37, 37, 37) -1px -1px 0px, rgb(37, 37, 37) 1px -1px 0px, rgb(37, 37, 37) -1px 1px 0px, rgb(37, 37, 37) 1px 1px 0px; } i.icon.search::before { content: "&#59941;"; } i.icon.mail.outline::before { content: "&#61443;"; } i.icon.signal::before { content: "&#61458;"; } i.icon.setting::before { content: "&#59877;"; } i.icon.home::before { content: "&#59778;"; } i.icon.inbox::before { content: "&#61468;"; } i.icon.browser::before { content: "&#59767;"; } i.icon.tag::before { content: "&#61483;"; } i.icon.tags::before { content: "&#59904;"; } i.icon.image::before { content: "&#59780;"; } i.icon.calendar::before { content: "&#59682;"; } i.icon.comment::before { content: "&#61557;"; } i.icon.shop::before { content: "&#61562;"; } i.icon.privacy::before { content: "&#61572;"; } i.icon.settings::before { content: "&#59719;"; } i.icon.comments::before { content: "&#59732;"; } i.icon.external::before { content: "&#61582;"; } i.icon.trophy::before { content: "&#61585;"; } i.icon.payment::before { content: "&#61597;"; } i.icon.feed::before { content: "&#61598;"; } i.icon.alarm.outline::before { content: "&#61602;"; } i.icon.tasks::before { content: "&#59839;"; } i.icon.cloud::before { content: "&#61634;"; } i.icon.lab::before { content: "&#61635;"; } i.icon.mail::before { content: "&#59741;"; } i.icon.dashboard::before { content: "&#61668;"; } i.icon.comment.outline::before { content: "&#61669;"; } i.icon.comments.outline::before { content: "&#61670;"; } i.icon.sitemap::before { content: "&#59814;"; } i.icon.idea::before { content: "&#61675;"; } i.icon.alarm::before { content: "&#61683;"; } i.icon.terminal::before { content: "&#61728;"; } i.icon.code::before { content: "&#59707;"; } i.icon.protect::before { content: "&#61746;"; } i.icon.calendar.outline::before { content: "&#61747;"; } i.icon.ticket::before { content: "&#61765;"; } i.icon.external.square::before { content: "&#61772;"; } i.icon.bug::before { content: "&#61832;"; } i.icon.mail.square::before { content: "&#61849;"; } i.icon.history::before { content: "&#61914;"; } i.icon.options::before { content: "&#61918;"; } i.icon.text.telephone::before { content: "&#61924;"; } i.icon.find::before { content: "&#61925;"; } i.icon.alarm.mute::before { content: "&#61942;"; } i.icon.alarm.mute.outline::before { content: "&#61943;"; } i.icon.copyright::before { content: "&#61945;"; } i.icon.at::before { content: "&#61946;"; } i.icon.eyedropper::before { content: "&#61947;"; } i.icon.paint.brush::before { content: "&#61948;"; } i.icon.heartbeat::before { content: "&#61982;"; } i.icon.mouse.pointer::before { content: "&#62021;"; } i.icon.hourglass.empty::before { content: "&#62032;"; } i.icon.hourglass.start::before { content: "&#62033;"; } i.icon.hourglass.half::before { content: "&#62034;"; } i.icon.hourglass.end::before { content: "&#62035;"; } i.icon.hourglass.full::before { content: "&#62036;"; } i.icon.hand.pointer::before { content: "&#62042;"; } i.icon.trademark::before { content: "&#62044;"; } i.icon.registered::before { content: "&#62045;"; } i.icon.creative.commons::before { content: "&#62046;"; } i.icon.add.to.calendar::before { content: "&#62065;"; } i.icon.remove.from.calendar::before { content: "&#62066;"; } i.icon.delete.calendar::before { content: "&#62067;"; } i.icon.checked.calendar::before { content: "&#62068;"; } i.icon.industry::before { content: "&#62069;"; } i.icon.shopping.bag::before { content: "&#62096;"; } i.icon.shopping.basket::before { content: "&#62097;"; } i.icon.hashtag::before { content: "&#62098;"; } i.icon.percent::before { content: "&#62101;"; } i.icon.handshake::before { content: "&#62133;"; } i.icon.open.envelope::before { content: "&#62134;"; } i.icon.open.envelope.outline::before { content: "&#62135;"; } i.icon.address.book::before { content: "&#62137;"; } i.icon.address.book.outline::before { content: "&#62138;"; } i.icon.address.card::before { content: "&#62139;"; } i.icon.address.card.outline::before { content: "&#62140;"; } i.icon.id.badge::before { content: "&#62145;"; } i.icon.id.card::before { content: "&#62146;"; } i.icon.id.card.outline::before { content: "&#62147;"; } i.icon.podcast::before { content: "&#62158;"; } i.icon.window.maximize::before { content: "&#62160;"; } i.icon.window.minimize::before { content: "&#62161;"; } i.icon.window.restore::before { content: "&#62162;"; } i.icon.window.close::before { content: "&#62163;"; } i.icon.window.close.outline::before { content: "&#62164;"; } i.icon.wait::before { content: "&#61463;"; } i.icon.download::before { content: "&#61465;"; } i.icon.repeat::before { content: "&#61470;"; } i.icon.refresh::before { content: "&#61473;"; } i.icon.lock::before { content: "&#59873;"; } i.icon.bookmark::before { content: "&#61486;"; } i.icon.print::before { content: "&#61487;"; } i.icon.write::before { content: "&#59833;"; } i.icon.adjust::before { content: "&#61506;"; } i.icon.theme::before { content: "&#59837;"; } i.icon.edit::before { content: "&#61508;"; } i.icon.external.share::before { content: "&#61509;"; } i.icon.ban::before { content: "&#61534;"; } i.icon.mail.forward::before { content: "&#61540;"; } i.icon.share::before { content: "&#59878;"; } i.icon.expand::before { content: "&#61541;"; } i.icon.compress::before { content: "&#61542;"; } i.icon.unhide::before { content: "&#61550;"; } i.icon.hide::before { content: "&#61552;"; } i.icon.random::before { content: "&#59890;"; } i.icon.retweet::before { content: "&#61561;"; } i.icon.sign.out::before { content: "&#59799;"; } i.icon.pin::before { content: "&#61581;"; } i.icon.sign.in::before { content: "&#61584;"; } i.icon.upload::before { content: "&#59923;"; } i.icon.call::before { content: "&#61589;"; } i.icon.remove.bookmark::before { content: "&#61591;"; } i.icon.call.square::before { content: "&#61592;"; } i.icon.unlock::before { content: "&#61596;"; } i.icon.configure::before { content: "&#61613;"; } i.icon.filter::before { content: "&#61616;"; } i.icon.wizard::before { content: "&#61648;"; } i.icon.undo::before { content: "&#59918;"; } i.icon.exchange::before { content: "&#61676;"; } i.icon.cloud.download::before { content: "&#61677;"; } i.icon.cloud.upload::before { content: "&#61678;"; } i.icon.reply::before { content: "&#61714;"; } i.icon.reply.all::before { content: "&#61730;"; } i.icon.erase::before { content: "&#61741;"; } i.icon.unlock.alternate::before { content: "&#61758;"; } i.icon.write.square::before { content: "&#59833;"; } i.icon.share.square::before { content: "&#61773;"; } i.icon.archive::before { content: "&#61831;"; } i.icon.translate::before { content: "&#59790;"; } i.icon.recycle::before { content: "&#61880;"; } i.icon.send::before { content: "&#61912;"; } i.icon.send.outline::before { content: "&#61913;"; } i.icon.share.alternate::before { content: "&#61920;"; } i.icon.share.alternate.square::before { content: "&#61921;"; } i.icon.add.to.cart::before { content: "&#61975;"; } i.icon.in.cart::before { content: "&#61976;"; } i.icon.add.user::before { content: "&#62004;"; } i.icon.remove.user::before { content: "&#62005;"; } i.icon.object.group::before { content: "&#62023;"; } i.icon.object.ungroup::before { content: "&#62024;"; } i.icon.clone::before { content: "&#62029;"; } i.icon.talk::before { content: "&#62074;"; } i.icon.talk.outline::before { content: "&#62075;"; } i.icon.help.circle::before { content: "&#61529;"; } i.icon.info.circle::before { content: "&#61530;"; } i.icon.warning.circle::before { content: "&#61546;"; } i.icon.warning.sign::before { content: "&#61553;"; } i.icon.announcement::before { content: "&#59801;"; } i.icon.help::before { content: "&#61736;"; } i.icon.info::before { content: "&#61737;"; } i.icon.warning::before { content: "&#59746;"; } i.icon.birthday::before { content: "&#61949;"; } i.icon.help.circle.outline::before { content: "&#62108;"; } i.icon.user::before { content: "&#59925;"; } i.icon.users::before { content: "&#59768;"; } i.icon.doctor::before { content: "&#61680;"; } i.icon.handicap::before { content: "&#61843;"; } i.icon.student::before { content: "&#61853;"; } i.icon.child::before { content: "&#61870;"; } i.icon.spy::before { content: "&#61979;"; } i.icon.user.circle::before { content: "&#62141;"; } i.icon.user.circle.outline::before { content: "&#62142;"; } i.icon.user.outline::before { content: "&#62144;"; } i.icon.female::before { content: "&#61826;"; } i.icon.male::before { content: "&#61827;"; } i.icon.woman::before { content: "&#61985;"; } i.icon.man::before { content: "&#61986;"; } i.icon.non.binary.transgender::before { content: "&#61987;"; } i.icon.intergender::before { content: "&#61988;"; } i.icon.transgender::before { content: "&#61989;"; } i.icon.lesbian::before { content: "&#61990;"; } i.icon.gay::before { content: "&#61991;"; } i.icon.heterosexual::before { content: "&#61992;"; } i.icon.other.gender::before { content: "&#61993;"; } i.icon.other.gender.vertical::before { content: "&#61994;"; } i.icon.other.gender.horizontal::before { content: "&#61995;"; } i.icon.neuter::before { content: "&#61996;"; } i.icon.genderless::before { content: "&#61997;"; } i.icon.universal.access::before { content: "&#62106;"; } i.icon.wheelchair::before { content: "&#62107;"; } i.icon.blind::before { content: "&#62109;"; } i.icon.audio.description::before { content: "&#62110;"; } i.icon.volume.control.phone::before { content: "&#62112;"; } i.icon.braille::before { content: "&#62113;"; } i.icon.asl::before { content: "&#62115;"; } i.icon.assistive.listening.systems::before { content: "&#62114;"; } i.icon.deafness::before { content: "&#62116;"; } i.icon.sign.language::before { content: "&#62119;"; } i.icon.low.vision::before { content: "&#62120;"; } i.icon.block.layout::before { content: "&#59722;"; } i.icon.grid.layout::before { content: "&#61450;"; } i.icon.list.layout::before { content: "&#61451;"; } i.icon.zoom::before { content: "&#61454;"; } i.icon.zoom.out::before { content: "&#61456;"; } i.icon.resize.vertical::before { content: "&#61565;"; } i.icon.resize.horizontal::before { content: "&#61566;"; } i.icon.maximize::before { content: "&#61618;"; } i.icon.crop::before { content: "&#61733;"; } i.icon.cocktail::before { content: "&#61440;"; } i.icon.road::before { content: "&#61464;"; } i.icon.flag::before { content: "&#61476;"; } i.icon.book::before { content: "&#61485;"; } i.icon.gift::before { content: "&#61547;"; } i.icon.leaf::before { content: "&#61548;"; } i.icon.fire::before { content: "&#61549;"; } i.icon.plane::before { content: "&#61554;"; } i.icon.magnet::before { content: "&#61558;"; } i.icon.lemon::before { content: "&#61588;"; } i.icon.world::before { content: "&#61612;"; } i.icon.travel::before { content: "&#61617;"; } i.icon.shipping::before { content: "&#61649;"; } i.icon.money::before { content: "&#61654;"; } i.icon.legal::before { content: "&#61667;"; } i.icon.lightning::before { content: "&#59757;"; } i.icon.umbrella::before { content: "&#61673;"; } i.icon.treatment::before { content: "&#61681;"; } i.icon.suitcase::before { content: "&#61682;"; } i.icon.bar::before { content: "&#61692;"; } i.icon.flag.outline::before { content: "&#61725;"; } i.icon.flag.checkered::before { content: "&#61726;"; } i.icon.puzzle::before { content: "&#61742;"; } i.icon.fire.extinguisher::before { content: "&#61748;"; } i.icon.rocket::before { content: "&#61749;"; } i.icon.anchor::before { content: "&#61757;"; } i.icon.bullseye::before { content: "&#61760;"; } i.icon.sun::before { content: "&#61829;"; } i.icon.moon::before { content: "&#61830;"; } i.icon.fax::before { content: "&#61868;"; } i.icon.life.ring::before { content: "&#61901;"; } i.icon.bomb::before { content: "&#61922;"; } i.icon.soccer::before { content: "&#61923;"; } i.icon.calculator::before { content: "&#61932;"; } i.icon.diamond::before { content: "&#61977;"; } i.icon.sticky.note::before { content: "&#62025;"; } i.icon.sticky.note.outline::before { content: "&#62026;"; } i.icon.law::before { content: "&#62030;"; } i.icon.hand.peace::before { content: "&#62043;"; } i.icon.hand.rock::before { content: "&#62037;"; } i.icon.hand.paper::before { content: "&#62038;"; } i.icon.hand.scissors::before { content: "&#62039;"; } i.icon.hand.lizard::before { content: "&#62040;"; } i.icon.hand.spock::before { content: "&#62041;"; } i.icon.tv::before { content: "&#62060;"; } i.icon.thermometer.full::before { content: "&#62151;"; } i.icon.thermometer.three.quarters::before { content: "&#62152;"; } i.icon.thermometer.half::before { content: "&#62153;"; } i.icon.thermometer.quarter::before { content: "&#62154;"; } i.icon.thermometer.empty::before { content: "&#62155;"; } i.icon.shower::before { content: "&#62156;"; } i.icon.bathtub::before { content: "&#62157;"; } i.icon.snowflake::before { content: "&#62172;"; } i.icon.crosshairs::before { content: "&#61531;"; } i.icon.asterisk::before { content: "&#61545;"; } i.icon.square.outline::before { content: "&#59693;"; } i.icon.certificate::before { content: "&#61603;"; } i.icon.square::before { content: "&#61640;"; } i.icon.quote.left::before { content: "&#61709;"; } i.icon.quote.right::before { content: "&#61710;"; } i.icon.spinner::before { content: "&#61712;"; } i.icon.circle::before { content: "&#61713;"; } i.icon.ellipsis.horizontal::before { content: "&#59807;"; } i.icon.ellipsis.vertical::before { content: "&#61762;"; } i.icon.cube::before { content: "&#59724;"; } i.icon.cubes::before { content: "&#61875;"; } i.icon.circle.notched::before { content: "&#61902;"; } i.icon.circle.thin::before { content: "&#61915;"; } i.icon.checkmark::before { content: "&#61452;"; } i.icon.remove::before { content: "&#59704;"; } i.icon.checkmark.box::before { content: "&#61510;"; } i.icon.move::before { content: "&#61511;"; } i.icon.add.circle::before { content: "&#61525;"; } i.icon.minus.circle::before { content: "&#61526;"; } i.icon.remove.circle::before { content: "&#61527;"; } i.icon.check.circle::before { content: "&#61528;"; } i.icon.remove.circle.outline::before { content: "&#61532;"; } i.icon.check.circle.outline::before { content: "&#59846;"; } i.icon.plus::before { content: "&#59652;"; } i.icon.minus::before { content: "&#59854;"; } i.icon.add.square::before { content: "&#59692;"; } i.icon.radio::before { content: "&#61708;"; } i.icon.minus.square::before { content: "&#59692;"; } i.icon.minus.square.outline::before { content: "&#61767;"; } i.icon.check.square::before { content: "&#59690;"; } i.icon.selected.radio::before { content: "&#61842;"; } i.icon.plus.square.outline::before { content: "&#61846;"; } i.icon.toggle.off::before { content: "&#61956;"; } i.icon.toggle.on::before { content: "&#61957;"; } i.icon.film::before { content: "&#61448;"; } i.icon.sound::before { content: "&#61477;"; } i.icon.photo::before { content: "&#61488;"; } i.icon.bar.chart::before { content: "&#61568;"; } i.icon.camera.retro::before { content: "&#61571;"; } i.icon.newspaper::before { content: "&#61930;"; } i.icon.area.chart::before { content: "&#61950;"; } i.icon.pie.chart::before { content: "&#61952;"; } i.icon.line.chart::before { content: "&#61953;"; } i.icon.arrow.circle.outline.down::before { content: "&#61466;"; } i.icon.arrow.circle.outline.up::before { content: "&#61467;"; } i.icon.chevron.left::before { content: "&#61523;"; } i.icon.chevron.right::before { content: "&#61524;"; } i.icon.arrow.left::before { content: "&#59665;"; } i.icon.arrow.right::before { content: "&#59653;"; } i.icon.arrow.up::before { content: "&#61538;"; } i.icon.arrow.down::before { content: "&#61539;"; } i.icon.chevron.up::before { content: "&#61559;"; } i.icon.chevron.down::before { content: "&#61560;"; } i.icon.pointing.right::before { content: "&#61604;"; } i.icon.pointing.left::before { content: "&#61605;"; } i.icon.pointing.up::before { content: "&#61606;"; } i.icon.pointing.down::before { content: "&#61607;"; } i.icon.arrow.circle.left::before { content: "&#61608;"; } i.icon.arrow.circle.right::before { content: "&#61609;"; } i.icon.arrow.circle.up::before { content: "&#61610;"; } i.icon.arrow.circle.down::before { content: "&#61611;"; } i.icon.caret.down::before { content: "&#61655;"; } i.icon.caret.up::before { content: "&#61656;"; } i.icon.caret.left::before { content: "&#61657;"; } i.icon.caret.right::before { content: "&#61658;"; } i.icon.angle.double.left::before { content: "&#61696;"; } i.icon.angle.double.right::before { content: "&#61697;"; } i.icon.angle.double.up::before { content: "&#61698;"; } i.icon.angle.double.down::before { content: "&#61699;"; } i.icon.angle.left::before { content: "&#61700;"; } i.icon.angle.right::before { content: "&#61701;"; } i.icon.angle.up::before { content: "&#61702;"; } i.icon.angle.down::before { content: "&#61703;"; } i.icon.chevron.circle.left::before { content: "&#61751;"; } i.icon.chevron.circle.right::before { content: "&#61752;"; } i.icon.chevron.circle.up::before { content: "&#61753;"; } i.icon.chevron.circle.down::before { content: "&#61754;"; } i.icon.toggle.down::before { content: "&#61776;"; } i.icon.toggle.up::before { content: "&#61777;"; } i.icon.toggle.right::before { content: "&#61778;"; } i.icon.long.arrow.down::before { content: "&#61813;"; } i.icon.long.arrow.up::before { content: "&#61814;"; } i.icon.long.arrow.left::before { content: "&#61815;"; } i.icon.long.arrow.right::before { content: "&#61816;"; } i.icon.arrow.circle.outline.right::before { content: "&#61838;"; } i.icon.arrow.circle.outline.left::before { content: "&#61840;"; } i.icon.toggle.left::before { content: "&#61841;"; } i.icon.tablet::before { content: "&#61706;"; } i.icon.mobile::before { content: "&#61707;"; } i.icon.battery.full::before { content: "&#62016;"; } i.icon.battery.high::before { content: "&#62017;"; } i.icon.battery.medium::before { content: "&#62018;"; } i.icon.battery.low::before { content: "&#62019;"; } i.icon.battery.empty::before { content: "&#62020;"; } i.icon.power::before { content: "&#61457;"; } i.icon.trash.outline::before { content: "&#61460;"; } i.icon.disk.outline::before { content: "&#61600;"; } i.icon.desktop::before { content: "&#61704;"; } i.icon.laptop::before { content: "&#61705;"; } i.icon.game::before { content: "&#61723;"; } i.icon.keyboard::before { content: "&#61724;"; } i.icon.plug::before { content: "&#61926;"; } i.icon.trash::before { content: "&#59729;"; } i.icon.file.outline::before { content: "&#59750;"; } i.icon.folder::before { content: "&#61563;"; } i.icon.folder.open::before { content: "&#59758;"; } i.icon.file.text.outline::before { content: "&#59750;"; } i.icon.folder.outline::before { content: "&#61716;"; } i.icon.folder.open.outline::before { content: "&#59758;"; } i.icon.level.up::before { content: "&#61768;"; } i.icon.level.down::before { content: "&#61769;"; } i.icon.file::before { content: "&#61787;"; } i.icon.file.text::before { content: "&#61788;"; } i.icon.file.pdf.outline::before { content: "&#61889;"; } i.icon.file.word.outline::before { content: "&#61890;"; } i.icon.file.excel.outline::before { content: "&#61891;"; } i.icon.file.powerpoint.outline::before { content: "&#61892;"; } i.icon.file.image.outline::before { content: "&#59780;"; } i.icon.file.archive.outline::before { content: "&#61894;"; } i.icon.file.audio.outline::before { content: "&#61895;"; } i.icon.file.video.outline::before { content: "&#61896;"; } i.icon.file.code.outline::before { content: "&#61897;"; } i.icon.qrcode::before { content: "&#61481;"; } i.icon.barcode::before { content: "&#61482;"; } i.icon.rss::before { content: "&#61598;"; } i.icon.fork::before { content: "&#61734;"; } i.icon.html5::before { content: "&#61755;"; } i.icon.css3::before { content: "&#61756;"; } i.icon.rss.square::before { content: "&#61763;"; } i.icon.openid::before { content: "&#61851;"; } i.icon.database::before { content: "&#61888;"; } i.icon.wifi::before { content: "&#61931;"; } i.icon.server::before { content: "&#62003;"; } i.icon.usb::before { content: "&#62087;"; } i.icon.bluetooth::before { content: "&#62099;"; } i.icon.bluetooth.alternative::before { content: "&#62100;"; } i.icon.microchip::before { content: "&#62171;"; } i.icon.heart::before { content: "&#61444;"; } i.icon.star::before { content: "&#61445;"; } i.icon.empty.star::before { content: "&#61446;"; } i.icon.thumbs.outline.up::before { content: "&#61575;"; } i.icon.thumbs.outline.down::before { content: "&#61576;"; } i.icon.star.half::before { content: "&#61577;"; } i.icon.empty.heart::before { content: "&#61578;"; } i.icon.smile::before { content: "&#61720;"; } i.icon.frown::before { content: "&#61721;"; } i.icon.meh::before { content: "&#61722;"; } i.icon.star.half.empty::before { content: "&#61731;"; } i.icon.thumbs.up::before { content: "&#61796;"; } i.icon.thumbs.down::before { content: "&#61797;"; } i.icon.music::before { content: "&#61441;"; } i.icon.video.play.outline::before { content: "&#61469;"; } i.icon.volume.off::before { content: "&#61478;"; } i.icon.volume.down::before { content: "&#61479;"; } i.icon.volume.up::before { content: "&#61480;"; } i.icon.record::before { content: "&#61501;"; } i.icon.step.backward::before { content: "&#61512;"; } i.icon.fast.backward::before { content: "&#61513;"; } i.icon.backward::before { content: "&#61514;"; } i.icon.play::before { content: "&#59836;"; } i.icon.pause::before { content: "&#61516;"; } i.icon.stop::before { content: "&#61517;"; } i.icon.forward::before { content: "&#61518;"; } i.icon.fast.forward::before { content: "&#61520;"; } i.icon.step.forward::before { content: "&#61521;"; } i.icon.eject::before { content: "&#61522;"; } i.icon.unmute::before { content: "&#61744;"; } i.icon.mute::before { content: "&#61745;"; } i.icon.video.play::before { content: "&#61764;"; } i.icon.closed.captioning::before { content: "&#61962;"; } i.icon.pause.circle::before { content: "&#62091;"; } i.icon.pause.circle.outline::before { content: "&#62092;"; } i.icon.stop.circle::before { content: "&#62093;"; } i.icon.stop.circle.outline::before { content: "&#62094;"; } i.icon.marker::before { content: "&#61505;"; } i.icon.coffee::before { content: "&#61684;"; } i.icon.food::before { content: "&#61685;"; } i.icon.building.outline::before { content: "&#61687;"; } i.icon.hospital::before { content: "&#61688;"; } i.icon.emergency::before { content: "&#61689;"; } i.icon.first.aid::before { content: "&#61690;"; } i.icon.military::before { content: "&#61691;"; } i.icon.h::before { content: "&#61693;"; } i.icon.location.arrow::before { content: "&#61732;"; } i.icon.compass::before { content: "&#61774;"; } i.icon.space.shuttle::before { content: "&#61847;"; } i.icon.university::before { content: "&#61852;"; } i.icon.building::before { content: "&#61869;"; } i.icon.paw::before { content: "&#61872;"; } i.icon.spoon::before { content: "&#61873;"; } i.icon.car::before { content: "&#61881;"; } i.icon.taxi::before { content: "&#61882;"; } i.icon.tree::before { content: "&#61883;"; } i.icon.bicycle::before { content: "&#61958;"; } i.icon.bus::before { content: "&#61959;"; } i.icon.ship::before { content: "&#61978;"; } i.icon.motorcycle::before { content: "&#61980;"; } i.icon.street.view::before { content: "&#61981;"; } i.icon.hotel::before { content: "&#62006;"; } i.icon.train::before { content: "&#62008;"; } i.icon.subway::before { content: "&#62009;"; } i.icon.map.pin::before { content: "&#62070;"; } i.icon.map.signs::before { content: "&#62071;"; } i.icon.map.outline::before { content: "&#62072;"; } i.icon.map::before { content: "&#62073;"; } i.icon.table::before { content: "&#61646;"; } i.icon.columns::before { content: "&#61659;"; } i.icon.sort::before { content: "&#61660;"; } i.icon.sort.descending::before { content: "&#61661;"; } i.icon.sort.ascending::before { content: "&#61662;"; } i.icon.sort.alphabet.ascending::before { content: "&#59883;"; } i.icon.sort.alphabet.descending::before { content: "&#59884;"; } i.icon.sort.content.ascending::before { content: "&#59883;"; } i.icon.sort.content.descending::before { content: "&#59884;"; } i.icon.sort.numeric.ascending::before { content: "&#59883;"; } i.icon.sort.numeric.descending::before { content: "&#59884;"; } i.icon.font::before { content: "&#61489;"; } i.icon.bold::before { content: "&#61490;"; } i.icon.italic::before { content: "&#61491;"; } i.icon.text.height::before { content: "&#61492;"; } i.icon.text.width::before { content: "&#61493;"; } i.icon.align.left::before { content: "&#59658;"; } i.icon.align.center::before { content: "&#59656;"; } i.icon.align.right::before { content: "&#59659;"; } i.icon.align.justify::before { content: "&#59657;"; } i.icon.list::before { content: "&#61498;"; } i.icon.outdent::before { content: "&#61499;"; } i.icon.indent::before { content: "&#61500;"; } i.icon.linkify::before { content: "&#61633;"; } i.icon.cut::before { content: "&#59727;"; } i.icon.copy::before { content: "&#59725;"; } i.icon.attach::before { content: "&#59662;"; } i.icon.save::before { content: "&#59869;"; } i.icon.content::before { content: "&#59739;"; } i.icon.unordered.list::before { content: "&#61642;"; } i.icon.ordered.list::before { content: "&#61643;"; } i.icon.strikethrough::before { content: "&#61644;"; } i.icon.underline::before { content: "&#61645;"; } i.icon.paste::before { content: "&#59830;"; } i.icon.unlinkify::before { content: "&#61735;"; } i.icon.superscript::before { content: "&#61739;"; } i.icon.subscript::before { content: "&#61740;"; } i.icon.header::before { content: "&#61916;"; } i.icon.paragraph::before { content: "&#61917;"; } i.icon.text.cursor::before { content: "&#59855;"; } i.icon.euro::before { content: "&#61779;"; } i.icon.pound::before { content: "&#61780;"; } i.icon.dollar::before { content: "&#61781;"; } i.icon.rupee::before { content: "&#61782;"; } i.icon.yen::before { content: "&#61783;"; } i.icon.ruble::before { content: "&#61784;"; } i.icon.won::before { content: "&#61785;"; } i.icon.bitcoin::before { content: "&#61786;"; } i.icon.lira::before { content: "&#61845;"; } i.icon.shekel::before { content: "&#61963;"; } i.icon.paypal::before { content: "&#61933;"; } i.icon.google.wallet::before { content: "&#61934;"; } i.icon.visa::before { content: "&#61936;"; } i.icon.mastercard::before { content: "&#61937;"; } i.icon.discover::before { content: "&#61938;"; } i.icon.american.express::before { content: "&#61939;"; } i.icon.paypal.card::before { content: "&#61940;"; } i.icon.stripe::before { content: "&#61941;"; } i.icon.japan.credit.bureau::before { content: "&#62027;"; } i.icon.diners.club::before { content: "&#62028;"; } i.icon.credit.card.alternative::before { content: "&#62083;"; } i.icon.twitter.square::before { content: "&#61569;"; } i.icon.facebook.square::before { content: "&#61570;"; } i.icon.linkedin.square::before { content: "&#61580;"; } i.icon.github.square::before { content: "&#61586;"; } i.icon.twitter::before { content: "&#61593;"; } i.icon.facebook.f::before { content: "&#61594;"; } i.icon.github::before { content: "&#61595;"; } i.icon.pinterest::before { content: "&#61650;"; } i.icon.pinterest.square::before { content: "&#61651;"; } i.icon.google.plus.square::before { content: "&#61652;"; } i.icon.google.plus::before { content: "&#61653;"; } i.icon.linkedin::before { content: "&#61665;"; } i.icon.github.alternate::before { content: "&#61715;"; } i.icon.maxcdn::before {...