@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap"); body::before { content: '{"xs": "575px", "sm": "768px", "md": "992px", "lg": "1200px", "xl": "1441px"}'; display: none; } @font-face { font-family: "zava"; src: url("/zava-assets/dist/fonts/zava-ultralight.ttf") format("truetype"), url("/zava-assets/dist/fonts/zava-ultralight.woff") format("woff"), url("/zava-assets/dist/fonts/zava-ultralight.svg#zava-ultralight") format("svg"); font-style: normal; font-weight: 100; } @font-face { font-family: "zava"; src: url("/zava-assets/dist/fonts/zava-light.ttf") format("truetype"), url("/zava-assets/dist/fonts/zava-light.woff") format("woff"), url("/zava-assets/dist/fonts/zava-light.svg#zava-ultralight") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "zava"; src: url("/zava-assets/dist/fonts/zava-normal.ttf") format("truetype"), url("/zava-assets/dist/fonts/zava-normal.woff") format("woff"), url("/zava-assets/dist/fonts/zava-normal.svg#zava-ultralight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "zava"; src: url("/zava-assets/dist/fonts/zava-bold.ttf") format("truetype"), url("/zava-assets/dist/fonts/zava-bold.woff") format("woff"), url("/zava-assets/dist/fonts/zava-bold.svg#zava-ultralight") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 300; src: local("Montserrat Light"), local("Montserrat-Light"), url("/zava-assets/dist/fonts/montserrat/Montserrat_300.woff2") format("woff2"), url("/zava-assets/dist/fonts/montserrat/Montserrat_300.woff") format("woff"), url("/zava-assets/dist/fonts/montserrat/Montserrat_300.ttf") format("truetype"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; src: local("Montserrat Medium"), local("Montserrat-Medium"), url("/zava-assets/dist/fonts/montserrat/Montserrat_500.woff2") format("woff2"), url("/zava-assets/dist/fonts/montserrat/Montserrat_500.woff") format("woff"), url("/zava-assets/dist/fonts/montserrat/Montserrat_500.ttf") format("truetype"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("/zava-assets/dist/fonts/montserrat/Montserrat_600.woff2") format("woff2"), url("/zava-assets/dist/fonts/montserrat/Montserrat_600.woff") format("woff"), url("/zava-assets/dist/fonts/montserrat/Montserrat_600.ttf") format("truetype"); } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } [data-whatintent=mouse] *:focus, [data-whatintent=touch] *:focus { outline: none; } html { font-size: 62.5%; } body { color: #333333; font-family: "Montserrat", sans-serif; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; -webkit-font-kerning: normal; font-kerning: normal; font-size: 1.6em; font-weight: 300; line-height: 1.4; margin: 0; padding: 0; text-rendering: optimizeLegibility; } body, blockquote, dl, dd, figure, h1, h2, h3, h4, h5, h6, p, pre { margin: 0; } fieldset { border: none; margin: 0; padding: 0; } iframe { border: none; } ol, ul { list-style: none; margin: 0; padding: 0; } a { color: inherit; scroll-behavior: smooth; text-decoration: none; -webkit-transition: color 0.3s linear; transition: color 0.3s linear; } input { font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; } input[type=search] { -webkit-appearance: none; } ::-ms-clear, ::-ms-reveal { display: none; height: 0; width: 0; } b, strong { font-weight: 500; } h1, h2, h3, h4, h5, h6 { color: #333333; font-family: "Montserrat", sans-serif; font-weight: 300; margin: 0; padding: 0; } h1 { font-size: 3rem; } @media (min-width: 62em) { h1 { font-size: 3.6rem; } } h2 { font-size: 2.65rem; } @media (min-width: 62em) { h2 { font-size: 3rem; } } h3 { font-size: 2.4rem; } @media (min-width: 62em) { h3 { font-size: 2.65rem; } } h4 { font-size: 2.2rem; } @media (min-width: 62em) { h4 { font-size: 2.4rem; } } h5 { font-size: 2rem; } @media (min-width: 62em) { h5 { font-size: 2.2rem; } } h6 { font-size: 1.6rem; } @media (min-width: 62em) { h6 { font-size: 2rem; } } p { margin-bottom: 1.5rem; margin-top: 1.5rem; } *:not(pre) > code { background: #F7F3F7; border: 0.1rem solid #E5E5E5; border-radius: 0.4rem; color: #333333; font-family: monospace; padding: 0.1rem 0.3rem; } .Accordion-trigger { background: none; border: none; border-radius: 0; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 500; margin: 0; overflow: hidden; padding: 1.5rem 0; position: relative; text-align: left; width: 100%; } .Accordion-trigger::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "zava" !important; font-style: normal; font-variant: normal; line-height: inherit; speak: none; text-transform: none; content: "\e902"; font-size: 1.6rem; font-weight: 300; } .Accordion-trigger::before { color: unset; display: inline-block; margin: 0 0.5rem 0 0; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .Accordion-trigger[aria-expanded=true] { border-bottom: none; } .Accordion-trigger[aria-expanded=true]::before { color: unset; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .Accordion > .Accordion-heading:not(:first-child) { border-top: 0.1rem solid #A8A29F; } .Accordion-panel { margin: 0; padding: 0; } .Alert { background-color: #DEEFFF; color: #333333; margin: 0 0 2.5rem; padding: 1.5rem; position: relative; } @media (min-width: 48em) { .Alert { border-radius: 0.4rem; } } .Alert > *:first-child { margin-top: 0; } .Alert > *:last-child { margin-bottom: 0; } .Alert--success { background-color: #DDEDDB; } .Alert--warning { background-color: #FEFAD2; } .Alert--danger { background-color: #F3DADD; } .Autotext p, .Autotext ul, .Autotext ol, .Autotext dd, .Autotext pre { margin-bottom: 3rem; margin-top: 0; } .Autotext p { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.4; } .Autotext a[href]:not(.Button), .Autotext a[href] strong { color: #3232E1; text-decoration: underline; } .Autotext a[href]:not(.Button):focus, .Autotext a[href]:not(.Button):hover, .Autotext a[href] strong:focus, .Autotext a[href] strong:hover { color: #1E90FF; } .Autotext a[href]:not(.Button):active, .Autotext a[href] strong:active { color: #3232E1; } .Autotext strong { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.4; font-weight: 500; } .Autotext h1 { color: #333333; font-family: "Montserrat", sans-serif; font-weight: 300; margin: 0; padding: 0; font-size: 3rem; margin-bottom: 0; margin-top: 3rem; } @media (min-width: 62em) { .Autotext h1 { font-size: 3.6rem; } } .Autotext h2 { color: #333333; font-family: "Montserrat", sans-serif; font-weight: 300; margin: 0; padding: 0; font-size: 2.65rem; margin-bottom: 0; margin-top: 3rem; } @media (min-width: 62em) { .Autotext h2 { font-size: 3rem; } } .Autotext h3 { color: #333333; font-family: "Montserrat", sans-serif; font-weight: 300; margin: 0; padding: 0; font-size: 2.4rem; margin-bottom: 0; margin-top: 3rem; } @media (min-width: 62em) { .Autotext h3 { font-size: 2.65rem; } } .Autotext h4 { color: #333333; font-family: "Montserrat", sans-serif; font-weight: 300; margin: 0; padding: 0; font-size: 2.2rem; margin-bottom: 0; margin-top: 3rem; } @media (min-width: 62em) { .Autotext h4 { font-size: 2.4rem; } } .Autotext h5 { color: #333333; font-family: "Montserrat", sans-serif; font-weight: 300; margin: 0; padding: 0; font-size: 2rem; margin-bottom: 0; margin-top: 3rem; } @media (min-width: 62em) { .Autotext h5 { font-size: 2.2rem; } } .Autotext h6 { color: #333333; font-family: "Montserrat", sans-serif; font-weight: 300; margin: 0; padding: 0; font-size: 1.6rem; margin-bottom: 0; margin-top: 3rem; } @media (min-width: 62em) { .Autotext h6 { font-size: 2rem; } } .Autotext h6 { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.4; font-weight: 500; } .Autotext ul, .Autotext ol { display: inline-block; padding-left: 2rem; } .Autotext ul ol, .Autotext ul ul, .Autotext ol ul, .Autotext ol ol { margin-bottom: 0; margin-top: 0.5rem; } .Autotext ul li { list-style-type: disc; } .Autotext ul ul li { list-style-type: circle; } .Autotext ol li { list-style-type: decimal; padding-left: 1rem; } .Autotext li { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.4; margin-bottom: 0.5rem; padding-left: 1rem; } .Autotext dl dt { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.4; font-weight: 500; margin-bottom: 1.5rem; } .Autotext dl dd { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.4; padding-left: 3rem; } .Autotext table { border: 0.1rem solid #E2DBD8; border-radius: 0.4rem; max-width: 100%; width: 100%; } .Autotext table td { padding: 0.75rem 3rem; } .Autotext table th { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.4; font-weight: 500; border-bottom: 0.1rem solid #E2DBD8; padding: 1.5rem 3rem; text-align: left; } .Autotext blockquote { margin-bottom: 3rem; position: relative; } .Autotext blockquote::before, .Autotext blockquote::after { color: #333333; font-family: "Montserrat", sans-serif; font-size: 2.4rem; font-weight: 300; line-height: 1.4; color: #EA5A0B; font-size: 4rem; position: absolute; top: -1.5rem; } @media (min-width: 48em) { .Autotext blockquote::before, .Autotext blockquote::after { left: -1.5rem; top: -1.5rem; } } .Autotext blockquote p::before { content: "“"; } .Autotext blockquote p::after { content: "”"; } .Autotext blockquote p { color: #333333; font-family: "Montserrat", sans-serif; font-size: 2.4rem; font-weight: 300; line-height: 1.4; color: #EA5A0B; } .Autotext blockquote p:first-child { text-indent: 0; } @media (min-width: 48em) { .Autotext blockquote p:first-child { text-indent: 0; } } .Autotext blockquote p:last-of-type { margin-bottom: 0; } .Autotext blockquote cite { color: #62605E; display: inline-block; font-style: normal; margin-top: 1.5rem; } .Autotext code { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.4; font-family: Courier, monospace; } .Autotext pre { background-color: #F7F3F1; border: 0.1rem solid #E2DBD8; border-radius: 0.4rem; padding: 3rem; } .Autotext-section { clear: both; } .Autotext-block a[href] { color: #3232E1; text-decoration: underline; } .Autotext-block a[href]:focus, .Autotext-block a[href]:hover { color: #1E90FF; } .Autotext-block a[href]:active { color: #3232E1; } .Autotext-image { border-radius: 0.4rem; line-height: 0; margin-bottom: 3rem; overflow: hidden; } .Autotext-image img { width: 100%; } .Autotext-image figcaption { background: #F7F3F1; padding: 1rem 1.5rem; } .Autotext-image figcaption * { color: #62605E; } .Autotext-image figcaption *:last-child { margin-bottom: 0; } @media (min-width: 35.9375em) { .Autotext-image--left, .Autotext-image--right { position: relative; top: 0.4rem; width: 50%; } } @media (min-width: 35.9375em) { .Autotext-image--left { float: left; margin-bottom: 1.5rem; margin-right: 3rem; } } @media (min-width: 35.9375em) { .Autotext-image--right { float: right; margin-left: 3rem; } } .Autotext-video { background: #000000; margin-bottom: 3rem; padding-bottom: 56.25%; position: relative; } .Autotext-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .BenefitBar { background: #1E90FF; background: -webkit-gradient(linear, left top, right top, from(#1E90FF), to(#3232E1)); background: linear-gradient(to right, #1E90FF 0%, #3232E1 100%); color: #FFFFFF; display: block; font-size: 1.4rem; letter-spacing: -0.02rem; line-height: 2rem; min-height: 4rem; overflow-x: hidden; position: relative; } .BenefitBar-container { -webkit-animation: benefitbar-slide-animation 25s infinite; animation: benefitbar-slide-animation 25s infinite; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 400%; flex-basis: 400%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; top: 0; -webkit-transition: left 0.3s linear; transition: left 0.3s linear; width: 400%; } @media (min-width: 48em) { .BenefitBar-container { -webkit-animation: none; animation: none; -ms-flex-preferred-size: 100%; flex-basis: 100%; left: auto; position: relative; top: auto; width: 100%; } } .BenefitBar-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 25%; flex-basis: 25%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 48em) { .BenefitBar-item { display: -webkit-box; display: -ms-flexbox; display: flex; } } .BenefitBar-item:first-child { padding-left: 1.5rem; } .BenefitBar-item:last-child { padding-right: 1.5rem; } @media (min-width: 48em) and (max-width: 74.99em) { .BenefitBar-item:last-child { display: none; } } .BenefitBar-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .BenefitBar-icon, .BenefitBar-icon > * { height: 2.4rem; width: 2.4rem; } .BenefitBar-icon * { stroke: #FFFFFF !important; } .BenefitBar-text { padding: 1rem; } @-webkit-keyframes benefitbar-slide-animation { 0% { opacity: 0; } 2% { opacity: 1; } 20% { left: 0; opacity: 1; } 22.5% { opacity: 0.6; } 25% { left: -100%; opacity: 1; } 45% { left: -100%; opacity: 1; } 47.5% { opacity: 0.6; } 50% { left: -200%; opacity: 1; } 70% { left: -200%; opacity: 1; } 72.5% { opacity: 0.6; } 75% { left: -300%; opacity: 1; } 95% { opacity: 1; } 98% { left: -300%; opacity: 0; } 100% { left: 0; opacity: 0; } } @keyframes benefitbar-slide-animation { 0% { opacity: 0; } 2% { opacity: 1; } 20% { left: 0; opacity: 1; } 22.5% { opacity: 0.6; } 25% { left: -100%; opacity: 1; } 45% { left: -100%; opacity: 1; } 47.5% { opacity: 0.6; } 50% { left: -200%; opacity: 1; } 70% { left: -200%; opacity: 1; } 72.5% { opacity: 0.6; } 75% { left: -300%; opacity: 1; } 95% { opacity: 1; } 98% { left: -300%; opacity: 0; } 100% { left: 0; opacity: 0; } } .Breadcrumb { color: #62605E; padding: 1.5rem 0; } @media (min-width: 48em) { .Breadcrumb { padding: 3rem 0; } } .Breadcrumb-link:hover { text-decoration: underline; } .Breadcrumb-list { list-style: none; margin: 0; padding: 0; } .Breadcrumb-item { color: #3232E1; display: inline-block; } .Breadcrumb-item:last-of-type { color: #62605E; } .Breadcrumb-item:not(:last-child)::after { color: #62605E; content: ">"; text-decoration: none; } .Button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button { background-color: transparent; border: 0.1rem solid #EA5A0B; border-radius: 0.4rem; color: #EA5A0B; cursor: pointer; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 1.9rem; font-weight: 600; letter-spacing: normal; line-height: 1.4; max-width: 50rem; overflow: hidden; padding: 0.5em 1em; position: relative; text-align: center; text-decoration: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; vertical-align: middle; } .Button::after, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button::after { background-image: radial-gradient(circle, #EA5A0B 10%, transparent 10.01%); } .Button:focus, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button:focus, .Button:hover, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button:hover { background-color: #f4671a; border-color: #f4671a; color: #FFFFFF; } .Button::after, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button::after { background-position: 50%; background-repeat: no-repeat; content: ""; display: block; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; -webkit-transform: scale(10, 10); transform: scale(10, 10); -webkit-transition: opacity 1s, -webkit-transform 0.5s; transition: opacity 1s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 1s; transition: transform 0.5s, opacity 1s, -webkit-transform 0.5s; width: 100%; } .Button:active::after, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button:active::after { opacity: 0.2; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: 0s; transition: 0s; } .Button[disabled], [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button[disabled], .Button[disabled]:focus, .Button[disabled]:hover, .Button--disabled, .Button--disabled:focus, .Button--disabled:hover, .Button.is-disabled, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button.is-disabled, .Button.is-disabled:focus, .Button.is-disabled:hover { background-color: #E2DBD8; border-color: #E2DBD8; color: #62605E; } .Button--block { display: block; max-width: none; width: 100%; } @media (max-width: 35.9275em) { .Button--xs-block { display: block; max-width: none; width: 100%; } } .Button--plain { -webkit-appearance: none; background: none; border: none; color: #333333; cursor: pointer; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; margin: 0; padding: 0; } .Button--primary, [data-consent-manager-dialog] button[class^=css-][class*=-GreenButton-baseStyles] { background-color: #EA5A0B; border-color: #EA5A0B; color: #FFFFFF; } .Button--primary::after, [data-consent-manager-dialog] button[class^=css-][class*=-GreenButton-baseStyles]::after { background-image: radial-gradient(circle, #d2510a 10%, transparent 10.01%); } .Button--primary:focus, [data-consent-manager-dialog] button[class^=css-][class*=-GreenButton-baseStyles]:focus, .Button--primary:hover, [data-consent-manager-dialog] button[class^=css-][class*=-GreenButton-baseStyles]:hover { background-color: #f4671a; border-color: #f4671a; } .Button--secondary { background-color: transparent; border-color: #EA5A0B; color: #EA5A0B; } .Button--secondary::after { background-image: radial-gradient(circle, #d2510a 10%, transparent 10.01%); } .Button--secondary:focus, .Button--secondary:hover { background-color: #f4671a; border-color: #f4671a; color: #FFFFFF; } .Button--white { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; } .Button--white::after { background-image: radial-gradient(circle, #A8A29F 10%, transparent 10.01%); } .Button--white:focus, .Button--white:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #333333; } .ChevronList li:not(:last-child) { border-bottom-color: #A8A29F; border-bottom-style: solid; border-bottom-width: 0.1rem; } .ChevronList a { display: block; padding-bottom: 1.7rem; padding-left: 1.5rem; padding-right: 2.1rem; padding-top: 1.7rem; position: relative; text-decoration: none; } .ChevronList a:hover { background-color: rgba(0, 0, 0, 0.1); } .ChevronList a::after { content: "\e905"; font-size: 1.6rem; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "zava" !important; font-style: normal; font-variant: normal; line-height: inherit; speak: none; text-transform: none; line-height: 1; margin-top: -0.8rem; position: absolute; right: 1.5rem; top: 50%; } .Form { display: block; margin: 0; width: 100%; } .Form-field { display: block; margin: 0; padding: 0; } .Form-label { display: inline-block; font-size: inherit; margin: 0; max-width: 100%; } .Form-input { background-color: #FFFFFF; border: 0.1rem solid #333333; border-radius: 0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-size: inherit; line-height: 1.5; margin: 0; padding: 1rem 1.5rem; -webkit-transition: border-color ease-in-out 0.3s; transition: border-color ease-in-out 0.3s; width: 100%; } .Form-input:focus { border-color: #1E90FF; border-width: 0.1rem; } .Form-input[type=file] { display: block; } .Form-input[type=range] { display: block; width: 100%; } .Form-input[multiple], .Form-input[size] { height: auto; } .Form-input.Form-input--lg { height: 5.2rem; line-height: 1.95; } .Form-message { color: #62605E; display: block; font-size: inherit; font-weight: inherit \9 ; margin: 0; padding: 0; } .Form-field--select .Form-input { height: 3.8rem; } @-moz-document url-prefix() { .Form-field--select .Form-input { height: 4.2rem; } } .Form-field--checkbox, .Form-field--radio { display: table; height: 2.4rem; padding-bottom: 1rem; padding-top: 1rem; } .Form-field--checkbox .Form-input, .Form-field--radio .Form-input { border: none; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .Form-field--checkbox .Form-label, .Form-field--radio .Form-label { display: table-cell; position: relative; vertical-align: middle; } .Form-field--checkbox .Form-label { padding-left: 3.4rem; } .Form-field--checkbox .Form-label::before { background: #FFFFFF; border: 0.1rem solid #333333; border-radius: 0.4rem; content: ""; float: left; height: 2.4rem; margin-left: -3.4rem; margin-right: 1rem; -webkit-transition: all 0.3s; transition: all 0.3s; width: 2.4rem; } .Form-field--radio .Form-label { padding-left: 3.4rem; } .Form-field--radio .Form-label::before { background: #FFFFFF; border: 0.4rem solid #FFFFFF; border-radius: 1000rem; -webkit-box-shadow: 0 0 0 0.1rem #333333; box-shadow: 0 0 0 0.1rem #333333; content: ""; height: 2.4rem; left: 0; position: absolute; top: 0; -webkit-transition: all 0.3s; transition: all 0.3s; width: 2.4rem; } .Form-field--radio .Form-input:checked + .Form-label::before { background: #2D55E6; } [data-whatintent=keyboard] .Form-field--radio .Form-input:focus + .Form-label::before { outline: auto 0.2rem Highlight; outline: auto 0.5rem -webkit-focus-ring-color; } .Form--spaced { display: inline-block; margin-top: -1.5rem; } .Form--spaced .Form-field { margin-top: 1.5rem; } .Form--spaced .Form-label { margin: 0 0 0.5rem; } .Form--spaced .Form-message { margin: 0.5rem 0 0; } .Form-field.is-valid .Form-label { color: #007A00; } .Form-field.is-valid .Form-input { border-color: #007A00; } .Form-field.is-valid .Form-message { color: #007A00; } .Form-field.is-invalid .Form-label { color: #EA5A0B; } .Form-field.is-invalid .Form-input { border-color: #EA5A0B; border-width: 0.2rem; outline-color: #EA5A0B; } .Form-field--radio.is-invalid .Form-label::before { -webkit-box-shadow: 0 0 0 0.2rem #EA5A0B; box-shadow: 0 0 0 0.2rem #EA5A0B; } .Form-field.is-invalid .Form-message { color: #EA5A0B; } .Form-placeholder { position: relative; } .Form-placeholder .Icon { font-size: 2.4rem; font-weight: normal; left: 1rem; line-height: 1; margin-top: -1.2rem; position: absolute; top: 50%; } .Form-placeholder .Form-input { padding-left: 4.4rem; } ::-webkit-input-placeholder { color: #62605E; } :-moz-placeholder { color: #62605E; } ::-moz-placeholder { color: #62605E; opacity: 1; } :-ms-input-placeholder { color: #62605E; } .Form-group { border-collapse: separate; display: table; position: relative; } .Form-group .Form-input { border-bottom-right-radius: 0; border-right-color: transparent; border-top-right-radius: 0; display: table-cell; float: left; margin-bottom: 0; position: relative; width: 100%; z-index: 2; } .Form-group .Form-button { display: table-cell; font-size: 0; position: relative; vertical-align: middle; white-space: nowrap; width: 1%; } .Form-group .Form-button .Button, .Form-group .Form-button [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .Form-group .Form-button button { border-bottom-left-radius: 0; border-top-left-radius: 0; margin: 0; padding-left: 1.5rem; padding-right: 1.5rem; } .Form-group .Form-button .Button:focus, .Form-group .Form-button [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button:focus, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .Form-group .Form-button button:focus, .Form-group .Form-button .Button:hover, .Form-group .Form-button [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button:hover, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .Form-group .Form-button button:hover { background-color: #a13e08; border-color: #a13e08; } .Form-button--icon .Icon { display: block; } .Container { margin-left: auto; margin-right: auto; max-width: 117rem; padding-left: 1.5rem; padding-right: 1.5rem; } .Container--gutter30 .Row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -0.75rem; margin-right: -0.75rem; } .Container--gutter45 .Row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -0.75rem; margin-right: -0.75rem; } .Container--fluid { max-width: 100%; } .Container--small { max-width: 73.8rem; } .Container--xSmall { max-width: 54.5rem; } @media (max-width: 47.99em) { .Container--full { margin-left: -1.5rem; margin-right: -1.5rem; } } .Container--fullThroughout { margin-left: -1.5rem; margin-right: -1.5rem; } .Row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -0.75rem; margin-right: -0.75rem; } .Row--nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .Row--wrapReverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .Row--gutter30 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -0.75rem; margin-right: -0.75rem; } .Row--gutter45 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -0.75rem; margin-right: -0.75rem; } .Row--centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Col-1, .Col-xs-1, .Col-sm-1, .Col-md-1, .Col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; padding-left: 0.75rem; padding-right: 0.75rem; } .Col-offset-1, .Col-xs-offset-1 { margin-left: 8.3333333333%; } .Col--first, .Col-xs--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col--last, .Col-xs--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-2, .Col-xs-2, .Col-sm-2, .Col-md-2, .Col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; padding-left: 0.75rem; padding-right: 0.75rem; } .Col-offset-2, .Col-xs-offset-2 { margin-left: 16.6666666667%; } .Col--first, .Col-xs--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col--last, .Col-xs--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-3, .Col-xs-3, .Col-sm-3, .Col-md-3, .Col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-left: 0.75rem; padding-right: 0.75rem; } .Col-offset-3, .Col-xs-offset-3 { margin-left: 25%; } .Col--first, .Col-xs--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col--last, .Col-xs--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-4, .Col-xs-4, .Col-sm-4, .Col-md-4, .Col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; padding-left: 0.75rem; padding-right: 0.75rem; } .Col-offset-4, .Col-xs-offset-4 { margin-left: 33.3333333333%; } .Col--first, .Col-xs--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col--last, .Col-xs--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-5, .Col-xs-5, .Col-sm-5, .Col-md-5, .Col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; padding-left: 0.75rem; padding-right: 0.75rem; } .Col-offset-5, .Col-xs-offset-5 { margin-left: 41.6666666667%; } .Col--first, .Col-xs--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col--last, .Col-xs--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-6, .Col-xs-6, .Col-sm-6, .Col-md-6, .Col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 0.75rem; padding-right: 0.75rem; } .Col-offset-6, .Col-xs-offset-6 { margin-left: 50%; } .Col--first, .Col-xs--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col--last, .Col-xs--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-7, .Col-xs-7, .Col-sm-7, .Col-md-7, .Col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; padding-left: 0.75rem; padding-right: 0.75rem; } .Col-offset-7, .Col-xs-offset-7 { margin-left: 58.3333333333%; } .Col--first, .Col-xs--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col--last, .Col-xs--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-8, .Col-xs-8, .Col-sm-8, .Col-md-8, .Col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; padding-left: 0.75rem; padding-right: 0.75rem; } .Col-offset-8, .Col-xs-offset-8 { margin-left: 66.6666666667%; } .Col--first, .Col-xs--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col--last, .Col-xs--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-9, .Col-xs-9, .Col-sm-9, .Col-md-9, .Col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; padding-left: 0.75rem; padding-right: 0.75rem; } .Col-offset-9, .Col-xs-offset-9 { margin-left: 75%; } .Col--first, .Col-xs--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col--last, .Col-xs--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-10, .Col-xs-10, .Col-sm-10, .Col-md-10, .Col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; padding-left: 0.75rem; padding-right: 0.75rem; } .Col-offset-10, .Col-xs-offset-10 { margin-left: 83.3333333333%; } .Col--first, .Col-xs--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col--last, .Col-xs--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-11, .Col-xs-11, .Col-sm-11, .Col-md-11, .Col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; padding-left: 0.75rem; padding-right: 0.75rem; } .Col-offset-11, .Col-xs-offset-11 { margin-left: 91.6666666667%; } .Col--first, .Col-xs--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col--last, .Col-xs--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-12, .Col-xs-12, .Col-sm-12, .Col-md-12, .Col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0.75rem; padding-right: 0.75rem; } .Col-offset-12, .Col-xs-offset-12 { margin-left: 100%; } .Col--first, .Col-xs--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col--last, .Col-xs--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } @media (min-width: 48em) { .Col-sm-1 { -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .Col-sm-offset-1 { margin-left: 8.3333333333%; } .Col-sm--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-sm--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-sm-2 { -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .Col-sm-offset-2 { margin-left: 16.6666666667%; } .Col-sm--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-sm--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .Col-sm-offset-3 { margin-left: 25%; } .Col-sm--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-sm--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-sm-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .Col-sm-offset-4 { margin-left: 33.3333333333%; } .Col-sm--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-sm--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-sm-5 { -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .Col-sm-offset-5 { margin-left: 41.6666666667%; } .Col-sm--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-sm--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .Col-sm-offset-6 { margin-left: 50%; } .Col-sm--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-sm--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-sm-7 { -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .Col-sm-offset-7 { margin-left: 58.3333333333%; } .Col-sm--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-sm--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-sm-8 { -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .Col-sm-offset-8 { margin-left: 66.6666666667%; } .Col-sm--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-sm--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .Col-sm-offset-9 { margin-left: 75%; } .Col-sm--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-sm--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-sm-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .Col-sm-offset-10 { margin-left: 83.3333333333%; } .Col-sm--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-sm--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-sm-11 { -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .Col-sm-offset-11 { margin-left: 91.6666666667%; } .Col-sm--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-sm--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .Col-sm-offset-12 { margin-left: 100%; } .Col-sm--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-sm--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media (min-width: 62em) { .Col-md-1 { -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .Col-md-offset-1 { margin-left: 8.3333333333%; } .Col-md--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-md--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-md-2 { -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .Col-md-offset-2 { margin-left: 16.6666666667%; } .Col-md--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-md--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .Col-md-offset-3 { margin-left: 25%; } .Col-md--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-md--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-md-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .Col-md-offset-4 { margin-left: 33.3333333333%; } .Col-md--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-md--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-md-5 { -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .Col-md-offset-5 { margin-left: 41.6666666667%; } .Col-md--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-md--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .Col-md-offset-6 { margin-left: 50%; } .Col-md--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-md--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-md-7 { -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .Col-md-offset-7 { margin-left: 58.3333333333%; } .Col-md--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-md--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-md-8 { -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .Col-md-offset-8 { margin-left: 66.6666666667%; } .Col-md--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-md--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .Col-md-offset-9 { margin-left: 75%; } .Col-md--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-md--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-md-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .Col-md-offset-10 { margin-left: 83.3333333333%; } .Col-md--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-md--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-md-11 { -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .Col-md-offset-11 { margin-left: 91.6666666667%; } .Col-md--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-md--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .Col-md-offset-12 { margin-left: 100%; } .Col-md--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-md--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media (min-width: 75em) { .Col-lg-1 { -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .Col-lg-offset-1 { margin-left: 8.3333333333%; } .Col-lg--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-lg--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-lg-2 { -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .Col-lg-offset-2 { margin-left: 16.6666666667%; } .Col-lg--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-lg--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .Col-lg-offset-3 { margin-left: 25%; } .Col-lg--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-lg--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-lg-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .Col-lg-offset-4 { margin-left: 33.3333333333%; } .Col-lg--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-lg--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-lg-5 { -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .Col-lg-offset-5 { margin-left: 41.6666666667%; } .Col-lg--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-lg--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .Col-lg-offset-6 { margin-left: 50%; } .Col-lg--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-lg--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-lg-7 { -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .Col-lg-offset-7 { margin-left: 58.3333333333%; } .Col-lg--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-lg--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-lg-8 { -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .Col-lg-offset-8 { margin-left: 66.6666666667%; } .Col-lg--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-lg--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .Col-lg-offset-9 { margin-left: 75%; } .Col-lg--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-lg--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-lg-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .Col-lg-offset-10 { margin-left: 83.3333333333%; } .Col-lg--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-lg--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-lg-11 { -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .Col-lg-offset-11 { margin-left: 91.6666666667%; } .Col-lg--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-lg--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .Col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .Col-lg-offset-12 { margin-left: 100%; } .Col-lg--first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Col-lg--last { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } .Hamburger-lineWrapper { height: 1.6rem; margin: 0 auto; position: relative; width: 2.4rem; } .Hamburger-line { background-color: #333333; display: block; height: 0.1rem; position: absolute; -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; } .Hamburger-line:nth-child(1) { top: 0; } .Hamburger-line:nth-child(2) { top: 50%; } .Hamburger-line:nth-child(3) { top: 100%; } .Hamburger.is-active .Hamburger-line:nth-child(1) { -webkit-transform: translateY(0.8rem) translateX(0) rotate(-45deg); transform: translateY(0.8rem) translateX(0) rotate(-45deg); } .Hamburger.is-active .Hamburger-line:nth-child(2) { opacity: 0; } .Hamburger.is-active .Hamburger-line:nth-child(3) { -webkit-transform: translateY(-0.8rem) translateX(0) rotate(45deg); transform: translateY(-0.8rem) translateX(0) rotate(45deg); } .Icon { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "zava" !important; font-style: normal; font-variant: normal; line-height: inherit; speak: none; text-transform: none; font-size: 1.6rem; font-weight: 300; } .Icon--13 { font-size: 1.3rem; font-weight: 100; } .Icon--16 { font-size: 1.6rem; font-weight: 300; } .Icon--24 { font-size: 2.4rem; font-weight: normal; } .Icon--32 { font-size: 3.2rem; font-weight: normal; } .Icon--48 { font-size: 4.8rem; font-weight: bold; } .Icon--64 { font-size: 6.4rem; font-weight: bold; } .Icon-pinterest::before { content: "\e900"; } .Icon-add::before { content: "\e902"; } .Icon-airplane-departure::before { content: "\e903"; } .Icon-arrow-left::before { content: "\e904"; } .Icon-arrow-right::before { content: "\e905"; } .Icon-arrow-up::before { content: "\e906"; } .Icon-box-handle::before { content: "\e907"; } .Icon-calendar::before { content: "\e908"; } .Icon-chat-double-bubble::before { content: "\e909"; } .Icon-check-circle::before { content: "\e90a"; } .Icon-clock::before { content: "\e90b"; } .Icon-close::before { content: "\e90c"; } .Icon-coin-receive::before { content: "\e90d"; } .Icon-doctor::before { content: "\e90e"; } .Icon-doctor-bubble::before { content: "\e90f"; } .Icon-email-share::before { content: "\e910"; } .Icon-email-text::before { content: "\e911"; } .Icon-facebook::before { content: "\e912"; } .Icon-female::before { content: "\e913"; } .Icon-file-check::before { content: "\e914"; } .Icon-file-checklist::before { content: "\e915"; } .Icon-file-hand-check::before { content: "\e916"; } .Icon-file-lock::before { content: "\e917"; } .Icon-globe::before { content: "\e918"; } .Icon-group-check::before { content: "\e919"; } .Icon-hand-tablet::before { content: "\e91a"; } .Icon-heart::before { content: "\e91b"; } .Icon-heart-beat::before { content: "\e91c"; } .Icon-home::before { content: "\e91d"; } .Icon-information-circle::before { content: "\e91e"; } .Icon-link::before { content: "\e91f"; } .Icon-linkedin::before { content: "\e920"; } .Icon-location-capsule::before { content: "\e921"; } .Icon-lock-close::before { content: "\e922"; } .Icon-male::before { content: "\e923"; } .Icon-medical-box::before { content: "\e924"; } .Icon-medicine-capsule::before { content: "\e925"; } .Icon-mortar-pestle::before { content: "\e926"; } .Icon-no-entry::before { content: "\e927"; } .Icon-nurse-cap::before { content: "\e928"; } .Icon-phone::before { content: "\e929"; } .Icon-pulse-check::before { content: "\e92a"; } .Icon-pulse-signal::before { content: "\e92b"; } .Icon-report-problem-triangle::before { content: "\e92c"; } .Icon-search::before { content: "\e92d"; } .Icon-server-lock::before { content: "\e92e"; } .Icon-sign-hospital::before { content: "\e92f"; } .Icon-sign-hospital-2::before { content: "\e930"; } .Icon-smoking-area::before { content: "\e931"; } .Icon-stethoscope::before { content: "\e932"; } .Icon-store-open::before { content: "\e933"; } .Icon-tablets::before { content: "\e934"; } .Icon-truck::before { content: "\e935"; } .Icon-truck-delivery-time::before { content: "\e936"; } .Icon-twitter::before { content: "\e937"; } .Icon-user::before { content: "\e901"; } .Icon-whatsapp::before { content: "\e939"; } .Icon-window-warning::before { content: "\e93a"; } .Icon-done-circle::before { content: "\e970"; } .Icon-close-circle::before { content: "\e938"; } .Popover { background-color: #FFFFFF; border: 0.1rem solid #333333; border-radius: 0.4rem; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 1.5rem; position: absolute; width: auto; z-index: 210; width: 65rem; } .Popover::before { border-bottom: 1.6rem solid #333333; border-left: 1.6rem solid transparent; border-right: 1.6rem solid transparent; content: ""; position: absolute; top: -1.6rem; left: 2rem; z-index: 210; } .Popover::after { border-bottom: 1.5rem solid #FFFFFF; border-left: 1.5rem solid transparent; border-right: 1.5rem solid transparent; content: ""; position: absolute; top: -1.5rem; left: 2.1rem; z-index: 211; } .Popover--small { width: 34rem; } @media (min-width: 75em) { .Popover--large { width: 90rem; } } .Popover-headline { font-size: 2rem; padding-bottom: 1.5rem; padding-top: 3rem; } @media (min-width: 62em) { .Popover-headline { font-size: 2.2rem; } } .Popover.is-hidden { display: none; } .Table { background-color: transparent; border-spacing: 0; margin: 2.5rem 0; max-width: 100%; width: 100%; } .Table th { text-align: left; } .Table th, .Table td { padding: 1rem; vertical-align: top; } .Table-caption { color: #333333; padding-bottom: 1rem; padding-top: 1rem; text-align: left; } .Table--classic tr > th, .Table--classic tr > td { border: none; } .Table--classic > tbody > tr > td:first-child { border-left: 0.1rem solid #E2DBD8; } .Table--classic > tbody > tr > td:last-child { border-right: 0.1rem solid #E2DBD8; } .Table--classic > tbody > tr:first-child > td { border-top: 0.1rem solid #E2DBD8; } .Table--classic > tbody > tr:last-child > td { border-bottom: 0.1rem solid #E2DBD8; } .Table--classic tbody > tr:first-child td:first-child { border-top-left-radius: 0.4rem; } .Table--classic > tbody > tr:first-child td:last-child { border-top-right-radius: 0.4rem; } .Table--classic > tbody > tr:last-child td:first-child { border-bottom-left-radius: 0.4rem; } .Table--classic > tbody > tr:last-child td:last-child { border-bottom-right-radius: 0.4rem; } .Table--basic tr > th, .Table--basic tr > td { border: none; } .Table--basic > tbody > tr > td:first-child { border-left: 0.1rem solid #E2DBD8; } .Table--basic > tbody > tr > td:last-child { border-right: 0.1rem solid #E2DBD8; } .Table--basic > tbody > tr:first-child > td { border-top: 0.1rem solid #E2DBD8; } .Table--basic > tbody > tr:last-child > td { border-bottom: 0.1rem solid #E2DBD8; } .Table--basic tbody > tr:first-child td:first-child { border-top-left-radius: 0.4rem; } .Table--basic > tbody > tr:first-child td:last-child { border-top-right-radius: 0.4rem; } .Table--basic > tbody > tr:last-child td:first-child { border-bottom-left-radius: 0.4rem; } .Table--basic > tbody > tr:last-child td:last-child { border-bottom-right-radius: 0.4rem; } .Table--basic tbody td { border-bottom: 0.1rem solid #E2DBD8; } .Table--lined td { border-top: 0.1rem solid #E2DBD8; } .Table--striped tbody tr:nth-child(odd) { background-color: #F7F3F1; } .Tab-nav { border: 0.1rem solid #333333; border-radius: 0.4rem; display: table; margin-bottom: 1.5rem; width: 100%; } .Tab-navItem { display: table-cell; text-align: center; } .Tab-navItem:not(:last-child) { border-right: 0.1rem solid #333333; } .Tab-navItem > a { display: block; padding: 1rem; } .Tab-navItem > a:focus, .Tab-navItem > a:hover { background-color: #2D55E6; color: #FFFFFF; } .Tab-navItem > a:active { background-color: #3031A5; color: #FFFFFF; } .Tab-navItem:first-child { border-bottom-left-radius: 0.4rem; border-top-left-radius: 0.4rem; } .Tab-navItem:last-child { border-bottom-right-radius: 0.4rem; border-top-right-radius: 0.4rem; } .Tab-navItem.is-selected { background-color: #3232E1; color: #FFFFFF; } .Tab-pane { display: none; } .Tab-pane.is-selected { display: block; } button[data-tooltip] { overflow: visible; } [data-tooltip] { position: relative; } [data-tooltip]::before { background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(51, 51, 51, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); background-size: 100% auto; height: 0.6rem; width: 1.8rem; opacity: 0; pointer-events: none; -webkit-transition: all 0.18s ease-out 0.18s; transition: all 0.18s ease-out 0.18s; content: ""; position: absolute; z-index: 10; } [data-tooltip]::after { opacity: 0; pointer-events: none; -webkit-transition: all 0.18s ease-out 0.18s; transition: all 0.18s ease-out 0.18s; background: rgba(51, 51, 51, 0.9); border-radius: 0.4rem; color: #FFFFFF; content: attr(aria-label); font-size: 1.3rem; padding: 0.5rem 1rem; position: absolute; white-space: nowrap; z-index: 10; } [data-tooltip]:hover::before, [data-tooltip]:hover::after, [data-tooltip][data-tooltip-visible]::before, [data-tooltip][data-tooltip-visible]::after { opacity: 1; pointer-events: auto; } [data-tooltip][data-tooltip-break]::after { white-space: pre; } [data-tooltip][data-tooltip-pos=up]::before { bottom: 100%; left: 50%; margin-bottom: 0.5rem; -webkit-transform: translate(-50%, 1rem); transform: translate(-50%, 1rem); -webkit-transform-origin: top; transform-origin: top; } [data-tooltip][data-tooltip-pos=up]::after { bottom: 100%; left: 50%; margin-bottom: 1.1rem; -webkit-transform: translate(-50%, 1rem); transform: translate(-50%, 1rem); -webkit-transform-origin: top; transform-origin: top; } [data-tooltip][data-tooltip-pos=up]:hover::before, [data-tooltip][data-tooltip-pos=up][data-tooltip-visible]::before { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } [data-tooltip][data-tooltip-pos=up]:hover::after, [data-tooltip][data-tooltip-pos=up][data-tooltip-visible]::after { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } [data-tooltip][data-tooltip-pos=down]::before { background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(51, 51, 51, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); background-size: 100% auto; height: 0.6rem; width: 1.8rem; left: 50%; margin-top: 0.5rem; top: 100%; -webkit-transform: translate(-50%, -1rem); transform: translate(-50%, -1rem); } [data-tooltip][data-tooltip-pos=down]::after { left: 50%; margin-top: 1.1rem; top: 100%; -webkit-transform: translate(-50%, -1rem); transform: translate(-50%, -1rem); } [data-tooltip][data-tooltip-pos=down]:hover::before, [data-tooltip][data-tooltip-pos=down][data-tooltip-visible]::before { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } [data-tooltip][data-tooltip-pos=down]:hover::after, [data-tooltip][data-tooltip-pos=down][data-tooltip-visible]::after { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } [data-tooltip][data-tooltip-length=small]::after { white-space: normal; width: 8rem; } [data-tooltip][data-tooltip-length=medium]::after { white-space: normal; width: 15rem; } [data-tooltip][data-tooltip-length=large]::after { white-space: normal; width: 26rem; } [data-tooltip][data-tooltip-length=xlarge]::after { white-space: normal; width: 90vw; } @media (min-width: 62em) { [data-tooltip][data-tooltip-length=xlarge]::after { width: 38rem; } } [data-tooltip][data-tooltip-length=fit]::after { white-space: normal; width: 100%; } .Well { background-color: #1E90FF; padding: 1.5rem; } .Well--christalle { background-color: #2A184D; } .Well--paris-m { background-color: #32286E; } .Well--clean-green { background-color: #87DCDC; color: #333333; } .Well--no-padding { padding: 0; } .Image--quarter { width: 25%; } .Image--half { width: 50%; } .Image--floatLeft { float: left; margin-bottom: 1rem; margin-right: 1rem; } .Image--floatRight { float: right; margin-bottom: 1rem; margin-left: 1rem; } .u-block { display: block; } .u-hidden { display: none; } .u-hiddenVisually { border: none !important; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; overflow: hidden; padding: 0 !important; position: absolute !important; width: 1px !important; } .u-inline { display: inline; } .u-inlineBlock { display: inline-block; } .u-table { display: table; } .u-tableCell { display: table-cell; } .u-tableRow { display: table-row; } .u-responsiveImage { display: block; height: auto; max-width: 100%; } .u-clearfix::before, .u-clearfix::after { content: " "; display: table; } .u-clearfix::after { clear: both; } .u-srOnly { border: none; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .u-srSkip { height: 1px; left: -1000px; overflow: hidden; position: absolute; text-align: left; top: -1000px; width: 1px; } .u-srSkip:focus { height: auto; left: 3rem; overflow: visible; top: 5.5rem; width: auto; } .u-floatLeft { float: left !important; } .u-floatRight { float: right !important; } .u-overflowHidden { overflow: hidden; } .u-overflowAuto { overflow: auto; } .u-noTopPadding { padding-top: 0; } .u-noBottomPadding { padding-bottom: 0; } .u-mb0 { margin-bottom: 0rem !important; } .u-pb0 { padding-bottom: 0rem !important; } .u-mb5 { margin-bottom: 0.5rem !important; } .u-pb5 { padding-bottom: 0.5rem !important; } .u-mb10 { margin-bottom: 1rem !important; } .u-pb10 { padding-bottom: 1rem !important; } .u-mb15 { margin-bottom: 1.5rem !important; } .u-pb15 { padding-bottom: 1.5rem !important; } .u-mb25 { margin-bottom: 2.5rem !important; } .u-pb25 { padding-bottom: 2.5rem !important; } .u-mb30 { margin-bottom: 3rem !important; } .u-pb30 { padding-bottom: 3rem !important; } .u-mb45 { margin-bottom: 4.5rem !important; } .u-pb45 { padding-bottom: 4.5rem !important; } .u-mb60 { margin-bottom: 6rem !important; } .u-pb60 { padding-bottom: 6rem !important; } .u-ml0 { margin-left: 0rem !important; } .u-pl0 { padding-left: 0rem !important; } .u-ml5 { margin-left: 0.5rem !important; } .u-pl5 { padding-left: 0.5rem !important; } .u-ml10 { margin-left: 1rem !important; } .u-pl10 { padding-left: 1rem !important; } .u-ml15 { margin-left: 1.5rem !important; } .u-pl15 { padding-left: 1.5rem !important; } .u-ml25 { margin-left: 2.5rem !important; } .u-pl25 { padding-left: 2.5rem !important; } .u-ml30 { margin-left: 3rem !important; } .u-pl30 { padding-left: 3rem !important; } .u-ml45 { margin-left: 4.5rem !important; } .u-pl45 { padding-left: 4.5rem !important; } .u-ml60 { margin-left: 6rem !important; } .u-pl60 { padding-left: 6rem !important; } .u-mt0 { margin-top: 0rem !important; } .u-pt0 { padding-top: 0rem !important; } .u-mt5 { margin-top: 0.5rem !important; } .u-pt5 { padding-top: 0.5rem !important; } .u-mt10 { margin-top: 1rem !important; } .u-pt10 { padding-top: 1rem !important; } .u-mt15 { margin-top: 1.5rem !important; } .u-pt15 { padding-top: 1.5rem !important; } .u-mt25 { margin-top: 2.5rem !important; } .u-pt25 { padding-top: 2.5rem !important; } .u-mt30 { margin-top: 3rem !important; } .u-pt30 { padding-top: 3rem !important; } .u-mt45 { margin-top: 4.5rem !important; } .u-pt45 { padding-top: 4.5rem !important; } .u-mt60 { margin-top: 6rem !important; } .u-pt60 { padding-top: 6rem !important; } .u-mr0 { margin-right: 0rem !important; } .u-pr0 { padding-right: 0rem !important; } .u-mr5 { margin-right: 0.5rem !important; } .u-pr5 { padding-right: 0.5rem !important; } .u-mr10 { margin-right: 1rem !important; } .u-pr10 { padding-right: 1rem !important; } .u-mr15 { margin-right: 1.5rem !important; } .u-pr15 { padding-right: 1.5rem !important; } .u-mr25 { margin-right: 2.5rem !important; } .u-pr25 { padding-right: 2.5rem !important; } .u-mr30 { margin-right: 3rem !important; } .u-pr30 { padding-right: 3rem !important; } .u-mr45 { margin-right: 4.5rem !important; } .u-pr45 { padding-right: 4.5rem !important; } .u-mr60 { margin-right: 6rem !important; } .u-pr60 { padding-right: 6rem !important; } .u-xs-mb0 { margin-bottom: 0rem !important; } .u-xs-pb0 { padding-bottom: 0rem !important; } .u-xs-mb5 { margin-bottom: 0.5rem !important; } .u-xs-pb5 { padding-bottom: 0.5rem !important; } .u-xs-mb10 { margin-bottom: 1rem !important; } .u-xs-pb10 { padding-bottom: 1rem !important; } .u-xs-mb15 { margin-bottom: 1.5rem !important; } .u-xs-pb15 { padding-bottom: 1.5rem !important; } .u-xs-mb25 { margin-bottom: 2.5rem !important; } .u-xs-pb25 { padding-bottom: 2.5rem !important; } .u-xs-mb30 { margin-bottom: 3rem !important; } .u-xs-pb30 { padding-bottom: 3rem !important; } .u-xs-mb45 { margin-bottom: 4.5rem !important; } .u-xs-pb45 { padding-bottom: 4.5rem !important; } .u-xs-mb60 { margin-bottom: 6rem !important; } .u-xs-pb60 { padding-bottom: 6rem !important; } .u-xs-ml0 { margin-left: 0rem !important; } .u-xs-pl0 { padding-left: 0rem !important; } .u-xs-ml5 { margin-left: 0.5rem !important; } .u-xs-pl5 { padding-left: 0.5rem !important; } .u-xs-ml10 { margin-left: 1rem !important; } .u-xs-pl10 { padding-left: 1rem !important; } .u-xs-ml15 { margin-left: 1.5rem !important; } .u-xs-pl15 { padding-left: 1.5rem !important; } .u-xs-ml25 { margin-left: 2.5rem !important; } .u-xs-pl25 { padding-left: 2.5rem !important; } .u-xs-ml30 { margin-left: 3rem !important; } .u-xs-pl30 { padding-left: 3rem !important; } .u-xs-ml45 { margin-left: 4.5rem !important; } .u-xs-pl45 { padding-left: 4.5rem !important; } .u-xs-ml60 { margin-left: 6rem !important; } .u-xs-pl60 { padding-left: 6rem !important; } .u-xs-mt0 { margin-top: 0rem !important; } .u-xs-pt0 { padding-top: 0rem !important; } .u-xs-mt5 { margin-top: 0.5rem !important; } .u-xs-pt5 { padding-top: 0.5rem !important; } .u-xs-mt10 { margin-top: 1rem !important; } .u-xs-pt10 { padding-top: 1rem !important; } .u-xs-mt15 { margin-top: 1.5rem !important; } .u-xs-pt15 { padding-top: 1.5rem !important; } .u-xs-mt25 { margin-top: 2.5rem !important; } .u-xs-pt25 { padding-top: 2.5rem !important; } .u-xs-mt30 { margin-top: 3rem !important; } .u-xs-pt30 { padding-top: 3rem !important; } .u-xs-mt45 { margin-top: 4.5rem !important; } .u-xs-pt45 { padding-top: 4.5rem !important; } .u-xs-mt60 { margin-top: 6rem !important; } .u-xs-pt60 { padding-top: 6rem !important; } .u-xs-mr0 { margin-right: 0rem !important; } .u-xs-pr0 { padding-right: 0rem !important; } .u-xs-mr5 { margin-right: 0.5rem !important; } .u-xs-pr5 { padding-right: 0.5rem !important; } .u-xs-mr10 { margin-right: 1rem !important; } .u-xs-pr10 { padding-right: 1rem !important; } .u-xs-mr15 { margin-right: 1.5rem !important; } .u-xs-pr15 { padding-right: 1.5rem !important; } .u-xs-mr25 { margin-right: 2.5rem !important; } .u-xs-pr25 { padding-right: 2.5rem !important; } .u-xs-mr30 { margin-right: 3rem !important; } .u-xs-pr30 { padding-right: 3rem !important; } .u-xs-mr45 { margin-right: 4.5rem !important; } .u-xs-pr45 { padding-right: 4.5rem !important; } .u-xs-mr60 { margin-right: 6rem !important; } .u-xs-pr60 { padding-right: 6rem !important; } @media (min-width: 48em) { .u-sm-mb0 { margin-bottom: 0rem !important; } .u-sm-pb0 { padding-bottom: 0rem !important; } .u-sm-mb5 { margin-bottom: 0.5rem !important; } .u-sm-pb5 { padding-bottom: 0.5rem !important; } .u-sm-mb10 { margin-bottom: 1rem !important; } .u-sm-pb10 { padding-bottom: 1rem !important; } .u-sm-mb15 { margin-bottom: 1.5rem !important; } .u-sm-pb15 { padding-bottom: 1.5rem !important; } .u-sm-mb25 { margin-bottom: 2.5rem !important; } .u-sm-pb25 { padding-bottom: 2.5rem !important; } .u-sm-mb30 { margin-bottom: 3rem !important; } .u-sm-pb30 { padding-bottom: 3rem !important; } .u-sm-mb45 { margin-bottom: 4.5rem !important; } .u-sm-pb45 { padding-bottom: 4.5rem !important; } .u-sm-mb60 { margin-bottom: 6rem !important; } .u-sm-pb60 { padding-bottom: 6rem !important; } .u-sm-ml0 { margin-left: 0rem !important; } .u-sm-pl0 { padding-left: 0rem !important; } .u-sm-ml5 { margin-left: 0.5rem !important; } .u-sm-pl5 { padding-left: 0.5rem !important; } .u-sm-ml10 { margin-left: 1rem !important; } .u-sm-pl10 { padding-left: 1rem !important; } .u-sm-ml15 { margin-left: 1.5rem !important; } .u-sm-pl15 { padding-left: 1.5rem !important; } .u-sm-ml25 { margin-left: 2.5rem !important; } .u-sm-pl25 { padding-left: 2.5rem !important; } .u-sm-ml30 { margin-left: 3rem !important; } .u-sm-pl30 { padding-left: 3rem !important; } .u-sm-ml45 { margin-left: 4.5rem !important; } .u-sm-pl45 { padding-left: 4.5rem !important; } .u-sm-ml60 { margin-left: 6rem !important; } .u-sm-pl60 { padding-left: 6rem !important; } .u-sm-mt0 { margin-top: 0rem !important; } .u-sm-pt0 { padding-top: 0rem !important; } .u-sm-mt5 { margin-top: 0.5rem !important; } .u-sm-pt5 { padding-top: 0.5rem !important; } .u-sm-mt10 { margin-top: 1rem !important; } .u-sm-pt10 { padding-top: 1rem !important; } .u-sm-mt15 { margin-top: 1.5rem !important; } .u-sm-pt15 { padding-top: 1.5rem !important; } .u-sm-mt25 { margin-top: 2.5rem !important; } .u-sm-pt25 { padding-top: 2.5rem !important; } .u-sm-mt30 { margin-top: 3rem !important; } .u-sm-pt30 { padding-top: 3rem !important; } .u-sm-mt45 { margin-top: 4.5rem !important; } .u-sm-pt45 { padding-top: 4.5rem !important; } .u-sm-mt60 { margin-top: 6rem !important; } .u-sm-pt60 { padding-top: 6rem !important; } .u-sm-mr0 { margin-right: 0rem !important; } .u-sm-pr0 { padding-right: 0rem !important; } .u-sm-mr5 { margin-right: 0.5rem !important; } .u-sm-pr5 { padding-right: 0.5rem !important; } .u-sm-mr10 { margin-right: 1rem !important; } .u-sm-pr10 { padding-right: 1rem !important; } .u-sm-mr15 { margin-right: 1.5rem !important; } .u-sm-pr15 { padding-right: 1.5rem !important; } .u-sm-mr25 { margin-right: 2.5rem !important; } .u-sm-pr25 { padding-right: 2.5rem !important; } .u-sm-mr30 { margin-right: 3rem !important; } .u-sm-pr30 { padding-right: 3rem !important; } .u-sm-mr45 { margin-right: 4.5rem !important; } .u-sm-pr45 { padding-right: 4.5rem !important; } .u-sm-mr60 { margin-right: 6rem !important; } .u-sm-pr60 { padding-right: 6rem !important; } } @media (min-width: 62em) { .u-md-mb0 { margin-bottom: 0rem !important; } .u-md-pb0 { padding-bottom: 0rem !important; } .u-md-mb5 { margin-bottom: 0.5rem !important; } .u-md-pb5 { padding-bottom: 0.5rem !important; } .u-md-mb10 { margin-bottom: 1rem !important; } .u-md-pb10 { padding-bottom: 1rem !important; } .u-md-mb15 { margin-bottom: 1.5rem !important; } .u-md-pb15 { padding-bottom: 1.5rem !important; } .u-md-mb25 { margin-bottom: 2.5rem !important; } .u-md-pb25 { padding-bottom: 2.5rem !important; } .u-md-mb30 { margin-bottom: 3rem !important; } .u-md-pb30 { padding-bottom: 3rem !important; } .u-md-mb45 { margin-bottom: 4.5rem !important; } .u-md-pb45 { padding-bottom: 4.5rem !important; } .u-md-mb60 { margin-bottom: 6rem !important; } .u-md-pb60 { padding-bottom: 6rem !important; } .u-md-ml0 { margin-left: 0rem !important; } .u-md-pl0 { padding-left: 0rem !important; } .u-md-ml5 { margin-left: 0.5rem !important; } .u-md-pl5 { padding-left: 0.5rem !important; } .u-md-ml10 { margin-left: 1rem !important; } .u-md-pl10 { padding-left: 1rem !important; } .u-md-ml15 { margin-left: 1.5rem !important; } .u-md-pl15 { padding-left: 1.5rem !important; } .u-md-ml25 { margin-left: 2.5rem !important; } .u-md-pl25 { padding-left: 2.5rem !important; } .u-md-ml30 { margin-left: 3rem !important; } .u-md-pl30 { padding-left: 3rem !important; } .u-md-ml45 { margin-left: 4.5rem !important; } .u-md-pl45 { padding-left: 4.5rem !important; } .u-md-ml60 { margin-left: 6rem !important; } .u-md-pl60 { padding-left: 6rem !important; } .u-md-mt0 { margin-top: 0rem !important; } .u-md-pt0 { padding-top: 0rem !important; } .u-md-mt5 { margin-top: 0.5rem !important; } .u-md-pt5 { padding-top: 0.5rem !important; } .u-md-mt10 { margin-top: 1rem !important; } .u-md-pt10 { padding-top: 1rem !important; } .u-md-mt15 { margin-top: 1.5rem !important; } .u-md-pt15 { padding-top: 1.5rem !important; } .u-md-mt25 { margin-top: 2.5rem !important; } .u-md-pt25 { padding-top: 2.5rem !important; } .u-md-mt30 { margin-top: 3rem !important; } .u-md-pt30 { padding-top: 3rem !important; } .u-md-mt45 { margin-top: 4.5rem !important; } .u-md-pt45 { padding-top: 4.5rem !important; } .u-md-mt60 { margin-top: 6rem !important; } .u-md-pt60 { padding-top: 6rem !important; } .u-md-mr0 { margin-right: 0rem !important; } .u-md-pr0 { padding-right: 0rem !important; } .u-md-mr5 { margin-right: 0.5rem !important; } .u-md-pr5 { padding-right: 0.5rem !important; } .u-md-mr10 { margin-right: 1rem !important; } .u-md-pr10 { padding-right: 1rem !important; } .u-md-mr15 { margin-right: 1.5rem !important; } .u-md-pr15 { padding-right: 1.5rem !important; } .u-md-mr25 { margin-right: 2.5rem !important; } .u-md-pr25 { padding-right: 2.5rem !important; } .u-md-mr30 { margin-right: 3rem !important; } .u-md-pr30 { padding-right: 3rem !important; } .u-md-mr45 { margin-right: 4.5rem !important; } .u-md-pr45 { padding-right: 4.5rem !important; } .u-md-mr60 { margin-right: 6rem !important; } .u-md-pr60 { padding-right: 6rem !important; } } @media (min-width: 75em) { .u-lg-mb0 { margin-bottom: 0rem !important; } .u-lg-pb0 { padding-bottom: 0rem !important; } .u-lg-mb5 { margin-bottom: 0.5rem !important; } .u-lg-pb5 { padding-bottom: 0.5rem !important; } .u-lg-mb10 { margin-bottom: 1rem !important; } .u-lg-pb10 { padding-bottom: 1rem !important; } .u-lg-mb15 { margin-bottom: 1.5rem !important; } .u-lg-pb15 { padding-bottom: 1.5rem !important; } .u-lg-mb25 { margin-bottom: 2.5rem !important; } .u-lg-pb25 { padding-bottom: 2.5rem !important; } .u-lg-mb30 { margin-bottom: 3rem !important; } .u-lg-pb30 { padding-bottom: 3rem !important; } .u-lg-mb45 { margin-bottom: 4.5rem !important; } .u-lg-pb45 { padding-bottom: 4.5rem !important; } .u-lg-mb60 { margin-bottom: 6rem !important; } .u-lg-pb60 { padding-bottom: 6rem !important; } .u-lg-ml0 { margin-left: 0rem !important; } .u-lg-pl0 { padding-left: 0rem !important; } .u-lg-ml5 { margin-left: 0.5rem !important; } .u-lg-pl5 { padding-left: 0.5rem !important; } .u-lg-ml10 { margin-left: 1rem !important; } .u-lg-pl10 { padding-left: 1rem !important; } .u-lg-ml15 { margin-left: 1.5rem !important; } .u-lg-pl15 { padding-left: 1.5rem !important; } .u-lg-ml25 { margin-left: 2.5rem !important; } .u-lg-pl25 { padding-left: 2.5rem !important; } .u-lg-ml30 { margin-left: 3rem !important; } .u-lg-pl30 { padding-left: 3rem !important; } .u-lg-ml45 { margin-left: 4.5rem !important; } .u-lg-pl45 { padding-left: 4.5rem !important; } .u-lg-ml60 { margin-left: 6rem !important; } .u-lg-pl60 { padding-left: 6rem !important; } .u-lg-mt0 { margin-top: 0rem !important; } .u-lg-pt0 { padding-top: 0rem !important; } .u-lg-mt5 { margin-top: 0.5rem !important; } .u-lg-pt5 { padding-top: 0.5rem !important; } .u-lg-mt10 { margin-top: 1rem !important; } .u-lg-pt10 { padding-top: 1rem !important; } .u-lg-mt15 { margin-top: 1.5rem !important; } .u-lg-pt15 { padding-top: 1.5rem !important; } .u-lg-mt25 { margin-top: 2.5rem !important; } .u-lg-pt25 { padding-top: 2.5rem !important; } .u-lg-mt30 { margin-top: 3rem !important; } .u-lg-pt30 { padding-top: 3rem !important; } .u-lg-mt45 { margin-top: 4.5rem !important; } .u-lg-pt45 { padding-top: 4.5rem !important; } .u-lg-mt60 { margin-top: 6rem !important; } .u-lg-pt60 { padding-top: 6rem !important; } .u-lg-mr0 { margin-right: 0rem !important; } .u-lg-pr0 { padding-right: 0rem !important; } .u-lg-mr5 { margin-right: 0.5rem !important; } .u-lg-pr5 { padding-right: 0.5rem !important; } .u-lg-mr10 { margin-right: 1rem !important; } .u-lg-pr10 { padding-right: 1rem !important; } .u-lg-mr15 { margin-right: 1.5rem !important; } .u-lg-pr15 { padding-right: 1.5rem !important; } .u-lg-mr25 { margin-right: 2.5rem !important; } .u-lg-pr25 { padding-right: 2.5rem !important; } .u-lg-mr30 { margin-right: 3rem !important; } .u-lg-pr30 { padding-right: 3rem !important; } .u-lg-mr45 { margin-right: 4.5rem !important; } .u-lg-pr45 { padding-right: 4.5rem !important; } .u-lg-mr60 { margin-right: 6rem !important; } .u-lg-pr60 { padding-right: 6rem !important; } } .u-textTruncate { max-width: 100%; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; word-wrap: normal !important; } .u-textCenter { text-align: center !important; } @media (max-width: 47.99em) { .u-xs-textCenter { text-align: center; } } .u-textLeft { text-align: left !important; } .u-textRight { text-align: right !important; } @media (min-width: 35.9375em) { .u-xs-textCenter { text-align: center !important; } } @media (min-width: 35.9375em) { .u-xs-textLeft { text-align: left !important; } } @media (min-width: 35.9375em) { .u-xs-textRight { text-align: right !important; } } @media (min-width: 48em) { .u-sm-textCenter { text-align: center !important; } } @media (min-width: 48em) { .u-sm-textLeft { text-align: left !important; } } @media (min-width: 48em) { .u-sm-textRight { text-align: right !important; } } @media (min-width: 62em) { .u-md-textCenter { text-align: center !important; } } @media (min-width: 62em) { .u-md-textLeft { text-align: left !important; } } @media (min-width: 62em) { .u-md-textRight { text-align: right !important; } } @media (min-width: 75em) { .u-lg-textCenter { text-align: center !important; } } @media (min-width: 75em) { .u-lg-textLeft { text-align: left !important; } } @media (min-width: 75em) { .u-lg-textRight { text-align: right !important; } } @media (min-width: 90.0625em) { .u-xl-textCenter { text-align: center !important; } } @media (min-width: 90.0625em) { .u-xl-textLeft { text-align: left !important; } } @media (min-width: 90.0625em) { .u-xl-textRight { text-align: right !important; } } .u-textSmall { font-size: 1.4rem; line-height: 1.4; } .u-textSmaller { font-size: 1.2rem; line-height: 1.4; } .u-textTiny { font-size: 1rem; line-height: 1.3; } .u-textLarge { font-size: 1.2rem; line-height: 1.6; } .u-textWhite { color: #FFFFFF; } .u-textMuted { color: #62605E; } @media (min-width: 35.9375em) { .u-xs-textWhite { color: #FFFFFF; } } @media (min-width: 35.9375em) { .u-xs-textMuted { color: #62605E; } } @media (min-width: 48em) { .u-sm-textWhite { color: #FFFFFF; } } @media (min-width: 48em) { .u-sm-textMuted { color: #62605E; } } @media (min-width: 62em) { .u-md-textWhite { color: #FFFFFF; } } @media (min-width: 62em) { .u-md-textMuted { color: #62605E; } } @media (min-width: 75em) { .u-lg-textWhite { color: #FFFFFF; } } @media (min-width: 75em) { .u-lg-textMuted { color: #62605E; } } @media (min-width: 90.0625em) { .u-xl-textWhite { color: #FFFFFF; } } @media (min-width: 90.0625em) { .u-xl-textMuted { color: #62605E; } } .u-textUnderline { text-decoration: underline; } .u-linkBlue { color: #3232E1; text-decoration: underline; } .u-linkBlue:focus, .u-linkBlue:hover { color: #1E90FF; } .u-linkBlue:active { color: #3232E1; } .Bulma-component a.u-linkBlue { color: #3232E1; text-decoration: underline; } .Bulma-component a.u-linkBlue:focus, .Bulma-component a.u-linkBlue:hover { color: #1E90FF; } .Bulma-component a.u-linkBlue:active { color: #3232E1; } .u-linkBlack { color: #333333; text-decoration: underline; } .u-linkBlack:focus, .u-linkBlack:hover { color: #62605E; } .u-linkBlack:active { color: #333333; } .u-linkWhite { color: #FFFFFF; text-decoration: underline; } .u-linkWhite:focus, .u-linkWhite:hover { color: #F7F3F1; } .u-linkWhite:active { color: #FFFFFF; } .u-linkDisabled { color: #A8A29F; pointer-events: none; } @media (min-width: 35.9375em) { .u-xs-textUnderline { text-decoration: underline; } } @media (min-width: 35.9375em) { .u-xs-linkBlue { color: #3232E1; text-decoration: underline; } .u-xs-linkBlue:focus, .u-xs-linkBlue:hover { color: #1E90FF; } .u-xs-linkBlue:active { color: #3232E1; } } @media (min-width: 35.9375em) { .u-xs-linkBlack { color: #333333; text-decoration: underline; } .u-xs-linkBlack:focus, .u-xs-linkBlack:hover { color: #62605E; } .u-xs-linkBlack:active { color: #333333; } } @media (min-width: 35.9375em) { .u-xs-linkWhite { color: #FFFFFF; text-decoration: underline; } .u-xs-linkWhite:focus, .u-xs-linkWhite:hover { color: #F7F3F1; } .u-xs-linkWhite:active { color: #FFFFFF; } } @media (min-width: 35.9375em) { .u-xs-linkDisabled { color: #A8A29F; pointer-events: none; } } @media (min-width: 48em) { .u-sm-textUnderline { text-decoration: underline; } } @media (min-width: 48em) { .u-sm-linkBlue { color: #3232E1; text-decoration: underline; } .u-sm-linkBlue:focus, .u-sm-linkBlue:hover { color: #1E90FF; } .u-sm-linkBlue:active { color: #3232E1; } } @media (min-width: 48em) { .u-sm-linkBlack { color: #333333; text-decoration: underline; } .u-sm-linkBlack:focus, .u-sm-linkBlack:hover { color: #62605E; } .u-sm-linkBlack:active { color: #333333; } } @media (min-width: 48em) { .u-sm-linkWhite { color: #FFFFFF; text-decoration: underline; } .u-sm-linkWhite:focus, .u-sm-linkWhite:hover { color: #F7F3F1; } .u-sm-linkWhite:active { color: #FFFFFF; } } @media (min-width: 48em) { .u-sm-linkDisabled { color: #A8A29F; pointer-events: none; } } @media (min-width: 62em) { .u-md-textUnderline { text-decoration: underline; } } @media (min-width: 62em) { .u-md-linkBlue { color: #3232E1; text-decoration: underline; } .u-md-linkBlue:focus, .u-md-linkBlue:hover { color: #1E90FF; } .u-md-linkBlue:active { color: #3232E1; } } @media (min-width: 62em) { .u-md-linkBlack { color: #333333; text-decoration: underline; } .u-md-linkBlack:focus, .u-md-linkBlack:hover { color: #62605E; } .u-md-linkBlack:active { color: #333333; } } @media (min-width: 62em) { .u-md-linkWhite { color: #FFFFFF; text-decoration: underline; } .u-md-linkWhite:focus, .u-md-linkWhite:hover { color: #F7F3F1; } .u-md-linkWhite:active { color: #FFFFFF; } } @media (min-width: 62em) { .u-md-linkDisabled { color: #A8A29F; pointer-events: none; } } @media (min-width: 75em) { .u-lg-textUnderline { text-decoration: underline; } } @media (min-width: 75em) { .u-lg-linkBlue { color: #3232E1; text-decoration: underline; } .u-lg-linkBlue:focus, .u-lg-linkBlue:hover { color: #1E90FF; } .u-lg-linkBlue:active { color: #3232E1; } } @media (min-width: 75em) { .u-lg-linkBlack { color: #333333; text-decoration: underline; } .u-lg-linkBlack:focus, .u-lg-linkBlack:hover { color: #62605E; } .u-lg-linkBlack:active { color: #333333; } } @media (min-width: 75em) { .u-lg-linkWhite { color: #FFFFFF; text-decoration: underline; } .u-lg-linkWhite:focus, .u-lg-linkWhite:hover { color: #F7F3F1; } .u-lg-linkWhite:active { color: #FFFFFF; } } @media (min-width: 75em) { .u-lg-linkDisabled { color: #A8A29F; pointer-events: none; } } @media (min-width: 90.0625em) { .u-xl-textUnderline { text-decoration: underline; } } @media (min-width: 90.0625em) { .u-xl-linkBlue { color: #3232E1; text-decoration: underline; } .u-xl-linkBlue:focus, .u-xl-linkBlue:hover { color: #1E90FF; } .u-xl-linkBlue:active { color: #3232E1; } } @media (min-width: 90.0625em) { .u-xl-linkBlack { color: #333333; text-decoration: underline; } .u-xl-linkBlack:focus, .u-xl-linkBlack:hover { color: #62605E; } .u-xl-linkBlack:active { color: #333333; } } @media (min-width: 90.0625em) { .u-xl-linkWhite { color: #FFFFFF; text-decoration: underline; } .u-xl-linkWhite:focus, .u-xl-linkWhite:hover { color: #F7F3F1; } .u-xl-linkWhite:active { color: #FFFFFF; } } @media (min-width: 90.0625em) { .u-xl-linkDisabled { color: #A8A29F; pointer-events: none; } } .t-headline { color: #333333; font-family: "Montserrat", sans-serif; font-weight: 300; margin: 0; padding: 0; } .t-headline--1 { font-size: 3rem; } @media (min-width: 62em) { .t-headline--1 { font-size: 3.6rem; } } .t-headline--2 { font-size: 2.65rem; } @media (min-width: 62em) { .t-headline--2 { font-size: 3rem; } } .t-headline--3 { font-size: 2.4rem; } @media (min-width: 62em) { .t-headline--3 { font-size: 2.65rem; } } .t-headline--4 { font-size: 2.2rem; } @media (min-width: 62em) { .t-headline--4 { font-size: 2.4rem; } } .t-headline--5 { font-size: 2rem; } @media (min-width: 62em) { .t-headline--5 { font-size: 2.2rem; } } .t-headline--6 { font-size: 1.6rem; } @media (min-width: 62em) { .t-headline--6 { font-size: 2rem; } } .t-body { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.4; } .t-bold { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.4; font-weight: 500; } .t-small { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 300; line-height: 1.2; } .t-large { color: #333333; font-family: "Montserrat", sans-serif; font-size: 2rem; font-weight: 300; line-height: 1.4; } .t-meta { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.4; color: #62605E; } .t-quote { color: #333333; font-family: "Montserrat", sans-serif; font-size: 2.4rem; font-weight: 300; line-height: 1.4; color: #EA5A0B; } .t-code { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.4; font-family: Courier, monospace; } @media (max-width: 47.99em) { .u-xsHidden { display: none !important; } } @media (min-width: 48em) and (max-width: 61.99em) { .u-smHidden { display: none !important; } } @media (min-width: 62em) and (max-width: 74.99em) { .u-mdHidden { display: none !important; } } @media (min-width: 75em) { .u-lgHidden { display: none !important; } } /* Bulma Utilities */ .Bulma-component .pagination-previous, .Bulma-component .pagination-next, .Bulma-component .pagination-link, .Bulma-component .pagination-ellipsis, .Bulma-component .file-cta, .Bulma-component .file-name, .Bulma-component .select select, .Bulma-component .taginput .taginput-container.is-focusable, .Bulma-component .textarea, .Bulma-component .input, .Bulma-component .button { -moz-appearance: none; -webkit-appearance: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.5em; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.5em - 1px); padding-left: calc(0.75em - 1px); padding-right: calc(0.75em - 1px); padding-top: calc(0.5em - 1px); position: relative; vertical-align: top; } .Bulma-component .pagination-previous:focus, .Bulma-component .pagination-next:focus, .Bulma-component .pagination-link:focus, .Bulma-component .pagination-ellipsis:focus, .Bulma-component .file-cta:focus, .Bulma-component .file-name:focus, .Bulma-component .select select:focus, .Bulma-component .taginput .taginput-container.is-focusable:focus, .Bulma-component .textarea:focus, .Bulma-component .input:focus, .Bulma-component .button:focus, .Bulma-component .is-focused.pagination-previous, .Bulma-component .is-focused.pagination-next, .Bulma-component .is-focused.pagination-link, .Bulma-component .is-focused.pagination-ellipsis, .Bulma-component .is-focused.file-cta, .Bulma-component .is-focused.file-name, .Bulma-component .select select.is-focused, .Bulma-component .taginput .is-focused.taginput-container.is-focusable, .Bulma-component .is-focused.textarea, .Bulma-component .is-focused.input, .Bulma-component .is-focused.button, .Bulma-component .pagination-previous:active, .Bulma-component .pagination-next:active, .Bulma-component .pagination-link:active, .Bulma-component .pagination-ellipsis:active, .Bulma-component .file-cta:active, .Bulma-component .file-name:active, .Bulma-component .select select:active, .Bulma-component .taginput .taginput-container.is-focusable:active, .Bulma-component .textarea:active, .Bulma-component .input:active, .Bulma-component .button:active, .Bulma-component .is-active.pagination-previous, .Bulma-component .is-active.pagination-next, .Bulma-component .is-active.pagination-link, .Bulma-component .is-active.pagination-ellipsis, .Bulma-component .is-active.file-cta, .Bulma-component .is-active.file-name, .Bulma-component .select select.is-active, .Bulma-component .taginput .is-active.taginput-container.is-focusable, .Bulma-component .is-active.textarea, .Bulma-component .is-active.input, .Bulma-component .is-active.button { outline: none; } .Bulma-component [disabled].pagination-previous, .Bulma-component [disabled].pagination-next, .Bulma-component [disabled].pagination-link, .Bulma-component [disabled].pagination-ellipsis, .Bulma-component [disabled].file-cta, .Bulma-component [disabled].file-name, .Bulma-component .select select[disabled], .Bulma-component .taginput [disabled].taginput-container.is-focusable, .Bulma-component [disabled].textarea, .Bulma-component [disabled].input, .Bulma-component [disabled].button, fieldset[disabled] .Bulma-component .pagination-previous, .Bulma-component fieldset[disabled] .pagination-previous, fieldset[disabled] .Bulma-component .pagination-next, .Bulma-component fieldset[disabled] .pagination-next, fieldset[disabled] .Bulma-component .pagination-link, .Bulma-component fieldset[disabled] .pagination-link, fieldset[disabled] .Bulma-component .pagination-ellipsis, .Bulma-component fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .Bulma-component .file-cta, .Bulma-component fieldset[disabled] .file-cta, fieldset[disabled] .Bulma-component .file-name, .Bulma-component fieldset[disabled] .file-name, fieldset[disabled] .Bulma-component .select select, fieldset[disabled] .Bulma-component .taginput .taginput-container.is-focusable, fieldset[disabled] .Bulma-component .textarea, fieldset[disabled] .Bulma-component .input, .Bulma-component fieldset[disabled] .select select, .Bulma-component .select fieldset[disabled] select, .Bulma-component fieldset[disabled] .taginput .taginput-container.is-focusable, .Bulma-component .taginput fieldset[disabled] .taginput-container.is-focusable, .Bulma-component fieldset[disabled] .textarea, .Bulma-component fieldset[disabled] .input, fieldset[disabled] .Bulma-component .button, .Bulma-component fieldset[disabled] .button { cursor: not-allowed; } .Bulma-component .switch, .Bulma-component .b-radio.radio, .Bulma-component .b-checkbox.checkbox, .Bulma-component .carousel-list, .Bulma-component .carousel, .Bulma-component .is-unselectable, .Bulma-component .tabs, .Bulma-component .pagination-previous, .Bulma-component .pagination-next, .Bulma-component .pagination-link, .Bulma-component .pagination-ellipsis, .Bulma-component .breadcrumb, .Bulma-component .file, .Bulma-component .button, .is-unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .Bulma-component .navbar-link:not(.is-arrowless)::after, .Bulma-component .select:not(.is-multiple):not(.is-loading)::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; content: " "; display: block; height: 0.625em; margin-top: -0.4375em; pointer-events: none; position: absolute; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center; transform-origin: center; width: 0.625em; } .Bulma-component .tabs:not(:last-child), .Bulma-component .pagination:not(:last-child), .Bulma-component .message:not(:last-child), .Bulma-component .level:not(:last-child), .Bulma-component .breadcrumb:not(:last-child), .Bulma-component .block:not(:last-child), .Bulma-component .title:not(:last-child), .Bulma-component .subtitle:not(:last-child), .Bulma-component .table-container:not(:last-child), .Bulma-component .table:not(:last-child), .Bulma-component .progress:not(:last-child), .Bulma-component .progress-wrapper.is-not-native:not(:last-child), .Bulma-component .notification:not(:last-child), .Bulma-component .content:not(:last-child), .Bulma-component .box:not(:last-child) { margin-bottom: 1.5rem; } .Bulma-component .modal-close, .Bulma-component .delete { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-appearance: none; -webkit-appearance: none; background-color: rgba(0, 0, 0, 0.2); border: none; border-radius: 9999px; cursor: pointer; pointer-events: auto; display: inline-block; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: none; position: relative; vertical-align: top; width: 20px; } .Bulma-component .modal-close::before, .Bulma-component .delete::before, .Bulma-component .modal-close::after, .Bulma-component .delete::after { background-color: #FFFFFF; content: ""; display: block; left: 50%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } .Bulma-component .modal-close::before, .Bulma-component .delete::before { height: 2px; width: 50%; } .Bulma-component .modal-close::after, .Bulma-component .delete::after { height: 50%; width: 2px; } .Bulma-component .modal-close:hover, .Bulma-component .delete:hover, .Bulma-component .modal-close:focus, .Bulma-component .delete:focus { background-color: rgba(0, 0, 0, 0.3); } .Bulma-component .modal-close:active, .Bulma-component .delete:active { background-color: rgba(0, 0, 0, 0.4); } .Bulma-component .is-small.modal-close, .Bulma-component .is-small.delete { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } .Bulma-component .is-medium.modal-close, .Bulma-component .is-medium.delete { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } .Bulma-component .is-large.modal-close, .Bulma-component .is-large.delete { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } .Bulma-component .control.is-loading::after, .Bulma-component .select.is-loading::after, .Bulma-component .loader, .Bulma-component .button.is-loading::after { -webkit-animation: spinAround 500ms infinite linear; animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 9999px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; } .Bulma-component .b-image-wrapper > img.has-ratio, .Bulma-component .b-image-wrapper > img.placeholder, .Bulma-component .hero-video, .Bulma-component .is-overlay, .Bulma-component .modal-background, .Bulma-component .modal, .Bulma-component .image.is-square img, .Bulma-component .image.is-square .has-ratio, .Bulma-component .image.is-1by1 img, .Bulma-component .image.is-1by1 .has-ratio, .Bulma-component .image.is-5by4 img, .Bulma-component .image.is-5by4 .has-ratio, .Bulma-component .image.is-4by3 img, .Bulma-component .image.is-4by3 .has-ratio, .Bulma-component .image.is-3by2 img, .Bulma-component .image.is-3by2 .has-ratio, .Bulma-component .image.is-5by3 img, .Bulma-component .image.is-5by3 .has-ratio, .Bulma-component .image.is-16by9 img, .Bulma-component .image.is-16by9 .has-ratio, .Bulma-component .image.is-2by1 img, .Bulma-component .image.is-2by1 .has-ratio, .Bulma-component .image.is-3by1 img, .Bulma-component .image.is-3by1 .has-ratio, .Bulma-component .image.is-4by5 img, .Bulma-component .image.is-4by5 .has-ratio, .Bulma-component .image.is-3by4 img, .Bulma-component .image.is-3by4 .has-ratio, .Bulma-component .image.is-2by3 img, .Bulma-component .image.is-2by3 .has-ratio, .Bulma-component .image.is-3by5 img, .Bulma-component .image.is-3by5 .has-ratio, .Bulma-component .image.is-9by16 img, .Bulma-component .image.is-9by16 .has-ratio, .Bulma-component .image.is-1by2 img, .Bulma-component .image.is-1by2 .has-ratio, .Bulma-component .image.is-1by3 img, .Bulma-component .image.is-1by3 .has-ratio, .is-overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .Bulma-component .navbar-burger { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none; color: currentColor; font-family: inherit; font-size: 1em; margin: 0; padding: 0; } /* Bulma Helpers */ .has-text-white { color: #FFFFFF !important; } a.has-text-white:hover, a.has-text-white:focus { color: #e6e6e6 !important; } .has-background-white { background-color: #FFFFFF !important; } .has-text-black { color: #000000 !important; } a.has-text-black:hover, a.has-text-black:focus { color: black !important; } .has-background-black { background-color: #000000 !important; } .has-text-light { color: whitesmoke !important; } a.has-text-light:hover, a.has-text-light:focus { color: #dbdbdb !important; } .has-background-light { background-color: whitesmoke !important; } .has-text-dark { color: #363636 !important; } a.has-text-dark:hover, a.has-text-dark:focus { color: #1c1c1c !important; } .has-background-dark { background-color: #363636 !important; } .has-text-primary { color: #1064f4 !important; } a.has-text-primary:hover, a.has-text-primary:focus { color: #094fc8 !important; } .has-background-primary { background-color: #1064f4 !important; } .has-text-primary-light { color: #b7d0fc !important; } a.has-text-primary-light:hover, a.has-text-primary-light:focus { color: #86b0fa !important; } .has-background-primary-light { background-color: #b7d0fc !important; } .has-text-primary-dark { color: #0b45ab !important; } a.has-text-primary-dark:hover, a.has-text-primary-dark:focus { color: #0e58db !important; } .has-background-primary-dark { background-color: #0b45ab !important; } .has-text-link { color: #1064f4 !important; } a.has-text-link:hover, a.has-text-link:focus { color: #094fc8 !important; } .has-background-link { background-color: #1064f4 !important; } .has-text-link-light { color: #ebf2fe !important; } a.has-text-link-light:hover, a.has-text-link-light:focus { color: #bbd3fc !important; } .has-background-link-light { background-color: #ebf2fe !important; } .has-text-link-dark { color: #0b5be5 !important; } a.has-text-link-dark:hover, a.has-text-link-dark:focus { color: #2d77f5 !important; } .has-background-link-dark { background-color: #0b5be5 !important; } .has-text-info { color: #24c9fd !important; } a.has-text-info:hover, a.has-text-info:focus { color: #02b4ec !important; } .has-background-info { background-color: #24c9fd !important; } .has-text-info-light { color: #edfbff !important; } a.has-text-info-light:hover, a.has-text-info-light:focus { color: #baf0ff !important; } .has-background-info-light { background-color: #edfbff !important; } .has-text-info-dark { color: #167998 !important; } a.has-text-info-dark:hover, a.has-text-info-dark:focus { color: #1c9cc5 !important; } .has-background-info-dark { background-color: #167998 !important; } .has-text-success { color: #027d3f !important; } a.has-text-success:hover, a.has-text-success:focus { color: #014b26 !important; } .has-background-success { background-color: #027d3f !important; } .has-text-success-light { color: #ebf5f0 !important; } a.has-text-success-light:hover, a.has-text-success-light:focus { color: #c9e4d7 !important; } .has-background-success-light { background-color: #ebf5f0 !important; } .has-text-success-dark { color: #01582c !important; } a.has-text-success-dark:hover, a.has-text-success-dark:focus { color: #028a45 !important; } .has-background-success-dark { background-color: #01582c !important; } .has-text-warning { color: #ffbf00 !important; } a.has-text-warning:hover, a.has-text-warning:focus { color: #cc9900 !important; } .has-background-warning { background-color: #ffbf00 !important; } .has-text-warning-light { color: #fffaeb !important; } a.has-text-warning-light:hover, a.has-text-warning-light:focus { color: #ffedb8 !important; } .has-background-warning-light { background-color: #fffaeb !important; } .has-text-warning-dark { color: #806000 !important; } a.has-text-warning-dark:hover, a.has-text-warning-dark:focus { color: #b38600 !important; } .has-background-warning-dark { background-color: #806000 !important; } .has-text-danger { color: #ba1b1b !important; } a.has-text-danger:hover, a.has-text-danger:focus { color: #8d1515 !important; } .has-background-danger { background-color: #ba1b1b !important; } .has-text-danger-light { color: #eabbbb !important; } a.has-text-danger-light:hover, a.has-text-danger-light:focus { color: #de9494 !important; } .has-background-danger-light { background-color: #eabbbb !important; } .has-text-danger-dark { color: #951616 !important; } a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { color: #c11d1d !important; } .has-background-danger-dark { background-color: #951616 !important; } .has-text-brand { color: #1064f4 !important; } a.has-text-brand:hover, a.has-text-brand:focus { color: #094fc8 !important; } .has-background-brand { background-color: #1064f4 !important; } .has-text-brand-light { color: #ebf2fe !important; } a.has-text-brand-light:hover, a.has-text-brand-light:focus { color: #bbd3fc !important; } .has-background-brand-light { background-color: #ebf2fe !important; } .has-text-brand-dark { color: #0b5be5 !important; } a.has-text-brand-dark:hover, a.has-text-brand-dark:focus { color: #2d77f5 !important; } .has-background-brand-dark { background-color: #0b5be5 !important; } .has-text-brand-d20 { color: #0c4ec3 !important; } a.has-text-brand-d20:hover, a.has-text-brand-d20:focus { color: #093b93 !important; } .has-background-brand-d20 { background-color: #0c4ec3 !important; } .has-text-brand-d20-light { color: #ecf2fe !important; } a.has-text-brand-d20-light:hover, a.has-text-brand-d20-light:focus { color: #bcd3fb !important; } .has-background-brand-d20-light { background-color: #ecf2fe !important; } .has-text-brand-d20-dark { color: #0f60f0 !important; } a.has-text-brand-d20-dark:hover, a.has-text-brand-d20-dark:focus { color: #3f80f3 !important; } .has-background-brand-d20-dark { background-color: #0f60f0 !important; } .has-text-brand-d30 { color: #0b45ab !important; } a.has-text-brand-d30:hover, a.has-text-brand-d30:focus { color: #08327b !important; } .has-background-brand-d30 { background-color: #0b45ab !important; } .has-text-brand-d30-light { color: #ecf2fe !important; } a.has-text-brand-d30-light:hover, a.has-text-brand-d30-light:focus { color: #bcd3fb !important; } .has-background-brand-d30-light { background-color: #ecf2fe !important; } .has-text-brand-d30-dark { color: #1967f0 !important; } a.has-text-brand-d30-dark:hover, a.has-text-brand-d30-dark:focus { color: #4987f3 !important; } .has-background-brand-d30-dark { background-color: #1967f0 !important; } .has-text-brand-l20 { color: #3f81f6 !important; } a.has-text-brand-l20:hover, a.has-text-brand-l20:focus { color: #0e61f4 !important; } .has-background-brand-l20 { background-color: #3f81f6 !important; } .has-text-brand-l20-light { color: #ecf2fe !important; } a.has-text-brand-l20-light:hover, a.has-text-brand-l20-light:focus { color: #bbd2fc !important; } .has-background-brand-l20-light { background-color: #ecf2fe !important; } .has-text-brand-l20-dark { color: #0a50cd !important; } a.has-text-brand-l20-dark:hover, a.has-text-brand-l20-dark:focus { color: #1566f4 !important; } .has-background-brand-l20-dark { background-color: #0a50cd !important; } .has-text-brand-l70 { color: #b7d0fc !important; } a.has-text-brand-l70:hover, a.has-text-brand-l70:focus { color: #86b0fa !important; } .has-background-brand-l70 { background-color: #b7d0fc !important; } .has-text-brand-l70-light { color: #ebf2fe !important; } a.has-text-brand-l70-light:hover, a.has-text-brand-l70-light:focus { color: #bad2fc !important; } .has-background-brand-l70-light { background-color: #ebf2fe !important; } .has-text-brand-l70-dark { color: #06378e !important; } a.has-text-brand-l70-dark:hover, a.has-text-brand-l70-dark:focus { color: #084abf !important; } .has-background-brand-l70-dark { background-color: #06378e !important; } .has-text-brand-l80 { color: #cfe0fd !important; } a.has-text-brand-l80:hover, a.has-text-brand-l80:focus { color: #9ec0fb !important; } .has-background-brand-l80 { background-color: #cfe0fd !important; } .has-text-brand-l80-light { color: #ebf2fe !important; } a.has-text-brand-l80-light:hover, a.has-text-brand-l80-light:focus { color: #bad3fc !important; } .has-background-brand-l80-light { background-color: #ebf2fe !important; } .has-text-brand-l80-dark { color: #06388e !important; } a.has-text-brand-l80-dark:hover, a.has-text-brand-l80-dark:focus { color: #084cbf !important; } .has-background-brand-l80-dark { background-color: #06388e !important; } .has-text-brand-l90 { color: #e9f1fe !important; } a.has-text-brand-l90:hover, a.has-text-brand-l90:focus { color: #b8d2fc !important; } .has-background-brand-l90 { background-color: #e9f1fe !important; } .has-text-brand-l90-light { color: #ebf3fe !important; } a.has-text-brand-l90-light:hover, a.has-text-brand-l90-light:focus { color: #bbd4fc !important; } .has-background-brand-l90-light { background-color: #ebf3fe !important; } .has-text-brand-l90-dark { color: #063a8d !important; } a.has-text-brand-l90-dark:hover, a.has-text-brand-l90-dark:focus { color: #094ebe !important; } .has-background-brand-l90-dark { background-color: #063a8d !important; } .has-text-brand-l95 { color: #f3f7ff !important; } a.has-text-brand-l95:hover, a.has-text-brand-l95:focus { color: #c0d5ff !important; } .has-background-brand-l95 { background-color: #f3f7ff !important; } .has-text-brand-l95-light { color: #f3f7ff !important; } a.has-text-brand-l95-light:hover, a.has-text-brand-l95-light:focus { color: #c0d5ff !important; } .has-background-brand-l95-light { background-color: #f3f7ff !important; } .has-text-brand-l95-dark { color: #003194 !important; } a.has-text-brand-l95-dark:hover, a.has-text-brand-l95-dark:focus { color: #0042c7 !important; } .has-background-brand-l95-dark { background-color: #003194 !important; } .has-text-neutral { color: #0f0f0f !important; } a.has-text-neutral:hover, a.has-text-neutral:focus { color: black !important; } .has-background-neutral { background-color: #0f0f0f !important; } .has-text-neutral-light { color: whitesmoke !important; } a.has-text-neutral-light:hover, a.has-text-neutral-light:focus { color: #dbdbdb !important; } .has-background-neutral-light { background-color: whitesmoke !important; } .has-text-neutral-dark { color: #8f8f8f !important; } a.has-text-neutral-dark:hover, a.has-text-neutral-dark:focus { color: #a8a8a8 !important; } .has-background-neutral-dark { background-color: #8f8f8f !important; } .has-text-neutral-l20 { color: #3f3f3f !important; } a.has-text-neutral-l20:hover, a.has-text-neutral-l20:focus { color: #262626 !important; } .has-background-neutral-l20 { background-color: #3f3f3f !important; } .has-text-neutral-l20-light { color: whitesmoke !important; } a.has-text-neutral-l20-light:hover, a.has-text-neutral-l20-light:focus { color: #dbdbdb !important; } .has-background-neutral-l20-light { background-color: whitesmoke !important; } .has-text-neutral-l20-dark { color: #878787 !important; } a.has-text-neutral-l20-dark:hover, a.has-text-neutral-l20-dark:focus { color: #a1a1a1 !important; } .has-background-neutral-l20-dark { background-color: #878787 !important; } .has-text-neutral-l40 { color: #6f6f6f !important; } a.has-text-neutral-l40:hover, a.has-text-neutral-l40:focus { color: #565656 !important; } .has-background-neutral-l40 { background-color: #6f6f6f !important; } .has-text-neutral-l40-light { color: whitesmoke !important; } a.has-text-neutral-l40-light:hover, a.has-text-neutral-l40-light:focus { color: #dbdbdb !important; } .has-background-neutral-l40-light { background-color: whitesmoke !important; } .has-text-neutral-l40-dark { color: #757575 !important; } a.has-text-neutral-l40-dark:hover, a.has-text-neutral-l40-dark:focus { color: #8f8f8f !important; } .has-background-neutral-l40-dark { background-color: #757575 !important; } .has-text-neutral-l50 { color: #878787 !important; } a.has-text-neutral-l50:hover, a.has-text-neutral-l50:focus { color: #6e6e6e !important; } .has-background-neutral-l50 { background-color: #878787 !important; } .has-text-neutral-l50-light { color: whitesmoke !important; } a.has-text-neutral-l50-light:hover, a.has-text-neutral-l50-light:focus { color: #dbdbdb !important; } .has-background-neutral-l50-light { background-color: whitesmoke !important; } .has-text-neutral-l50-dark { color: dimgray !important; } a.has-text-neutral-l50-dark:hover, a.has-text-neutral-l50-dark:focus { color: #828282 !important; } .has-background-neutral-l50-dark { background-color: dimgray !important; } .has-text-neutral-l90 { color: #e7e7e7 !important; } a.has-text-neutral-l90:hover, a.has-text-neutral-l90:focus { color: #cecece !important; } .has-background-neutral-l90 { background-color: #e7e7e7 !important; } .has-text-neutral-l90-light { color: whitesmoke !important; } a.has-text-neutral-l90-light:hover, a.has-text-neutral-l90-light:focus { color: #dbdbdb !important; } .has-background-neutral-l90-light { background-color: whitesmoke !important; } .has-text-neutral-l90-dark { color: #4a4a4a !important; } a.has-text-neutral-l90-dark:hover, a.has-text-neutral-l90-dark:focus { color: #636363 !important; } .has-background-neutral-l90-dark { background-color: #4a4a4a !important; } .has-text-neutral-l95 { color: #f7f7f7 !important; } a.has-text-neutral-l95:hover, a.has-text-neutral-l95:focus { color: #dedede !important; } .has-background-neutral-l95 { background-color: #f7f7f7 !important; } .has-text-neutral-l95-light { color: #f7f7f7 !important; } a.has-text-neutral-l95-light:hover, a.has-text-neutral-l95-light:focus { color: #dedede !important; } .has-background-neutral-l95-light { background-color: #f7f7f7 !important; } .has-text-neutral-l95-dark { color: #4a4a4a !important; } a.has-text-neutral-l95-dark:hover, a.has-text-neutral-l95-dark:focus { color: #636363 !important; } .has-background-neutral-l95-dark { background-color: #4a4a4a !important; } .has-text-neutral-light { color: #ffffff !important; } a.has-text-neutral-light:hover, a.has-text-neutral-light:focus { color: #e6e6e6 !important; } .has-background-neutral-light { background-color: #ffffff !important; } .has-text-neutral-light-light { color: white !important; } a.has-text-neutral-light-light:hover, a.has-text-neutral-light-light:focus { color: #e6e6e6 !important; } .has-background-neutral-light-light { background-color: white !important; } .has-text-neutral-light-dark { color: #4a4a4a !important; } a.has-text-neutral-light-dark:hover, a.has-text-neutral-light-dark:focus { color: #636363 !important; } .has-background-neutral-light-dark { background-color: #4a4a4a !important; } .has-text-error { color: #ba1b1b !important; } a.has-text-error:hover, a.has-text-error:focus { color: #8d1515 !important; } .has-background-error { background-color: #ba1b1b !important; } .has-text-error-light { color: #fceded !important; } a.has-text-error-light:hover, a.has-text-error-light:focus { color: #f6c1c1 !important; } .has-background-error-light { background-color: #fceded !important; } .has-text-error-dark { color: #df2020 !important; } a.has-text-error-dark:hover, a.has-text-error-dark:focus { color: #e54d4d !important; } .has-background-error-dark { background-color: #df2020 !important; } .has-text-error-d20 { color: #951616 !important; } a.has-text-error-d20:hover, a.has-text-error-d20:focus { color: #690f0f !important; } .has-background-error-d20 { background-color: #951616 !important; } .has-text-error-d20-light { color: #fceded !important; } a.has-text-error-d20-light:hover, a.has-text-error-d20-light:focus { color: #f6c1c1 !important; } .has-background-error-d20-light { background-color: #fceded !important; } .has-text-error-d20-dark { color: #e02a2a !important; } a.has-text-error-d20-dark:hover, a.has-text-error-d20-dark:focus { color: #e65656 !important; } .has-background-error-d20-dark { background-color: #e02a2a !important; } .has-text-error-l20 { color: #c84949 !important; } a.has-text-error-l20:hover, a.has-text-error-l20:focus { color: #aa3434 !important; } .has-background-error-l20 { background-color: #c84949 !important; } .has-text-error-l20-light { color: #faefef !important; } a.has-text-error-l20-light:hover, a.has-text-error-l20-light:focus { color: #eec8c8 !important; } .has-background-error-l20-light { background-color: #faefef !important; } .has-text-error-l20-dark { color: #b43636 !important; } a.has-text-error-l20-dark:hover, a.has-text-error-l20-dark:focus { color: #cb5353 !important; } .has-background-error-l20-dark { background-color: #b43636 !important; } .has-text-error-l70 { color: #eabbbb !important; } a.has-text-error-l70:hover, a.has-text-error-l70:focus { color: #de9494 !important; } .has-background-error-l70 { background-color: #eabbbb !important; } .has-text-error-l70-light { color: #faefef !important; } a.has-text-error-l70-light:hover, a.has-text-error-l70-light:focus { color: #eec8c8 !important; } .has-background-error-l70-light { background-color: #faefef !important; } .has-text-error-l70-dark { color: #712323 !important; } a.has-text-error-l70-dark:hover, a.has-text-error-l70-dark:focus { color: #982f2f !important; } .has-background-error-l70-dark { background-color: #712323 !important; } .has-text-error-l80 { color: #f1d1d1 !important; } a.has-text-error-l80:hover, a.has-text-error-l80:focus { color: #e5aaaa !important; } .has-background-error-l80 { background-color: #f1d1d1 !important; } .has-text-error-l80-light { color: #faefef !important; } a.has-text-error-l80-light:hover, a.has-text-error-l80-light:focus { color: #eec8c8 !important; } .has-background-error-l80-light { background-color: #faefef !important; } .has-text-error-l80-dark { color: #712323 !important; } a.has-text-error-l80-dark:hover, a.has-text-error-l80-dark:focus { color: #982e2e !important; } .has-background-error-l80-dark { background-color: #712323 !important; } .has-text-error-l90 { color: #f8e8e8 !important; } a.has-text-error-l90:hover, a.has-text-error-l90:focus { color: #ecc1c1 !important; } .has-background-error-l90 { background-color: #f8e8e8 !important; } .has-text-error-l90-light { color: #faefef !important; } a.has-text-error-l90-light:hover, a.has-text-error-l90-light:focus { color: #eec8c8 !important; } .has-background-error-l90-light { background-color: #faefef !important; } .has-text-error-l90-dark { color: #712323 !important; } a.has-text-error-l90-dark:hover, a.has-text-error-l90-dark:focus { color: #982e2e !important; } .has-background-error-l90-dark { background-color: #712323 !important; } .has-text-error-l95 { color: #fcf4f4 !important; } a.has-text-error-l95:hover, a.has-text-error-l95:focus { color: #f1cccc !important; } .has-background-error-l95 { background-color: #fcf4f4 !important; } .has-text-error-l95-light { color: #fcf4f4 !important; } a.has-text-error-l95-light:hover, a.has-text-error-l95-light:focus { color: #f1cccc !important; } .has-background-error-l95-light { background-color: #fcf4f4 !important; } .has-text-error-l95-dark { color: #742020 !important; } a.has-text-error-l95-dark:hover, a.has-text-error-l95-dark:focus { color: #9c2b2b !important; } .has-background-error-l95-dark { background-color: #742020 !important; } .has-text-info-d30 { color: #167998 !important; } a.has-text-info-d30:hover, a.has-text-info-d30:focus { color: #10566b !important; } .has-background-info-d30 { background-color: #167998 !important; } .has-text-info-d30-light { color: #edf9fc !important; } a.has-text-info-d30-light:hover, a.has-text-info-d30-light:focus { color: #c1e9f6 !important; } .has-background-info-d30-light { background-color: #edf9fc !important; } .has-text-info-d30-dark { color: #1ea3cd !important; } a.has-text-info-d30-dark:hover, a.has-text-info-d30-dark:focus { color: #3bbbe3 !important; } .has-background-info-d30-dark { background-color: #1ea3cd !important; } .has-text-info-l95 { color: #edfbff !important; } a.has-text-info-l95:hover, a.has-text-info-l95:focus { color: #baf0ff !important; } .has-background-info-l95 { background-color: #edfbff !important; } .has-text-info-l95-light { color: #edfbff !important; } a.has-text-info-l95-light:hover, a.has-text-info-l95-light:focus { color: #baf0ff !important; } .has-background-info-l95-light { background-color: #edfbff !important; } .has-text-info-l95-dark { color: #007394 !important; } a.has-text-info-l95-dark:hover, a.has-text-info-l95-dark:focus { color: #009bc7 !important; } .has-background-info-l95-dark { background-color: #007394 !important; } .has-text-success-d30 { color: #01582c !important; } a.has-text-success-d30:hover, a.has-text-success-d30:focus { color: #002613 !important; } .has-background-success-d30 { background-color: #01582c !important; } .has-text-success-d30-light { color: #ebfff5 !important; } a.has-text-success-d30-light:hover, a.has-text-success-d30-light:focus { color: #b8fedb !important; } .has-background-success-d30-light { background-color: #ebfff5 !important; } .has-text-success-d30-dark { color: #08fc81 !important; } a.has-text-success-d30-dark:hover, a.has-text-success-d30-dark:focus { color: #3afd9a !important; } .has-background-success-d30-dark { background-color: #08fc81 !important; } .has-text-success-l95 { color: #ebf5f0 !important; } a.has-text-success-l95:hover, a.has-text-success-l95:focus { color: #c9e4d7 !important; } .has-background-success-l95 { background-color: #ebf5f0 !important; } .has-text-success-l95-light { color: #f1f8f5 !important; } a.has-text-success-l95-light:hover, a.has-text-success-l95-light:focus { color: #cfe7db !important; } .has-background-success-l95-light { background-color: #f1f8f5 !important; } .has-text-success-l95-dark { color: #31634a !important; } a.has-text-success-l95-dark:hover, a.has-text-success-l95-dark:focus { color: #428563 !important; } .has-background-success-l95-dark { background-color: #31634a !important; } .has-text-warning-d30 { color: #806000 !important; } a.has-text-warning-d30:hover, a.has-text-warning-d30:focus { color: #4d3a00 !important; } .has-background-warning-d30 { background-color: #806000 !important; } .has-text-warning-d30-light { color: #fffaeb !important; } a.has-text-warning-d30-light:hover, a.has-text-warning-d30-light:focus { color: #ffedb8 !important; } .has-background-warning-d30-light { background-color: #fffaeb !important; } .has-text-warning-d30-dark { color: #f5b800 !important; } a.has-text-warning-d30-dark:hover, a.has-text-warning-d30-dark:focus { color: #ffc929 !important; } .has-background-warning-d30-dark { background-color: #f5b800 !important; } .has-text-warning-l95 { color: #fffaeb !important; } a.has-text-warning-l95:hover, a.has-text-warning-l95:focus { color: #ffedb8 !important; } .has-background-warning-l95 { background-color: #fffaeb !important; } .has-text-warning-l95-light { color: #fffaeb !important; } a.has-text-warning-l95-light:hover, a.has-text-warning-l95-light:focus { color: #ffedb8 !important; } .has-background-warning-l95-light { background-color: #fffaeb !important; } .has-text-warning-l95-dark { color: #946f00 !important; } a.has-text-warning-l95-dark:hover, a.has-text-warning-l95-dark:focus { color: #c79500 !important; } .has-background-warning-l95-dark { background-color: #946f00 !important; } .has-text-brand-2 { color: #0e9ca6 !important; } a.has-text-brand-2:hover, a.has-text-brand-2:focus { color: #0a7077 !important; } .has-background-brand-2 { background-color: #0e9ca6 !important; } .has-text-brand-2-light { color: #ecfcfd !important; } a.has-text-brand-2-light:hover, a.has-text-brand-2-light:focus { color: #bdf5f9 !important; } .has-background-brand-2-light { background-color: #ecfcfd !important; } .has-text-brand-2-dark { color: #10b1bc !important; } a.has-text-brand-2-dark:hover, a.has-text-brand-2-dark:focus { color: #14ddeb !important; } .has-background-brand-2-dark { background-color: #10b1bc !important; } .has-text-brand-2-d20 { color: #0b7d85 !important; } a.has-text-brand-2-d20:hover, a.has-text-brand-2-d20:focus { color: #075156 !important; } .has-background-brand-2-d20 { background-color: #0b7d85 !important; } .has-text-brand-2-d20-light { color: #ecfcfd !important; } a.has-text-brand-2-d20-light:hover, a.has-text-brand-2-d20-light:focus { color: #bdf6fa !important; } .has-background-brand-2-d20-light { background-color: #ecfcfd !important; } .has-text-brand-2-d20-dark { color: #12ccd9 !important; } a.has-text-brand-2-d20-dark:hover, a.has-text-brand-2-d20-dark:focus { color: #30e1ee !important; } .has-background-brand-2-d20-dark { background-color: #12ccd9 !important; } .has-text-brand-2-l20 { color: #3eb0b8 !important; } a.has-text-brand-2-l20:hover, a.has-text-brand-2-l20:focus { color: #318c92 !important; } .has-background-brand-2-l20 { background-color: #3eb0b8 !important; } .has-text-brand-2-l20-light { color: #f0f9fa !important; } a.has-text-brand-2-l20-light:hover, a.has-text-brand-2-l20-light:focus { color: #caebed !important; } .has-background-brand-2-l20-light { background-color: #f0f9fa !important; } .has-text-brand-2-l20-dark { color: #2d8086 !important; } a.has-text-brand-2-l20-dark:hover, a.has-text-brand-2-l20-dark:focus { color: #3aa4ac !important; } .has-background-brand-2-l20-dark { background-color: #2d8086 !important; } .has-text-brand-2-l70 { color: #b7e1e4 !important; } a.has-text-brand-2-l70:hover, a.has-text-brand-2-l70:focus { color: #92d2d6 !important; } .has-background-brand-2-l70 { background-color: #b7e1e4 !important; } .has-text-brand-2-l70-light { color: #f0f9f9 !important; } a.has-text-brand-2-l70-light:hover, a.has-text-brand-2-l70-light:focus { color: #cbe9ec !important; } .has-background-brand-2-l70-light { background-color: #f0f9f9 !important; } .has-text-brand-2-l70-dark { color: #28676c !important; } a.has-text-brand-2-l70-dark:hover, a.has-text-brand-2-l70-dark:focus { color: #368b91 !important; } .has-background-brand-2-l70-dark { background-color: #28676c !important; } .has-text-brand-2-l80 { color: #cfebed !important; } a.has-text-brand-2-l80:hover, a.has-text-brand-2-l80:focus { color: #aadcdf !important; } .has-background-brand-2-l80 { background-color: #cfebed !important; } .has-text-brand-2-l80-light { color: #f0f9f9 !important; } a.has-text-brand-2-l80-light:hover, a.has-text-brand-2-l80-light:focus { color: #cbe9ec !important; } .has-background-brand-2-l80-light { background-color: #f0f9f9 !important; } .has-text-brand-2-l80-dark { color: #28676c !important; } a.has-text-brand-2-l80-dark:hover, a.has-text-brand-2-l80-dark:focus { color: #368b91 !important; } .has-background-brand-2-l80-dark { background-color: #28676c !important; } .has-text-brand-2-l90 { color: #eef8f9 !important; } a.has-text-brand-2-l90:hover, a.has-text-brand-2-l90:focus { color: #c8e8ec !important; } .has-background-brand-2-l90 { background-color: #eef8f9 !important; } .has-text-brand-2-l90-light { color: #f0f9fa !important; } a.has-text-brand-2-l90-light:hover, a.has-text-brand-2-l90-light:focus { color: #cae9ec !important; } .has-background-brand-2-l90-light { background-color: #f0f9fa !important; } .has-text-brand-2-l90-dark { color: #27676d !important; } a.has-text-brand-2-l90-dark:hover, a.has-text-brand-2-l90-dark:focus { color: #348a93 !important; } .has-background-brand-2-l90-dark { background-color: #27676d !important; } .has-text-brand-2-l95 { color: #f8fcfc !important; } a.has-text-brand-2-l95:hover, a.has-text-brand-2-l95:focus { color: #d4eded !important; } .has-background-brand-2-l95 { background-color: #f8fcfc !important; } .has-text-brand-2-l95-light { color: #f8fcfc !important; } a.has-text-brand-2-l95-light:hover, a.has-text-brand-2-l95-light:focus { color: #d4eded !important; } .has-background-brand-2-l95-light { background-color: #f8fcfc !important; } .has-text-brand-2-l95-dark { color: #2c6868 !important; } a.has-text-brand-2-l95-dark:hover, a.has-text-brand-2-l95-dark:focus { color: #3c8b8b !important; } .has-background-brand-2-l95-dark { background-color: #2c6868 !important; } .has-text-brand-3 { color: #e2583f !important; } a.has-text-brand-3:hover, a.has-text-brand-3:focus { color: #cf3a1f !important; } .has-background-brand-3 { background-color: #e2583f !important; } .has-text-brand-3-light { color: #fcf0ed !important; } a.has-text-brand-3-light:hover, a.has-text-brand-3-light:focus { color: #f6c9c1 !important; } .has-background-brand-3-light { background-color: #fcf0ed !important; } .has-text-brand-3-dark { color: #ba341c !important; } a.has-text-brand-3-dark:hover, a.has-text-brand-3-dark:focus { color: #df462a !important; } .has-background-brand-3-dark { background-color: #ba341c !important; } .has-text-brand-3-d20 { color: #b54632 !important; } a.has-text-brand-3-d20:hover, a.has-text-brand-3-d20:focus { color: #8d3727 !important; } .has-background-brand-3-d20 { background-color: #b54632 !important; } .has-text-brand-3-d20-light { color: #fbf1ef !important; } a.has-text-brand-3-d20-light:hover, a.has-text-brand-3-d20-light:focus { color: #f0cdc7 !important; } .has-background-brand-3-d20-light { background-color: #fbf1ef !important; } .has-text-brand-3-d20-dark { color: #bc4934 !important; } a.has-text-brand-3-d20-dark:hover, a.has-text-brand-3-d20-dark:focus { color: #d06653 !important; } .has-background-brand-3-d20-dark { background-color: #bc4934 !important; } .has-text-brand-3-l20 { color: #e87965 !important; } a.has-text-brand-3-l20:hover, a.has-text-brand-3-l20:focus { color: #e15239 !important; } .has-background-brand-3-l20 { background-color: #e87965 !important; } .has-text-brand-3-l20-light { color: #fcf0ed !important; } a.has-text-brand-3-l20-light:hover, a.has-text-brand-3-l20-light:focus { color: #f6c9c1 !important; } .has-background-brand-3-l20-light { background-color: #fcf0ed !important; } .has-text-brand-3-l20-dark { color: #a42e19 !important; } a.has-text-brand-3-l20-dark:hover, a.has-text-brand-3-l20-dark:focus { color: #d13a1f !important; } .has-background-brand-3-l20-dark { background-color: #a42e19 !important; } .has-text-brand-3-l70 { color: #f6cdc5 !important; } a.has-text-brand-3-l70:hover, a.has-text-brand-3-l70:focus { color: #efa799 !important; } .has-background-brand-3-l70 { background-color: #f6cdc5 !important; } .has-text-brand-3-l70-light { color: #fcf0ed !important; } a.has-text-brand-3-l70-light:hover, a.has-text-brand-3-l70-light:focus { color: #f5cac1 !important; } .has-background-brand-3-l70-light { background-color: #fcf0ed !important; } .has-text-brand-3-l70-dark { color: #802614 !important; } a.has-text-brand-3-l70-dark:hover, a.has-text-brand-3-l70-dark:focus { color: #ac321b !important; } .has-background-brand-3-l70-dark { background-color: #802614 !important; } .has-text-brand-3-l80 { color: #f9ded9 !important; } a.has-text-brand-3-l80:hover, a.has-text-brand-3-l80:focus { color: #f2b8ad !important; } .has-background-brand-3-l80 { background-color: #f9ded9 !important; } .has-text-brand-3-l80-light { color: #fcf0ed !important; } a.has-text-brand-3-l80-light:hover, a.has-text-brand-3-l80-light:focus { color: #f5c9c1 !important; } .has-background-brand-3-l80-light { background-color: #fcf0ed !important; } .has-text-brand-3-l80-dark { color: #802514 !important; } a.has-text-brand-3-l80-dark:hover, a.has-text-brand-3-l80-dark:focus { color: #ac321b !important; } .has-background-brand-3-l80-dark { background-color: #802514 !important; } .has-text-brand-3-l90 { color: #fceeec !important; } a.has-text-brand-3-l90:hover, a.has-text-brand-3-l90:focus { color: #f5c7c0 !important; } .has-background-brand-3-l90 { background-color: #fceeec !important; } .has-text-brand-3-l90-light { color: #fcefed !important; } a.has-text-brand-3-l90-light:hover, a.has-text-brand-3-l90-light:focus { color: #f5c8c1 !important; } .has-background-brand-3-l90-light { background-color: #fcefed !important; } .has-text-brand-3-l90-dark { color: #802214 !important; } a.has-text-brand-3-l90-dark:hover, a.has-text-brand-3-l90-dark:focus { color: #ac2d1b !important; } .has-background-brand-3-l90-dark { background-color: #802214 !important; } .has-text-brand-3-l95 { color: #fef7f5 !important; } a.has-text-brand-3-l95:hover, a.has-text-brand-3-l95:focus { color: #f9d2c7 !important; } .has-background-brand-3-l95 { background-color: #fef7f5 !important; } .has-text-brand-3-l95-light { color: #fef7f5 !important; } a.has-text-brand-3-l95-light:hover, a.has-text-brand-3-l95-light:focus { color: #f9d2c7 !important; } .has-background-brand-3-l95-light { background-color: #fef7f5 !important; } .has-text-brand-3-l95-dark { color: #86280d !important; } a.has-text-brand-3-l95-dark:hover, a.has-text-brand-3-l95-dark:focus { color: #b53612 !important; } .has-background-brand-3-l95-dark { background-color: #86280d !important; } .has-text-black-bis { color: #0f0f0f !important; } .has-background-black-bis { background-color: #0f0f0f !important; } .has-text-black-ter { color: #0f0f0f !important; } .has-background-black-ter { background-color: #0f0f0f !important; } .has-text-grey-darker { color: #3f3f3f !important; } .has-background-grey-darker { background-color: #3f3f3f !important; } .has-text-grey-dark { color: #6f6f6f !important; } .has-background-grey-dark { background-color: #6f6f6f !important; } .has-text-grey { color: #878787 !important; } .has-background-grey { background-color: #878787 !important; } .has-text-grey-light { color: #e7e7e7 !important; } .has-background-grey-light { background-color: #e7e7e7 !important; } .has-text-grey-lighter { color: #f7f7f7 !important; } .has-background-grey-lighter { background-color: #f7f7f7 !important; } .has-text-white-ter { color: #ffffff !important; } .has-background-white-ter { background-color: #ffffff !important; } .has-text-white-bis { color: #ffffff !important; } .has-background-white-bis { background-color: #ffffff !important; } .is-flex-direction-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .is-flex-direction-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .is-flex-direction-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .is-flex-direction-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .is-flex-wrap-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .is-flex-wrap-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .is-flex-wrap-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .is-justify-content-flex-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .is-justify-content-flex-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .is-justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .is-justify-content-space-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .is-justify-content-space-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .is-justify-content-space-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .is-justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; } .is-justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: end !important; } .is-justify-content-left { -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } .is-justify-content-right { -webkit-box-pack: right !important; -ms-flex-pack: right !important; justify-content: right !important; } .is-align-content-flex-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .is-align-content-flex-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .is-align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .is-align-content-space-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .is-align-content-space-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .is-align-content-space-evenly { -ms-flex-line-pack: space-evenly !important; align-content: space-evenly !important; } .is-align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .is-align-content-start { -ms-flex-line-pack: start !important; align-content: start !important; } .is-align-content-end { -ms-flex-line-pack: end !important; align-content: end !important; } .is-align-content-baseline { -ms-flex-line-pack: baseline !important; align-content: baseline !important; } .is-align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .is-align-items-flex-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .is-align-items-flex-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .is-align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .is-align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .is-align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: start !important; } .is-align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: end !important; } .is-align-items-self-start { -webkit-box-align: self-start !important; -ms-flex-align: self-start !important; align-items: self-start !important; } .is-align-items-self-end { -webkit-box-align: self-end !important; -ms-flex-align: self-end !important; align-items: self-end !important; } .is-align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .is-align-self-flex-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .is-align-self-flex-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .is-align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .is-align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .is-align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .is-flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .is-flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .is-flex-grow-2 { -webkit-box-flex: 2 !important; -ms-flex-positive: 2 !important; flex-grow: 2 !important; } .is-flex-grow-3 { -webkit-box-flex: 3 !important; -ms-flex-positive: 3 !important; flex-grow: 3 !important; } .is-flex-grow-4 { -webkit-box-flex: 4 !important; -ms-flex-positive: 4 !important; flex-grow: 4 !important; } .is-flex-grow-5 { -webkit-box-flex: 5 !important; -ms-flex-positive: 5 !important; flex-grow: 5 !important; } .is-flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .is-flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .is-flex-shrink-2 { -ms-flex-negative: 2 !important; flex-shrink: 2 !important; } .is-flex-shrink-3 { -ms-flex-negative: 3 !important; flex-shrink: 3 !important; } .is-flex-shrink-4 { -ms-flex-negative: 4 !important; flex-shrink: 4 !important; } .is-flex-shrink-5 { -ms-flex-negative: 5 !important; flex-shrink: 5 !important; } .is-clearfix::after { clear: both; content: " "; display: table; } .is-pulled-left { float: left !important; } .is-pulled-right { float: right !important; } .is-radiusless { border-radius: 0 !important; } .is-shadowless { -webkit-box-shadow: none !important; box-shadow: none !important; } .is-clickable { cursor: pointer !important; pointer-events: all !important; } .is-clipped { overflow: hidden !important; } .is-relative { position: relative !important; } .is-marginless { margin: 0 !important; } .is-paddingless { padding: 0 !important; } .m-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .m-1 { margin: 4px !important; } .mt-1 { margin-top: 4px !important; } .mr-1 { margin-right: 4px !important; } .mb-1 { margin-bottom: 4px !important; } .ml-1 { margin-left: 4px !important; } .mx-1 { margin-left: 4px !important; margin-right: 4px !important; } .my-1 { margin-top: 4px !important; margin-bottom: 4px !important; } .m-2 { margin: 8px !important; } .mt-2 { margin-top: 8px !important; } .mr-2 { margin-right: 8px !important; } .mb-2 { margin-bottom: 8px !important; } .ml-2 { margin-left: 8px !important; } .mx-2 { margin-left: 8px !important; margin-right: 8px !important; } .my-2 { margin-top: 8px !important; margin-bottom: 8px !important; } .m-3 { margin: 12px !important; } .mt-3 { margin-top: 12px !important; } .mr-3 { margin-right: 12px !important; } .mb-3 { margin-bottom: 12px !important; } .ml-3 { margin-left: 12px !important; } .mx-3 { margin-left: 12px !important; margin-right: 12px !important; } .my-3 { margin-top: 12px !important; margin-bottom: 12px !important; } .m-4 { margin: 16px !important; } .mt-4 { margin-top: 16px !important; } .mr-4 { margin-right: 16px !important; } .mb-4 { margin-bottom: 16px !important; } .ml-4 { margin-left: 16px !important; } .mx-4 { margin-left: 16px !important; margin-right: 16px !important; } .my-4 { margin-top: 16px !important; margin-bottom: 16px !important; } .m-5 { margin: 20px !important; } .mt-5 { margin-top: 20px !important; } .mr-5 { margin-right: 20px !important; } .mb-5 { margin-bottom: 20px !important; } .ml-5 { margin-left: 20px !important; } .mx-5 { margin-left: 20px !important; margin-right: 20px !important; } .my-5 { margin-top: 20px !important; margin-bottom: 20px !important; } .m-6 { margin: 24px !important; } .mt-6 { margin-top: 24px !important; } .mr-6 { margin-right: 24px !important; } .mb-6 { margin-bottom: 24px !important; } .ml-6 { margin-left: 24px !important; } .mx-6 { margin-left: 24px !important; margin-right: 24px !important; } .my-6 { margin-top: 24px !important; margin-bottom: 24px !important; } .m-7 { margin: 28px !important; } .mt-7 { margin-top: 28px !important; } .mr-7 { margin-right: 28px !important; } .mb-7 { margin-bottom: 28px !important; } .ml-7 { margin-left: 28px !important; } .mx-7 { margin-left: 28px !important; margin-right: 28px !important; } .my-7 { margin-top: 28px !important; margin-bottom: 28px !important; } .m-8 { margin: 32px !important; } .mt-8 { margin-top: 32px !important; } .mr-8 { margin-right: 32px !important; } .mb-8 { margin-bottom: 32px !important; } .ml-8 { margin-left: 32px !important; } .mx-8 { margin-left: 32px !important; margin-right: 32px !important; } .my-8 { margin-top: 32px !important; margin-bottom: 32px !important; } .m-9 { margin: 36px !important; } .mt-9 { margin-top: 36px !important; } .mr-9 { margin-right: 36px !important; } .mb-9 { margin-bottom: 36px !important; } .ml-9 { margin-left: 36px !important; } .mx-9 { margin-left: 36px !important; margin-right: 36px !important; } .my-9 { margin-top: 36px !important; margin-bottom: 36px !important; } .m-10 { margin: 40px !important; } .mt-10 { margin-top: 40px !important; } .mr-10 { margin-right: 40px !important; } .mb-10 { margin-bottom: 40px !important; } .ml-10 { margin-left: 40px !important; } .mx-10 { margin-left: 40px !important; margin-right: 40px !important; } .my-10 { margin-top: 40px !important; margin-bottom: 40px !important; } .m-11 { margin: 48px !important; } .mt-11 { margin-top: 48px !important; } .mr-11 { margin-right: 48px !important; } .mb-11 { margin-bottom: 48px !important; } .ml-11 { margin-left: 48px !important; } .mx-11 { margin-left: 48px !important; margin-right: 48px !important; } .my-11 { margin-top: 48px !important; margin-bottom: 48px !important; } .m-12 { margin: 52px !important; } .mt-12 { margin-top: 52px !important; } .mr-12 { margin-right: 52px !important; } .mb-12 { margin-bottom: 52px !important; } .ml-12 { margin-left: 52px !important; } .mx-12 { margin-left: 52px !important; margin-right: 52px !important; } .my-12 { margin-top: 52px !important; margin-bottom: 52px !important; } .m-13 { margin: 56px !important; } .mt-13 { margin-top: 56px !important; } .mr-13 { margin-right: 56px !important; } .mb-13 { margin-bottom: 56px !important; } .ml-13 { margin-left: 56px !important; } .mx-13 { margin-left: 56px !important; margin-right: 56px !important; } .my-13 { margin-top: 56px !important; margin-bottom: 56px !important; } .m-14 { margin: 60px !important; } .mt-14 { margin-top: 60px !important; } .mr-14 { margin-right: 60px !important; } .mb-14 { margin-bottom: 60px !important; } .ml-14 { margin-left: 60px !important; } .mx-14 { margin-left: 60px !important; margin-right: 60px !important; } .my-14 { margin-top: 60px !important; margin-bottom: 60px !important; } .m-15 { margin: 64px !important; } .mt-15 { margin-top: 64px !important; } .mr-15 { margin-right: 64px !important; } .mb-15 { margin-bottom: 64px !important; } .ml-15 { margin-left: 64px !important; } .mx-15 { margin-left: 64px !important; margin-right: 64px !important; } .my-15 { margin-top: 64px !important; margin-bottom: 64px !important; } .p-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-auto { padding: auto !important; } .pt-auto { padding-top: auto !important; } .pr-auto { padding-right: auto !important; } .pb-auto { padding-bottom: auto !important; } .pl-auto { padding-left: auto !important; } .px-auto { padding-left: auto !important; padding-right: auto !important; } .py-auto { padding-top: auto !important; padding-bottom: auto !important; } .p-1 { padding: 4px !important; } .pt-1 { padding-top: 4px !important; } .pr-1 { padding-right: 4px !important; } .pb-1 { padding-bottom: 4px !important; } .pl-1 { padding-left: 4px !important; } .px-1 { padding-left: 4px !important; padding-right: 4px !important; } .py-1 { padding-top: 4px !important; padding-bottom: 4px !important; } .p-2 { padding: 8px !important; } .pt-2 { padding-top: 8px !important; } .pr-2 { padding-right: 8px !important; } .pb-2 { padding-bottom: 8px !important; } .pl-2 { padding-left: 8px !important; } .px-2 { padding-left: 8px !important; padding-right: 8px !important; } .py-2 { padding-top: 8px !important; padding-bottom: 8px !important; } .p-3 { padding: 12px !important; } .pt-3 { padding-top: 12px !important; } .pr-3 { padding-right: 12px !important; } .pb-3 { padding-bottom: 12px !important; } .pl-3 { padding-left: 12px !important; } .px-3 { padding-left: 12px !important; padding-right: 12px !important; } .py-3 { padding-top: 12px !important; padding-bottom: 12px !important; } .p-4 { padding: 16px !important; } .pt-4 { padding-top: 16px !important; } .pr-4 { padding-right: 16px !important; } .pb-4 { padding-bottom: 16px !important; } .pl-4 { padding-left: 16px !important; } .px-4 { padding-left: 16px !important; padding-right: 16px !important; } .py-4 { padding-top: 16px !important; padding-bottom: 16px !important; } .p-5 { padding: 20px !important; } .pt-5 { padding-top: 20px !important; } .pr-5 { padding-right: 20px !important; } .pb-5 { padding-bottom: 20px !important; } .pl-5 { padding-left: 20px !important; } .px-5 { padding-left: 20px !important; padding-right: 20px !important; } .py-5 { padding-top: 20px !important; padding-bottom: 20px !important; } .p-6 { padding: 24px !important; } .pt-6 { padding-top: 24px !important; } .pr-6 { padding-right: 24px !important; } .pb-6 { padding-bottom: 24px !important; } .pl-6 { padding-left: 24px !important; } .px-6 { padding-left: 24px !important; padding-right: 24px !important; } .py-6 { padding-top: 24px !important; padding-bottom: 24px !important; } .p-7 { padding: 28px !important; } .pt-7 { padding-top: 28px !important; } .pr-7 { padding-right: 28px !important; } .pb-7 { padding-bottom: 28px !important; } .pl-7 { padding-left: 28px !important; } .px-7 { padding-left: 28px !important; padding-right: 28px !important; } .py-7 { padding-top: 28px !important; padding-bottom: 28px !important; } .p-8 { padding: 32px !important; } .pt-8 { padding-top: 32px !important; } .pr-8 { padding-right: 32px !important; } .pb-8 { padding-bottom: 32px !important; } .pl-8 { padding-left: 32px !important; } .px-8 { padding-left: 32px !important; padding-right: 32px !important; } .py-8 { padding-top: 32px !important; padding-bottom: 32px !important; } .p-9 { padding: 36px !important; } .pt-9 { padding-top: 36px !important; } .pr-9 { padding-right: 36px !important; } .pb-9 { padding-bottom: 36px !important; } .pl-9 { padding-left: 36px !important; } .px-9 { padding-left: 36px !important; padding-right: 36px !important; } .py-9 { padding-top: 36px !important; padding-bottom: 36px !important; } .p-10 { padding: 40px !important; } .pt-10 { padding-top: 40px !important; } .pr-10 { padding-right: 40px !important; } .pb-10 { padding-bottom: 40px !important; } .pl-10 { padding-left: 40px !important; } .px-10 { padding-left: 40px !important; padding-right: 40px !important; } .py-10 { padding-top: 40px !important; padding-bottom: 40px !important; } .p-11 { padding: 48px !important; } .pt-11 { padding-top: 48px !important; } .pr-11 { padding-right: 48px !important; } .pb-11 { padding-bottom: 48px !important; } .pl-11 { padding-left: 48px !important; } .px-11 { padding-left: 48px !important; padding-right: 48px !important; } .py-11 { padding-top: 48px !important; padding-bottom: 48px !important; } .p-12 { padding: 52px !important; } .pt-12 { padding-top: 52px !important; } .pr-12 { padding-right: 52px !important; } .pb-12 { padding-bottom: 52px !important; } .pl-12 { padding-left: 52px !important; } .px-12 { padding-left: 52px !important; padding-right: 52px !important; } .py-12 { padding-top: 52px !important; padding-bottom: 52px !important; } .p-13 { padding: 56px !important; } .pt-13 { padding-top: 56px !important; } .pr-13 { padding-right: 56px !important; } .pb-13 { padding-bottom: 56px !important; } .pl-13 { padding-left: 56px !important; } .px-13 { padding-left: 56px !important; padding-right: 56px !important; } .py-13 { padding-top: 56px !important; padding-bottom: 56px !important; } .p-14 { padding: 60px !important; } .pt-14 { padding-top: 60px !important; } .pr-14 { padding-right: 60px !important; } .pb-14 { padding-bottom: 60px !important; } .pl-14 { padding-left: 60px !important; } .px-14 { padding-left: 60px !important; padding-right: 60px !important; } .py-14 { padding-top: 60px !important; padding-bottom: 60px !important; } .p-15 { padding: 64px !important; } .pt-15 { padding-top: 64px !important; } .pr-15 { padding-right: 64px !important; } .pb-15 { padding-bottom: 64px !important; } .pl-15 { padding-left: 64px !important; } .px-15 { padding-left: 64px !important; padding-right: 64px !important; } .py-15 { padding-top: 64px !important; padding-bottom: 64px !important; } .is-size-1 { font-size: 48px !important; } .is-size-2 { font-size: 40px !important; } .is-size-3 { font-size: 32px !important; } .is-size-4 { font-size: 28px !important; } .is-size-5 { font-size: 24px !important; } .is-size-6 { font-size: 18px !important; } .is-size-7 { font-size: 16px !important; } .is-size-8 { font-size: 14px !important; } @media screen and (max-width: 767px) { .is-size-1-mobile { font-size: 48px !important; } .is-size-2-mobile { font-size: 40px !important; } .is-size-3-mobile { font-size: 32px !important; } .is-size-4-mobile { font-size: 28px !important; } .is-size-5-mobile { font-size: 24px !important; } .is-size-6-mobile { font-size: 18px !important; } .is-size-7-mobile { font-size: 16px !important; } .is-size-8-mobile { font-size: 14px !important; } } @media screen and (min-width: 768px), print { .is-size-1-tablet { font-size: 48px !important; } .is-size-2-tablet { font-size: 40px !important; } .is-size-3-tablet { font-size: 32px !important; } .is-size-4-tablet { font-size: 28px !important; } .is-size-5-tablet { font-size: 24px !important; } .is-size-6-tablet { font-size: 18px !important; } .is-size-7-tablet { font-size: 16px !important; } .is-size-8-tablet { font-size: 14px !important; } } @media screen and (max-width: 991px) { .is-size-1-touch { font-size: 48px !important; } .is-size-2-touch { font-size: 40px !important; } .is-size-3-touch { font-size: 32px !important; } .is-size-4-touch { font-size: 28px !important; } .is-size-5-touch { font-size: 24px !important; } .is-size-6-touch { font-size: 18px !important; } .is-size-7-touch { font-size: 16px !important; } .is-size-8-touch { font-size: 14px !important; } } @media screen and (min-width: 992px) { .is-size-1-desktop { font-size: 48px !important; } .is-size-2-desktop { font-size: 40px !important; } .is-size-3-desktop { font-size: 32px !important; } .is-size-4-desktop { font-size: 28px !important; } .is-size-5-desktop { font-size: 24px !important; } .is-size-6-desktop { font-size: 18px !important; } .is-size-7-desktop { font-size: 16px !important; } .is-size-8-desktop { font-size: 14px !important; } } @media screen and (min-width: 1200px) { .is-size-1-widescreen { font-size: 48px !important; } .is-size-2-widescreen { font-size: 40px !important; } .is-size-3-widescreen { font-size: 32px !important; } .is-size-4-widescreen { font-size: 28px !important; } .is-size-5-widescreen { font-size: 24px !important; } .is-size-6-widescreen { font-size: 18px !important; } .is-size-7-widescreen { font-size: 16px !important; } .is-size-8-widescreen { font-size: 14px !important; } } @media screen and (min-width: 1441px) { .is-size-1-fullhd { font-size: 48px !important; } .is-size-2-fullhd { font-size: 40px !important; } .is-size-3-fullhd { font-size: 32px !important; } .is-size-4-fullhd { font-size: 28px !important; } .is-size-5-fullhd { font-size: 24px !important; } .is-size-6-fullhd { font-size: 18px !important; } .is-size-7-fullhd { font-size: 16px !important; } .is-size-8-fullhd { font-size: 14px !important; } } .has-text-centered { text-align: center !important; } .has-text-justified { text-align: justify !important; } .has-text-left { text-align: left !important; } .has-text-right { text-align: right !important; } @media screen and (max-width: 767px) { .has-text-centered-mobile { text-align: center !important; } } @media screen and (min-width: 768px), print { .has-text-centered-tablet { text-align: center !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .has-text-centered-tablet-only { text-align: center !important; } } @media screen and (max-width: 991px) { .has-text-centered-touch { text-align: center !important; } } @media screen and (min-width: 992px) { .has-text-centered-desktop { text-align: center !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .has-text-centered-desktop-only { text-align: center !important; } } @media screen and (min-width: 1200px) { .has-text-centered-widescreen { text-align: center !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .has-text-centered-widescreen-only { text-align: center !important; } } @media screen and (min-width: 1441px) { .has-text-centered-fullhd { text-align: center !important; } } @media screen and (max-width: 767px) { .has-text-justified-mobile { text-align: justify !important; } } @media screen and (min-width: 768px), print { .has-text-justified-tablet { text-align: justify !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .has-text-justified-tablet-only { text-align: justify !important; } } @media screen and (max-width: 991px) { .has-text-justified-touch { text-align: justify !important; } } @media screen and (min-width: 992px) { .has-text-justified-desktop { text-align: justify !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .has-text-justified-desktop-only { text-align: justify !important; } } @media screen and (min-width: 1200px) { .has-text-justified-widescreen { text-align: justify !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .has-text-justified-widescreen-only { text-align: justify !important; } } @media screen and (min-width: 1441px) { .has-text-justified-fullhd { text-align: justify !important; } } @media screen and (max-width: 767px) { .has-text-left-mobile { text-align: left !important; } } @media screen and (min-width: 768px), print { .has-text-left-tablet { text-align: left !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .has-text-left-tablet-only { text-align: left !important; } } @media screen and (max-width: 991px) { .has-text-left-touch { text-align: left !important; } } @media screen and (min-width: 992px) { .has-text-left-desktop { text-align: left !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .has-text-left-desktop-only { text-align: left !important; } } @media screen and (min-width: 1200px) { .has-text-left-widescreen { text-align: left !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .has-text-left-widescreen-only { text-align: left !important; } } @media screen and (min-width: 1441px) { .has-text-left-fullhd { text-align: left !important; } } @media screen and (max-width: 767px) { .has-text-right-mobile { text-align: right !important; } } @media screen and (min-width: 768px), print { .has-text-right-tablet { text-align: right !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .has-text-right-tablet-only { text-align: right !important; } } @media screen and (max-width: 991px) { .has-text-right-touch { text-align: right !important; } } @media screen and (min-width: 992px) { .has-text-right-desktop { text-align: right !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .has-text-right-desktop-only { text-align: right !important; } } @media screen and (min-width: 1200px) { .has-text-right-widescreen { text-align: right !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .has-text-right-widescreen-only { text-align: right !important; } } @media screen and (min-width: 1441px) { .has-text-right-fullhd { text-align: right !important; } } .is-capitalized { text-transform: capitalize !important; } .is-lowercase { text-transform: lowercase !important; } .is-uppercase { text-transform: uppercase !important; } .is-italic { font-style: italic !important; } .is-underlined { text-decoration: underline !important; } .has-text-weight-light { font-weight: 300 !important; } .has-text-weight-normal { font-weight: 400 !important; } .has-text-weight-medium { font-weight: 500 !important; } .has-text-weight-semibold { font-weight: 600 !important; } .has-text-weight-bold { font-weight: 700 !important; } .is-family-primary { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .is-family-secondary { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .is-family-sans-serif { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .is-family-monospace { font-family: monospace !important; } .is-family-code { font-family: monospace !important; } .is-block { display: block !important; } @media screen and (max-width: 767px) { .is-block-mobile { display: block !important; } } @media screen and (min-width: 768px), print { .is-block-tablet { display: block !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .is-block-tablet-only { display: block !important; } } @media screen and (max-width: 991px) { .is-block-touch { display: block !important; } } @media screen and (min-width: 992px) { .is-block-desktop { display: block !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .is-block-desktop-only { display: block !important; } } @media screen and (min-width: 1200px) { .is-block-widescreen { display: block !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .is-block-widescreen-only { display: block !important; } } @media screen and (min-width: 1441px) { .is-block-fullhd { display: block !important; } } .is-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media screen and (max-width: 767px) { .is-flex-mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 768px), print { .is-flex-tablet { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .is-flex-tablet-only { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 991px) { .is-flex-touch { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 992px) { .is-flex-desktop { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .is-flex-desktop-only { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1200px) { .is-flex-widescreen { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .is-flex-widescreen-only { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1441px) { .is-flex-fullhd { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .is-inline { display: inline !important; } @media screen and (max-width: 767px) { .is-inline-mobile { display: inline !important; } } @media screen and (min-width: 768px), print { .is-inline-tablet { display: inline !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .is-inline-tablet-only { display: inline !important; } } @media screen and (max-width: 991px) { .is-inline-touch { display: inline !important; } } @media screen and (min-width: 992px) { .is-inline-desktop { display: inline !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .is-inline-desktop-only { display: inline !important; } } @media screen and (min-width: 1200px) { .is-inline-widescreen { display: inline !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .is-inline-widescreen-only { display: inline !important; } } @media screen and (min-width: 1441px) { .is-inline-fullhd { display: inline !important; } } .is-inline-block { display: inline-block !important; } @media screen and (max-width: 767px) { .is-inline-block-mobile { display: inline-block !important; } } @media screen and (min-width: 768px), print { .is-inline-block-tablet { display: inline-block !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .is-inline-block-tablet-only { display: inline-block !important; } } @media screen and (max-width: 991px) { .is-inline-block-touch { display: inline-block !important; } } @media screen and (min-width: 992px) { .is-inline-block-desktop { display: inline-block !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .is-inline-block-desktop-only { display: inline-block !important; } } @media screen and (min-width: 1200px) { .is-inline-block-widescreen { display: inline-block !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .is-inline-block-widescreen-only { display: inline-block !important; } } @media screen and (min-width: 1441px) { .is-inline-block-fullhd { display: inline-block !important; } } .is-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media screen and (max-width: 767px) { .is-inline-flex-mobile { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 768px), print { .is-inline-flex-tablet { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .is-inline-flex-tablet-only { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (max-width: 991px) { .is-inline-flex-touch { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 992px) { .is-inline-flex-desktop { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .is-inline-flex-desktop-only { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1200px) { .is-inline-flex-widescreen { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .is-inline-flex-widescreen-only { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1441px) { .is-inline-flex-fullhd { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .is-hidden { display: none !important; } .is-sr-only { border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; } @media screen and (max-width: 767px) { .is-hidden-mobile { display: none !important; } } @media screen and (min-width: 768px), print { .is-hidden-tablet { display: none !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .is-hidden-tablet-only { display: none !important; } } @media screen and (max-width: 991px) { .is-hidden-touch { display: none !important; } } @media screen and (min-width: 992px) { .is-hidden-desktop { display: none !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .is-hidden-desktop-only { display: none !important; } } @media screen and (min-width: 1200px) { .is-hidden-widescreen { display: none !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .is-hidden-widescreen-only { display: none !important; } } @media screen and (min-width: 1441px) { .is-hidden-fullhd { display: none !important; } } .is-invisible { visibility: hidden !important; } @media screen and (max-width: 767px) { .is-invisible-mobile { visibility: hidden !important; } } @media screen and (min-width: 768px), print { .is-invisible-tablet { visibility: hidden !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .is-invisible-tablet-only { visibility: hidden !important; } } @media screen and (max-width: 991px) { .is-invisible-touch { visibility: hidden !important; } } @media screen and (min-width: 992px) { .is-invisible-desktop { visibility: hidden !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .is-invisible-desktop-only { visibility: hidden !important; } } @media screen and (min-width: 1200px) { .is-invisible-widescreen { visibility: hidden !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .is-invisible-widescreen-only { visibility: hidden !important; } } @media screen and (min-width: 1441px) { .is-invisible-fullhd { visibility: hidden !important; } } .Bulma-component { /*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */ /* Bulma Utilities */ /* Bulma Base */ /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ /* Bulma Elements */ /* Bulma Form */ /* Bulma Components */ /* Bulma Grid */ /* Bulma Helpers */ /* Bulma Layout */ /** * Vue Transitions */ /* This project is based on "bulma-steps" (https://github.com/Wikiki/bulma-steps) by Wikiki (https://github.com/Wikiki) licensed under MIT (https://github.com/Wikiki/bulma-steps/blob/master/LICENSE) */ --black-bis: #0f0f0f; --black-ter: #0f0f0f; --grey-darker: #3f3f3f; --grey-dark: #6f6f6f; --grey: #878787; --grey-light: #e7e7e7; --grey-lighter: #f7f7f7; --white-ter: #ffffff; --white-bis: #ffffff; --radius-small: 8px; --radius: 8px; --radius-large: 16px; --white: #FFFFFF; --white-invert: #000000; --black: #000000; --black-invert: #FFFFFF; --light: whitesmoke; --light-invert: rgba(0, 0, 0, 0.7); --dark: #363636; --dark-invert: #fff; --primary: #1064f4; --primary-invert: #fff; --primary-light: #b7d0fc; --primary-dark: #0b45ab; --link: #1064f4; --link-invert: #fff; --link-light: #ebf2fe; --link-dark: #0b5be5; --info: #24c9fd; --info-invert: #fff; --info-light: #edfbff; --info-dark: #167998; --success: #027d3f; --success-invert: #fff; --success-light: #ebf5f0; --success-dark: #01582c; --warning: #ffbf00; --warning-invert: rgba(0, 0, 0, 0.7); --warning-light: #fffaeb; --warning-dark: #806000; --danger: #ba1b1b; --danger-invert: #fff; --danger-light: #eabbbb; --danger-dark: #951616; --brand: #1064f4; --brand-invert: #fff; --brand-light: #ebf2fe; --brand-dark: #0b5be5; --brand-d20: #0c4ec3; --brand-d20-invert: #fff; --brand-d20-light: #ecf2fe; --brand-d20-dark: #0f60f0; --brand-d30: #0b45ab; --brand-d30-invert: #fff; --brand-d30-light: #ecf2fe; --brand-d30-dark: #1967f0; --brand-l20: #3f81f6; --brand-l20-invert: #fff; --brand-l20-light: #ecf2fe; --brand-l20-dark: #0a50cd; --brand-l70: #b7d0fc; --brand-l70-invert: rgba(0, 0, 0, 0.7); --brand-l70-light: #ebf2fe; --brand-l70-dark: #06378e; --brand-l80: #cfe0fd; --brand-l80-invert: rgba(0, 0, 0, 0.7); --brand-l80-light: #ebf2fe; --brand-l80-dark: #06388e; --brand-l90: #e9f1fe; --brand-l90-invert: rgba(0, 0, 0, 0.7); --brand-l90-light: #ebf3fe; --brand-l90-dark: #063a8d; --brand-l95: #f3f7ff; --brand-l95-invert: rgba(0, 0, 0, 0.7); --brand-l95-light: #f3f7ff; --brand-l95-dark: #003194; --neutral: #0f0f0f; --neutral-invert: #fff; --neutral-light: whitesmoke; --neutral-dark: #8f8f8f; --neutral-l20: #3f3f3f; --neutral-l20-invert: #fff; --neutral-l20-light: whitesmoke; --neutral-l20-dark: #878787; --neutral-l40: #6f6f6f; --neutral-l40-invert: #fff; --neutral-l40-light: whitesmoke; --neutral-l40-dark: #757575; --neutral-l50: #878787; --neutral-l50-invert: #fff; --neutral-l50-light: whitesmoke; --neutral-l50-dark: dimgray; --neutral-l90: #e7e7e7; --neutral-l90-invert: rgba(0, 0, 0, 0.7); --neutral-l90-light: whitesmoke; --neutral-l90-dark: #4a4a4a; --neutral-l95: #f7f7f7; --neutral-l95-invert: rgba(0, 0, 0, 0.7); --neutral-l95-light: #f7f7f7; --neutral-l95-dark: #4a4a4a; --neutral-light: #ffffff; --neutral-light-invert: rgba(0, 0, 0, 0.7); --neutral-light-light: white; --neutral-light-dark: #4a4a4a; --error: #ba1b1b; --error-invert: #fff; --error-light: #fceded; --error-dark: #df2020; --error-d20: #951616; --error-d20-invert: #fff; --error-d20-light: #fceded; --error-d20-dark: #e02a2a; --error-l20: #c84949; --error-l20-invert: #fff; --error-l20-light: #faefef; --error-l20-dark: #b43636; --error-l70: #eabbbb; --error-l70-invert: rgba(0, 0, 0, 0.7); --error-l70-light: #faefef; --error-l70-dark: #712323; --error-l80: #f1d1d1; --error-l80-invert: rgba(0, 0, 0, 0.7); --error-l80-light: #faefef; --error-l80-dark: #712323; --error-l90: #f8e8e8; --error-l90-invert: rgba(0, 0, 0, 0.7); --error-l90-light: #faefef; --error-l90-dark: #712323; --error-l95: #fcf4f4; --error-l95-invert: rgba(0, 0, 0, 0.7); --error-l95-light: #fcf4f4; --error-l95-dark: #742020; --info-d30: #167998; --info-d30-invert: #fff; --info-d30-light: #edf9fc; --info-d30-dark: #1ea3cd; --info-l95: #edfbff; --info-l95-invert: rgba(0, 0, 0, 0.7); --info-l95-light: #edfbff; --info-l95-dark: #007394; --success-d30: #01582c; --success-d30-invert: #fff; --success-d30-light: #ebfff5; --success-d30-dark: #08fc81; --success-l95: #ebf5f0; --success-l95-invert: rgba(0, 0, 0, 0.7); --success-l95-light: #f1f8f5; --success-l95-dark: #31634a; --warning-d30: #806000; --warning-d30-invert: #fff; --warning-d30-light: #fffaeb; --warning-d30-dark: #f5b800; --warning-l95: #fffaeb; --warning-l95-invert: rgba(0, 0, 0, 0.7); --warning-l95-light: #fffaeb; --warning-l95-dark: #946f00; --brand-2: #0e9ca6; --brand-2-invert: #fff; --brand-2-light: #ecfcfd; --brand-2-dark: #10b1bc; --brand-2-d20: #0b7d85; --brand-2-d20-invert: #fff; --brand-2-d20-light: #ecfcfd; --brand-2-d20-dark: #12ccd9; --brand-2-l20: #3eb0b8; --brand-2-l20-invert: #fff; --brand-2-l20-light: #f0f9fa; --brand-2-l20-dark: #2d8086; --brand-2-l70: #b7e1e4; --brand-2-l70-invert: rgba(0, 0, 0, 0.7); --brand-2-l70-light: #f0f9f9; --brand-2-l70-dark: #28676c; --brand-2-l80: #cfebed; --brand-2-l80-invert: rgba(0, 0, 0, 0.7); --brand-2-l80-light: #f0f9f9; --brand-2-l80-dark: #28676c; --brand-2-l90: #eef8f9; --brand-2-l90-invert: rgba(0, 0, 0, 0.7); --brand-2-l90-light: #f0f9fa; --brand-2-l90-dark: #27676d; --brand-2-l95: #f8fcfc; --brand-2-l95-invert: rgba(0, 0, 0, 0.7); --brand-2-l95-light: #f8fcfc; --brand-2-l95-dark: #2c6868; --brand-3: #e2583f; --brand-3-invert: #fff; --brand-3-light: #fcf0ed; --brand-3-dark: #ba341c; --brand-3-d20: #b54632; --brand-3-d20-invert: #fff; --brand-3-d20-light: #fbf1ef; --brand-3-d20-dark: #bc4934; --brand-3-l20: #e87965; --brand-3-l20-invert: #fff; --brand-3-l20-light: #fcf0ed; --brand-3-l20-dark: #a42e19; --brand-3-l70: #f6cdc5; --brand-3-l70-invert: rgba(0, 0, 0, 0.7); --brand-3-l70-light: #fcf0ed; --brand-3-l70-dark: #802614; --brand-3-l80: #f9ded9; --brand-3-l80-invert: rgba(0, 0, 0, 0.7); --brand-3-l80-light: #fcf0ed; --brand-3-l80-dark: #802514; --brand-3-l90: #fceeec; --brand-3-l90-invert: rgba(0, 0, 0, 0.7); --brand-3-l90-light: #fcefed; --brand-3-l90-dark: #802214; --brand-3-l95: #fef7f5; --brand-3-l95-invert: rgba(0, 0, 0, 0.7); --brand-3-l95-light: #fef7f5; --brand-3-l95-dark: #86280d; --shade-black-bis: #0f0f0f; --shade-black-ter: #0f0f0f; --shade-grey-darker: #3f3f3f; --shade-grey-dark: #6f6f6f; --shade-grey: #878787; --shade-grey-light: #e7e7e7; --shade-grey-lighter: #f7f7f7; --shade-white-ter: #ffffff; --shade-white-bis: #ffffff; --size-1: 48px; --size-2: 40px; --size-3: 32px; --size-4: 28px; --size-5: 24px; --size-6: 18px; --size-7: 16px; --size-8: 14px; --size-small: 14px; --size-normal: 16px; --size-medium: 18px; --size-large: 24px; --font-family-primary: "Open Sans"; --font-family-secondary: "Open Sans"; } .Bulma-component .pagination-previous, .Bulma-component .pagination-next, .Bulma-component .pagination-link, .Bulma-component .pagination-ellipsis, .Bulma-component .file-cta, .Bulma-component .file-name, .Bulma-component .select select, .Bulma-component .taginput .taginput-container.is-focusable, .Bulma-component .textarea, .Bulma-component .input, .Bulma-component .button { -moz-appearance: none; -webkit-appearance: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; border-radius: 8px; -webkit-box-shadow: none; box-shadow: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 16px; height: 2.5em; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.5em - 1px); padding-left: calc(0.75em - 1px); padding-right: calc(0.75em - 1px); padding-top: calc(0.5em - 1px); position: relative; vertical-align: top; } .Bulma-component .pagination-previous:focus, .Bulma-component .pagination-next:focus, .Bulma-component .pagination-link:focus, .Bulma-component .pagination-ellipsis:focus, .Bulma-component .file-cta:focus, .Bulma-component .file-name:focus, .Bulma-component .select select:focus, .Bulma-component .taginput .taginput-container.is-focusable:focus, .Bulma-component .textarea:focus, .Bulma-component .input:focus, .Bulma-component .button:focus, .Bulma-component .is-focused.pagination-previous, .Bulma-component .is-focused.pagination-next, .Bulma-component .is-focused.pagination-link, .Bulma-component .is-focused.pagination-ellipsis, .Bulma-component .is-focused.file-cta, .Bulma-component .is-focused.file-name, .Bulma-component .select select.is-focused, .Bulma-component .taginput .is-focused.taginput-container.is-focusable, .Bulma-component .is-focused.textarea, .Bulma-component .is-focused.input, .Bulma-component .is-focused.button, .Bulma-component .pagination-previous:active, .Bulma-component .pagination-next:active, .Bulma-component .pagination-link:active, .Bulma-component .pagination-ellipsis:active, .Bulma-component .file-cta:active, .Bulma-component .file-name:active, .Bulma-component .select select:active, .Bulma-component .taginput .taginput-container.is-focusable:active, .Bulma-component .textarea:active, .Bulma-component .input:active, .Bulma-component .button:active, .Bulma-component .is-active.pagination-previous, .Bulma-component .is-active.pagination-next, .Bulma-component .is-active.pagination-link, .Bulma-component .is-active.pagination-ellipsis, .Bulma-component .is-active.file-cta, .Bulma-component .is-active.file-name, .Bulma-component .select select.is-active, .Bulma-component .taginput .is-active.taginput-container.is-focusable, .Bulma-component .is-active.textarea, .Bulma-component .is-active.input, .Bulma-component .is-active.button { outline: none; } .Bulma-component [disabled].pagination-previous, .Bulma-component [disabled].pagination-next, .Bulma-component [disabled].pagination-link, .Bulma-component [disabled].pagination-ellipsis, .Bulma-component [disabled].file-cta, .Bulma-component [disabled].file-name, .Bulma-component .select select[disabled], .Bulma-component .taginput [disabled].taginput-container.is-focusable, .Bulma-component [disabled].textarea, .Bulma-component [disabled].input, .Bulma-component [disabled].button, fieldset[disabled] .Bulma-component .pagination-previous, fieldset[disabled] .Bulma-component .pagination-next, fieldset[disabled] .Bulma-component .pagination-link, fieldset[disabled] .Bulma-component .pagination-ellipsis, fieldset[disabled] .Bulma-component .file-cta, fieldset[disabled] .Bulma-component .file-name, fieldset[disabled] .Bulma-component .select select, fieldset[disabled] .Bulma-component .taginput .taginput-container.is-focusable, fieldset[disabled] .Bulma-component .textarea, fieldset[disabled] .Bulma-component .input, fieldset[disabled] .Bulma-component .button { cursor: not-allowed; } .Bulma-component .switch, .Bulma-component .b-radio.radio, .Bulma-component .b-checkbox.checkbox, .Bulma-component .carousel-list, .Bulma-component .carousel, .Bulma-component .is-unselectable, .Bulma-component .tabs, .Bulma-component .pagination-previous, .Bulma-component .pagination-next, .Bulma-component .pagination-link, .Bulma-component .pagination-ellipsis, .Bulma-component .breadcrumb, .Bulma-component .file, .Bulma-component .button { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .Bulma-component .navbar-link:not(.is-arrowless)::after, .Bulma-component .select:not(.is-multiple):not(.is-loading)::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; content: " "; display: block; height: 0.625em; margin-top: -0.4375em; pointer-events: none; position: absolute; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center; transform-origin: center; width: 0.625em; } .Bulma-component .tabs:not(:last-child), .Bulma-component .pagination:not(:last-child), .Bulma-component .message:not(:last-child), .Bulma-component .level:not(:last-child), .Bulma-component .breadcrumb:not(:last-child), .Bulma-component .block:not(:last-child), .Bulma-component .title:not(:last-child), .Bulma-component .subtitle:not(:last-child), .Bulma-component .table-container:not(:last-child), .Bulma-component .table:not(:last-child), .Bulma-component .progress:not(:last-child), .Bulma-component .progress-wrapper.is-not-native:not(:last-child), .Bulma-component .notification:not(:last-child), .Bulma-component .content:not(:last-child), .Bulma-component .box:not(:last-child) { margin-bottom: 1.5rem; } .Bulma-component .modal-close, .Bulma-component .delete { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-appearance: none; -webkit-appearance: none; background-color: rgba(0, 0, 0, 0.2); border: none; border-radius: 9999px; cursor: pointer; pointer-events: auto; display: inline-block; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: none; position: relative; vertical-align: top; width: 20px; } .Bulma-component .modal-close::before, .Bulma-component .delete::before, .Bulma-component .modal-close::after, .Bulma-component .delete::after { background-color: #FFFFFF; content: ""; display: block; left: 50%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } .Bulma-component .modal-close::before, .Bulma-component .delete::before { height: 2px; width: 50%; } .Bulma-component .modal-close::after, .Bulma-component .delete::after { height: 50%; width: 2px; } .Bulma-component .modal-close:hover, .Bulma-component .delete:hover, .Bulma-component .modal-close:focus, .Bulma-component .delete:focus { background-color: rgba(0, 0, 0, 0.3); } .Bulma-component .modal-close:active, .Bulma-component .delete:active { background-color: rgba(0, 0, 0, 0.4); } .Bulma-component .is-small.modal-close, .Bulma-component .is-small.delete { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } .Bulma-component .is-medium.modal-close, .Bulma-component .is-medium.delete { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } .Bulma-component .is-large.modal-close, .Bulma-component .is-large.delete { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } .Bulma-component .control.is-loading::after, .Bulma-component .select.is-loading::after, .Bulma-component .loader, .Bulma-component .button.is-loading::after { -webkit-animation: spinAround 500ms infinite linear; animation: spinAround 500ms infinite linear; border: 2px solid #f7f7f7; border-radius: 9999px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; } .Bulma-component .b-image-wrapper > img.has-ratio, .Bulma-component .b-image-wrapper > img.placeholder, .Bulma-component .hero-video, .Bulma-component .is-overlay, .Bulma-component .modal-background, .Bulma-component .modal, .Bulma-component .image.is-square img, .Bulma-component .image.is-square .has-ratio, .Bulma-component .image.is-1by1 img, .Bulma-component .image.is-1by1 .has-ratio, .Bulma-component .image.is-5by4 img, .Bulma-component .image.is-5by4 .has-ratio, .Bulma-component .image.is-4by3 img, .Bulma-component .image.is-4by3 .has-ratio, .Bulma-component .image.is-3by2 img, .Bulma-component .image.is-3by2 .has-ratio, .Bulma-component .image.is-5by3 img, .Bulma-component .image.is-5by3 .has-ratio, .Bulma-component .image.is-16by9 img, .Bulma-component .image.is-16by9 .has-ratio, .Bulma-component .image.is-2by1 img, .Bulma-component .image.is-2by1 .has-ratio, .Bulma-component .image.is-3by1 img, .Bulma-component .image.is-3by1 .has-ratio, .Bulma-component .image.is-4by5 img, .Bulma-component .image.is-4by5 .has-ratio, .Bulma-component .image.is-3by4 img, .Bulma-component .image.is-3by4 .has-ratio, .Bulma-component .image.is-2by3 img, .Bulma-component .image.is-2by3 .has-ratio, .Bulma-component .image.is-3by5 img, .Bulma-component .image.is-3by5 .has-ratio, .Bulma-component .image.is-9by16 img, .Bulma-component .image.is-9by16 .has-ratio, .Bulma-component .image.is-1by2 img, .Bulma-component .image.is-1by2 .has-ratio, .Bulma-component .image.is-1by3 img, .Bulma-component .image.is-1by3 .has-ratio { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .Bulma-component .navbar-burger { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none; color: currentColor; font-family: inherit; font-size: 1em; margin: 0; padding: 0; } .Bulma-component html, .Bulma-component body, .Bulma-component p, .Bulma-component ol, .Bulma-component ul, .Bulma-component li, .Bulma-component dl, .Bulma-component dt, .Bulma-component dd, .Bulma-component blockquote, .Bulma-component figure, .Bulma-component fieldset, .Bulma-component legend, .Bulma-component textarea, .Bulma-component pre, .Bulma-component iframe, .Bulma-component hr, .Bulma-component h1, .Bulma-component h2, .Bulma-component h3, .Bulma-component h4, .Bulma-component h5, .Bulma-component h6 { margin: 0; padding: 0; } .Bulma-component h1, .Bulma-component h2, .Bulma-component h3, .Bulma-component h4, .Bulma-component h5, .Bulma-component h6 { font-size: 100%; font-weight: normal; } .Bulma-component ul { list-style: none; } .Bulma-component button, .Bulma-component input, .Bulma-component select, .Bulma-component textarea { margin: 0; } .Bulma-component html { -webkit-box-sizing: border-box; box-sizing: border-box; } .Bulma-component *, .Bulma-component *::before, .Bulma-component *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .Bulma-component img, .Bulma-component video { height: auto; max-width: 100%; } .Bulma-component iframe { border: 0; } .Bulma-component table { border-collapse: collapse; border-spacing: 0; } .Bulma-component td, .Bulma-component th { padding: 0; } .Bulma-component td:not([align]), .Bulma-component th:not([align]) { text-align: inherit; } .Bulma-component html { background-color: #FFFFFF; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .Bulma-component article, .Bulma-component aside, .Bulma-component figure, .Bulma-component footer, .Bulma-component header, .Bulma-component hgroup, .Bulma-component section { display: block; } .Bulma-component body, .Bulma-component button, .Bulma-component input, .Bulma-component optgroup, .Bulma-component select, .Bulma-component textarea { font-family: "Open Sans", sans-serif; } .Bulma-component code, .Bulma-component pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; } .Bulma-component body { color: #4a4a4a; font-size: 1em; font-weight: 400; line-height: 1.5; } .Bulma-component a { color: #1064f4; cursor: pointer; text-decoration: none; } .Bulma-component a strong { color: currentColor; } .Bulma-component a:hover { color: #363636; } .Bulma-component code { background-color: whitesmoke; color: #da1039; font-size: 0.875em; font-weight: normal; padding: 0.25em 0.5em 0.25em; } .Bulma-component hr { background-color: whitesmoke; border: none; display: block; height: 2px; margin: 1.5rem 0; } .Bulma-component img { height: auto; max-width: 100%; } .Bulma-component input[type=checkbox], .Bulma-component input[type=radio] { vertical-align: baseline; } .Bulma-component small { font-size: 0.875em; } .Bulma-component span { font-style: inherit; font-weight: inherit; } .Bulma-component strong { color: #363636; font-weight: 700; } .Bulma-component fieldset { border: none; } .Bulma-component pre { -webkit-overflow-scrolling: touch; background-color: whitesmoke; color: #4a4a4a; font-size: 1.6rem; overflow-x: auto; padding: 0.1rem 0.3rem; white-space: pre; word-wrap: normal; } .Bulma-component pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; } .Bulma-component table td, .Bulma-component table th { vertical-align: top; } .Bulma-component table td:not([align]), .Bulma-component table th:not([align]) { text-align: inherit; } .Bulma-component table th { color: #363636; } @-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spinAround { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .Bulma-component .box { background-color: #FFFFFF; border-radius: 16px; -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0px 0 1px rgba(0, 0, 0, 0.02); box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0px 0 1px rgba(0, 0, 0, 0.02); color: #4a4a4a; display: block; padding: 1.25rem; } .Bulma-component a.box:hover, .Bulma-component a.box:focus { -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0 0 1px #1064f4; box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0 0 1px #1064f4; } .Bulma-component a.box:active { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px #1064f4; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px #1064f4; } .Bulma-component .button { background-color: transparent; border-color: transparent; border-width: 0.1rem; color: #6f6f6f; cursor: pointer; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: calc(0.5em - 0.1rem); padding-left: 1em; padding-right: 1em; padding-top: calc(0.5em - 0.1rem); text-align: center; white-space: nowrap; } .Bulma-component .button strong { color: inherit; } .Bulma-component .button .icon, .Bulma-component .button .icon.is-small, .Bulma-component .button .icon.is-medium, .Bulma-component .button .icon.is-large { height: 1.5em; width: 1.5em; } .Bulma-component .button .icon:first-child:not(:last-child) { margin-left: calc(-0.5em - 0.1rem); margin-right: 0.25em; } .Bulma-component .button .icon:last-child:not(:first-child) { margin-left: 0.25em; margin-right: calc(-0.5em - 0.1rem); } .Bulma-component .button .icon:first-child:last-child { margin-left: calc(-0.5em - 0.1rem); margin-right: calc(-0.5em - 0.1rem); } .Bulma-component .button:hover, .Bulma-component .button.is-hovered { border-color: transparent; color: #1064f4; } .Bulma-component .button:focus, .Bulma-component .button.is-focused { border-color: #1064f4; color: #1064f4; } .Bulma-component .button:focus:not(:active), .Bulma-component .button.is-focused:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component .button:active, .Bulma-component .button.is-active { border-color: transparent; color: #1064f4; } .Bulma-component .button.is-text { background-color: transparent; border-color: transparent; color: #4a4a4a; text-decoration: underline; } .Bulma-component .button.is-text:hover, .Bulma-component .button.is-text.is-hovered, .Bulma-component .button.is-text:focus, .Bulma-component .button.is-text.is-focused { background-color: whitesmoke; color: #363636; } .Bulma-component .button.is-text:active, .Bulma-component .button.is-text.is-active { background-color: #e8e8e8; color: #363636; } .Bulma-component .button.is-text[disabled], fieldset[disabled] .Bulma-component .button.is-text { background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .Bulma-component .button.is-ghost { background: none; border-color: transparent; color: #1064f4; text-decoration: none; } .Bulma-component .button.is-ghost:hover, .Bulma-component .button.is-ghost.is-hovered { color: #1064f4; text-decoration: underline; } .Bulma-component .button.is-small { font-size: 14px; } .Bulma-component .button.is-small:not(.is-rounded) { border-radius: 8px; } .Bulma-component .button.is-normal { font-size: 16px; } .Bulma-component .button.is-medium { font-size: 18px; } .Bulma-component .button.is-large { font-size: 24px; } .Bulma-component .button[disabled], fieldset[disabled] .Bulma-component .button { background-color: #878787; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; opacity: 0.5; } .Bulma-component .button.is-fullwidth { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .Bulma-component .button.is-loading { color: transparent !important; pointer-events: none; } .Bulma-component .button.is-loading::after { position: absolute; left: calc(50% - (1em * 0.5)); top: calc(50% - (1em * 0.5)); position: absolute !important; } .Bulma-component .button.is-static { background-color: whitesmoke; border-color: #dbdbdb; color: #7a7a7a; -webkit-box-shadow: none; box-shadow: none; pointer-events: none; } .Bulma-component .button.is-rounded { border-radius: 9999px; padding-left: calc(1em + 0.25em); padding-right: calc(1em + 0.25em); } .Bulma-component .buttons { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .Bulma-component .buttons .button { margin-bottom: 0.5rem; } .Bulma-component .buttons .button:not(:last-child):not(.is-fullwidth) { margin-right: 0.5rem; } .Bulma-component .buttons:last-child { margin-bottom: -0.5rem; } .Bulma-component .buttons:not(:last-child) { margin-bottom: 1rem; } .Bulma-component .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { font-size: 14px; } .Bulma-component .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) { border-radius: 8px; } .Bulma-component .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { font-size: 18px; } .Bulma-component .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { font-size: 24px; } .Bulma-component .buttons.has-addons .button:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .Bulma-component .buttons.has-addons .button:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: -1px; } .Bulma-component .buttons.has-addons .button:last-child { margin-right: 0; } .Bulma-component .buttons.has-addons .button:hover, .Bulma-component .buttons.has-addons .button.is-hovered { z-index: 2; } .Bulma-component .buttons.has-addons .button:focus, .Bulma-component .buttons.has-addons .button.is-focused, .Bulma-component .buttons.has-addons .button:active, .Bulma-component .buttons.has-addons .button.is-active, .Bulma-component .buttons.has-addons .button.is-selected { z-index: 3; } .Bulma-component .buttons.has-addons .button:focus:hover, .Bulma-component .buttons.has-addons .button.is-focused:hover, .Bulma-component .buttons.has-addons .button:active:hover, .Bulma-component .buttons.has-addons .button.is-active:hover, .Bulma-component .buttons.has-addons .button.is-selected:hover { z-index: 4; } .Bulma-component .buttons.has-addons .button.is-expanded { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .buttons.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { margin-left: 0.25rem; margin-right: 0.25rem; } .Bulma-component .buttons.is-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .Bulma-component .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { margin-left: 0.25rem; margin-right: 0.25rem; } @media screen and (max-width: 768px) { .Bulma-component .button.is-responsive.is-small { font-size: 10.5px; } .Bulma-component .button.is-responsive, .Bulma-component .button.is-responsive.is-normal { font-size: 12.25px; } .Bulma-component .button.is-responsive.is-medium { font-size: 14px; } .Bulma-component .button.is-responsive.is-large { font-size: 16px; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .Bulma-component .button.is-responsive.is-small { font-size: 12.25px; } .Bulma-component .button.is-responsive, .Bulma-component .button.is-responsive.is-normal { font-size: 14px; } .Bulma-component .button.is-responsive.is-medium { font-size: 16px; } .Bulma-component .button.is-responsive.is-large { font-size: 18px; } } .Bulma-component .container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 auto; position: relative; width: auto; } .Bulma-component .container.is-fluid { max-width: none !important; padding-left: 32px; padding-right: 32px; width: 100%; } @media screen and (min-width: 992px) { .Bulma-component .container { max-width: 736px; } } @media screen and (max-width: 1199px) { .Bulma-component .container.is-widescreen:not(.is-max-desktop) { max-width: 944px; } } @media screen and (max-width: 1440px) { .Bulma-component .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) { max-width: 1185px; } } @media screen and (min-width: 1200px) { .Bulma-component .container:not(.is-max-desktop) { max-width: 944px; } } @media screen and (min-width: 1441px) { .Bulma-component .container:not(.is-max-desktop):not(.is-max-widescreen) { max-width: 1185px; } } .Bulma-component .content li + li { margin-top: 0.25em; } .Bulma-component .content p:not(:last-child), .Bulma-component .content dl:not(:last-child), .Bulma-component .content ol:not(:last-child), .Bulma-component .content ul:not(:last-child), .Bulma-component .content blockquote:not(:last-child), .Bulma-component .content pre:not(:last-child), .Bulma-component .content table:not(:last-child) { margin-bottom: 16px; } .Bulma-component .content h1, .Bulma-component .content h2, .Bulma-component .content h3, .Bulma-component .content h4, .Bulma-component .content h5, .Bulma-component .content h6 { color: #363636; font-weight: 600; line-height: 1.125; } .Bulma-component .content h1 { font-size: 2em; margin-bottom: 0.5em; } .Bulma-component .content h1:not(:first-child) { margin-top: 1em; } .Bulma-component .content h2 { font-size: 1.75em; margin-bottom: 0.5714em; } .Bulma-component .content h2:not(:first-child) { margin-top: 1.1428em; } .Bulma-component .content h3 { font-size: 1.5em; margin-bottom: 0.6666em; } .Bulma-component .content h3:not(:first-child) { margin-top: 1.3333em; } .Bulma-component .content h4 { font-size: 1.25em; margin-bottom: 0.8em; } .Bulma-component .content h5 { font-size: 1.125em; margin-bottom: 0.8888em; } .Bulma-component .content h6 { font-size: 1em; margin-bottom: 1em; } .Bulma-component .content blockquote { background-color: whitesmoke; border-left: 5px solid #dbdbdb; padding: 1.25em 1.5em; } .Bulma-component .content ol { list-style-position: outside; margin-left: 2em; margin-top: 1em; } .Bulma-component .content ol:not([type]) { list-style-type: decimal; } .Bulma-component .content ol:not([type]).is-lower-alpha { list-style-type: lower-alpha; } .Bulma-component .content ol:not([type]).is-lower-roman { list-style-type: lower-roman; } .Bulma-component .content ol:not([type]).is-upper-alpha { list-style-type: upper-alpha; } .Bulma-component .content ol:not([type]).is-upper-roman { list-style-type: upper-roman; } .Bulma-component .content ul { list-style: disc outside; margin-left: 2em; margin-top: 1em; } .Bulma-component .content ul ul { list-style-type: circle; margin-top: 0.5em; } .Bulma-component .content ul ul ul { list-style-type: square; } .Bulma-component .content dd { margin-left: 2em; } .Bulma-component .content figure { margin-left: 2em; margin-right: 2em; text-align: center; } .Bulma-component .content figure:not(:first-child) { margin-top: 2em; } .Bulma-component .content figure:not(:last-child) { margin-bottom: 2em; } .Bulma-component .content figure img { display: inline-block; } .Bulma-component .content figure figcaption { font-style: italic; } .Bulma-component .content pre { -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 1.25em 1.5em; white-space: pre; word-wrap: normal; } .Bulma-component .content sup, .Bulma-component .content sub { font-size: 75%; } .Bulma-component .content table { width: 100%; } .Bulma-component .content table td, .Bulma-component .content table th { border: 1px solid #dbdbdb; border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; } .Bulma-component .content table th { color: #363636; } .Bulma-component .content table th:not([align]) { text-align: inherit; } .Bulma-component .content table thead td, .Bulma-component .content table thead th { border-width: 0 0 2px; color: #363636; } .Bulma-component .content table tfoot td, .Bulma-component .content table tfoot th { border-width: 2px 0 0; color: #363636; } .Bulma-component .content table tbody tr:last-child td, .Bulma-component .content table tbody tr:last-child th { border-bottom-width: 0; } .Bulma-component .content .tabs li + li { margin-top: 0; } .Bulma-component .content.is-small { font-size: 14px; } .Bulma-component .content.is-normal { font-size: 16px; } .Bulma-component .content.is-medium { font-size: 18px; } .Bulma-component .content.is-large { font-size: 24px; } .Bulma-component .icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 1.5rem; width: 1.5rem; } .Bulma-component .icon.is-small { height: 1rem; width: 1rem; } .Bulma-component .icon.is-medium { height: 2rem; width: 2rem; } .Bulma-component .icon.is-large { height: 3rem; width: 3rem; } .Bulma-component .icon-text { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: inherit; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.5rem; vertical-align: top; } .Bulma-component .icon-text .icon { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .Bulma-component .icon-text .icon:not(:last-child) { margin-right: 0.25em; } .Bulma-component .icon-text .icon:not(:first-child) { margin-left: 0.25em; } .Bulma-component div.icon-text { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .image { display: block; position: relative; } .Bulma-component .image img { display: block; height: auto; width: 100%; } .Bulma-component .image img.is-rounded { border-radius: 9999px; } .Bulma-component .image.is-fullwidth { width: 100%; } .Bulma-component .image.is-square img, .Bulma-component .image.is-square .has-ratio, .Bulma-component .image.is-1by1 img, .Bulma-component .image.is-1by1 .has-ratio, .Bulma-component .image.is-5by4 img, .Bulma-component .image.is-5by4 .has-ratio, .Bulma-component .image.is-4by3 img, .Bulma-component .image.is-4by3 .has-ratio, .Bulma-component .image.is-3by2 img, .Bulma-component .image.is-3by2 .has-ratio, .Bulma-component .image.is-5by3 img, .Bulma-component .image.is-5by3 .has-ratio, .Bulma-component .image.is-16by9 img, .Bulma-component .image.is-16by9 .has-ratio, .Bulma-component .image.is-2by1 img, .Bulma-component .image.is-2by1 .has-ratio, .Bulma-component .image.is-3by1 img, .Bulma-component .image.is-3by1 .has-ratio, .Bulma-component .image.is-4by5 img, .Bulma-component .image.is-4by5 .has-ratio, .Bulma-component .image.is-3by4 img, .Bulma-component .image.is-3by4 .has-ratio, .Bulma-component .image.is-2by3 img, .Bulma-component .image.is-2by3 .has-ratio, .Bulma-component .image.is-3by5 img, .Bulma-component .image.is-3by5 .has-ratio, .Bulma-component .image.is-9by16 img, .Bulma-component .image.is-9by16 .has-ratio, .Bulma-component .image.is-1by2 img, .Bulma-component .image.is-1by2 .has-ratio, .Bulma-component .image.is-1by3 img, .Bulma-component .image.is-1by3 .has-ratio { height: 100%; width: 100%; } .Bulma-component .image.is-square, .Bulma-component .image.is-1by1 { padding-top: 100%; } .Bulma-component .image.is-5by4 { padding-top: 80%; } .Bulma-component .image.is-4by3 { padding-top: 75%; } .Bulma-component .image.is-3by2 { padding-top: 66.6666%; } .Bulma-component .image.is-5by3 { padding-top: 60%; } .Bulma-component .image.is-16by9 { padding-top: 56.25%; } .Bulma-component .image.is-2by1 { padding-top: 50%; } .Bulma-component .image.is-3by1 { padding-top: 33.3333%; } .Bulma-component .image.is-4by5 { padding-top: 125%; } .Bulma-component .image.is-3by4 { padding-top: 133.3333%; } .Bulma-component .image.is-2by3 { padding-top: 150%; } .Bulma-component .image.is-3by5 { padding-top: 166.6666%; } .Bulma-component .image.is-9by16 { padding-top: 177.7777%; } .Bulma-component .image.is-1by2 { padding-top: 200%; } .Bulma-component .image.is-1by3 { padding-top: 300%; } .Bulma-component .image.is-16x16 { height: 16px; width: 16px; } .Bulma-component .image.is-24x24 { height: 24px; width: 24px; } .Bulma-component .image.is-32x32 { height: 32px; width: 32px; } .Bulma-component .image.is-48x48 { height: 48px; width: 48px; } .Bulma-component .image.is-64x64 { height: 64px; width: 64px; } .Bulma-component .image.is-96x96 { height: 96px; width: 96px; } .Bulma-component .image.is-128x128 { height: 128px; width: 128px; } .Bulma-component .notification { background-color: whitesmoke; border-radius: 8px; position: relative; padding: 1.25rem 2.5rem 1.25rem 1.5rem; } .Bulma-component .notification a:not(.button):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .Bulma-component .notification strong { color: currentColor; } .Bulma-component .notification code, .Bulma-component .notification pre { background: #FFFFFF; } .Bulma-component .notification pre code { background: transparent; } .Bulma-component .notification > .delete { right: 0.5rem; position: absolute; top: 0.5rem; } .Bulma-component .notification .title, .Bulma-component .notification .subtitle, .Bulma-component .notification .content { color: currentColor; } .Bulma-component .notification.is-success { background-color: #ebf5f0; color: #01582c; } .Bulma-component .notification.is-info { background-color: #edfbff; color: #167998; } .Bulma-component .notification.is-warning { background-color: #fffaeb; color: #806000; } .Bulma-component .notification.is-error { background-color: #fcf4f4; color: #951616; } .Bulma-component .progress, .Bulma-component .progress-wrapper.is-not-native { -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 9999px; display: block; height: 16px; overflow: hidden; padding: 0; width: 100%; } .Bulma-component .progress::-webkit-progress-bar, .Bulma-component .progress-wrapper.is-not-native::-webkit-progress-bar { background-color: #ededed; } .Bulma-component .progress::-webkit-progress-value, .Bulma-component .progress-wrapper.is-not-native::-webkit-progress-value { background-color: #4a4a4a; } .Bulma-component .progress::-moz-progress-bar, .Bulma-component .progress-wrapper.is-not-native::-moz-progress-bar { background-color: #4a4a4a; } .Bulma-component .progress::-ms-fill, .Bulma-component .progress-wrapper.is-not-native::-ms-fill { background-color: #4a4a4a; border: none; } .Bulma-component .progress.is-white::-webkit-progress-value, .Bulma-component .is-white.progress-wrapper.is-not-native::-webkit-progress-value { background-color: #FFFFFF; } .Bulma-component .progress.is-white::-moz-progress-bar, .Bulma-component .is-white.progress-wrapper.is-not-native::-moz-progress-bar { background-color: #FFFFFF; } .Bulma-component .progress.is-white::-ms-fill, .Bulma-component .is-white.progress-wrapper.is-not-native::-ms-fill { background-color: #FFFFFF; } .Bulma-component .progress.is-white:indeterminate, .Bulma-component .is-white.progress-wrapper.is-not-native:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #FFFFFF), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #FFFFFF 30%, #ededed 30%); } .Bulma-component .progress.is-black::-webkit-progress-value, .Bulma-component .is-black.progress-wrapper.is-not-native::-webkit-progress-value { background-color: #000000; } .Bulma-component .progress.is-black::-moz-progress-bar, .Bulma-component .is-black.progress-wrapper.is-not-native::-moz-progress-bar { background-color: #000000; } .Bulma-component .progress.is-black::-ms-fill, .Bulma-component .is-black.progress-wrapper.is-not-native::-ms-fill { background-color: #000000; } .Bulma-component .progress.is-black:indeterminate, .Bulma-component .is-black.progress-wrapper.is-not-native:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #000000), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #000000 30%, #ededed 30%); } .Bulma-component .progress.is-light::-webkit-progress-value, .Bulma-component .is-light.progress-wrapper.is-not-native::-webkit-progress-value { background-color: whitesmoke; } .Bulma-component .progress.is-light::-moz-progress-bar, .Bulma-component .is-light.progress-wrapper.is-not-native::-moz-progress-bar { background-color: whitesmoke; } .Bulma-component .progress.is-light::-ms-fill, .Bulma-component .is-light.progress-wrapper.is-not-native::-ms-fill { background-color: whitesmoke; } .Bulma-component .progress.is-light:indeterminate, .Bulma-component .is-light.progress-wrapper.is-not-native:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, whitesmoke), color-stop(30%, #ededed)); background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%); } .Bulma-component .progress.is-dark::-webkit-progress-value, .Bulma-component .is-dark.progress-wrapper.is-not-native::-webkit-progress-value { background-color: #363636; } .Bulma-component .progress.is-dark::-moz-progress-bar, .Bulma-component .is-dark.progress-wrapper.is-not-native::-moz-progress-bar { background-color: #363636; } .Bulma-component .progress.is-dark::-ms-fill, .Bulma-component .is-dark.progress-wrapper.is-not-native::-ms-fill { background-color: #363636; } .Bulma-component .progress.is-dark:indeterminate, .Bulma-component .is-dark.progress-wrapper.is-not-native:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #363636), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #363636 30%, #ededed 30%); } .Bulma-component .progress.is-primary::-webkit-progress-value, .Bulma-component .is-primary.progress-wrapper.is-not-native::-webkit-progress-value { background-color: #1064f4; } .Bulma-component .progress.is-primary::-moz-progress-bar, .Bulma-component .is-primary.progress-wrapper.is-not-native::-moz-progress-bar { background-color: #1064f4; } .Bulma-component .progress.is-primary::-ms-fill, .Bulma-component .is-primary.progress-wrapper.is-not-native::-ms-fill { background-color: #1064f4; } .Bulma-component .progress.is-primary:indeterminate, .Bulma-component .is-primary.progress-wrapper.is-not-native:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #1064f4), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #1064f4 30%, #ededed 30%); } .Bulma-component .progress.is-link::-webkit-progress-value, .Bulma-component .is-link.progress-wrapper.is-not-native::-webkit-progress-value { background-color: #1064f4; } .Bulma-component .progress.is-link::-moz-progress-bar, .Bulma-component .is-link.progress-wrapper.is-not-native::-moz-progress-bar { background-color: #1064f4; } .Bulma-component .progress.is-link::-ms-fill, .Bulma-component .is-link.progress-wrapper.is-not-native::-ms-fill { background-color: #1064f4; } .Bulma-component .progress.is-link:indeterminate, .Bulma-component .is-link.progress-wrapper.is-not-native:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #1064f4), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #1064f4 30%, #ededed 30%); } .Bulma-component .progress.is-info::-webkit-progress-value, .Bulma-component .is-info.progress-wrapper.is-not-native::-webkit-progress-value { background-color: #24c9fd; } .Bulma-component .progress.is-info::-moz-progress-bar, .Bulma-component .is-info.progress-wrapper.is-not-native::-moz-progress-bar { background-color: #24c9fd; } .Bulma-component .progress.is-info::-ms-fill, .Bulma-component .is-info.progress-wrapper.is-not-native::-ms-fill { background-color: #24c9fd; } .Bulma-component .progress.is-info:indeterminate, .Bulma-component .is-info.progress-wrapper.is-not-native:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #24c9fd), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #24c9fd 30%, #ededed 30%); } .Bulma-component .progress.is-success::-webkit-progress-value, .Bulma-component .is-success.progress-wrapper.is-not-native::-webkit-progress-value { background-color: #027d3f; } .Bulma-component .progress.is-success::-moz-progress-bar, .Bulma-component .is-success.progress-wrapper.is-not-native::-moz-progress-bar { background-color: #027d3f; } .Bulma-component .progress.is-success::-ms-fill, .Bulma-component .is-success.progress-wrapper.is-not-native::-ms-fill { background-color: #027d3f; } .Bulma-component .progress.is-success:indeterminate, .Bulma-component .is-success.progress-wrapper.is-not-native:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #027d3f), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #027d3f 30%, #ededed 30%); } .Bulma-component .progress.is-warning::-webkit-progress-value, .Bulma-component .is-warning.progress-wrapper.is-not-native::-webkit-progress-value { background-color: #ffbf00; } .Bulma-component .progress.is-warning::-moz-progress-bar, .Bulma-component .is-warning.progress-wrapper.is-not-native::-moz-progress-bar { background-color: #ffbf00; } .Bulma-component .progress.is-warning::-ms-fill, .Bulma-component .is-warning.progress-wrapper.is-not-native::-ms-fill { background-color: #ffbf00; } .Bulma-component .progress.is-warning:indeterminate, .Bulma-component .is-warning.progress-wrapper.is-not-native:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #ffbf00), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #ffbf00 30%, #ededed 30%); } .Bulma-component .progress.is-danger::-webkit-progress-value, .Bulma-component .is-danger.progress-wrapper.is-not-native::-webkit-progress-value { background-color: #ba1b1b; } .Bulma-component .progress.is-danger::-moz-progress-bar, .Bulma-component .is-danger.progress-wrapper.is-not-native::-moz-progress-bar { background-color: #ba1b1b; } .Bulma-component .progress.is-danger::-ms-fill, .Bulma-component .is-danger.progress-wrapper.is-not-native::-ms-fill { background-color: #ba1b1b; } .Bulma-component .progress.is-danger:indeterminate, .Bulma-component .is-danger.progress-wrapper.is-not-native:indeterminate { background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #ba1b1b), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #ba1b1b 30%, #ededed 30%); } .Bulma-component .progress:indeterminate, .Bulma-component .progress-wrapper.is-not-native:indeterminate { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: moveIndeterminate; animation-name: moveIndeterminate; -webkit-animation-timing-function: linear; animation-timing-function: linear; background-color: #ededed; background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #4a4a4a), color-stop(30%, #ededed)); background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%); background-position: top left; background-repeat: no-repeat; background-size: 150% 150%; } .Bulma-component .progress:indeterminate::-webkit-progress-bar, .Bulma-component .progress-wrapper.is-not-native:indeterminate::-webkit-progress-bar { background-color: transparent; } .Bulma-component .progress:indeterminate::-moz-progress-bar, .Bulma-component .progress-wrapper.is-not-native:indeterminate::-moz-progress-bar { background-color: transparent; } .Bulma-component .progress:indeterminate::-ms-fill, .Bulma-component .progress-wrapper.is-not-native:indeterminate::-ms-fill { animation-name: none; } .Bulma-component .progress.is-small, .Bulma-component .is-small.progress-wrapper.is-not-native { height: 14px; } .Bulma-component .progress.is-medium, .Bulma-component .is-medium.progress-wrapper.is-not-native { height: 18px; } .Bulma-component .progress.is-large, .Bulma-component .is-large.progress-wrapper.is-not-native { height: 24px; } @-webkit-keyframes moveIndeterminate { from { background-position: 200% 0; } to { background-position: -200% 0; } } @keyframes moveIndeterminate { from { background-position: 200% 0; } to { background-position: -200% 0; } } .Bulma-component .table { background-color: #FFFFFF; color: #363636; } .Bulma-component .table td, .Bulma-component .table th { border: 1px solid #dbdbdb; border-width: 0 0 1px; padding: 1rem; vertical-align: top; } .Bulma-component .table td.is-white, .Bulma-component .table th.is-white { background-color: #FFFFFF; border-color: #FFFFFF; color: #000000; } .Bulma-component .table td.is-black, .Bulma-component .table th.is-black { background-color: #000000; border-color: #000000; color: #FFFFFF; } .Bulma-component .table td.is-light, .Bulma-component .table th.is-light { background-color: whitesmoke; border-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } .Bulma-component .table td.is-dark, .Bulma-component .table th.is-dark { background-color: #363636; border-color: #363636; color: #fff; } .Bulma-component .table td.is-primary, .Bulma-component .table th.is-primary { background-color: #1064f4; border-color: #1064f4; color: #fff; } .Bulma-component .table td.is-link, .Bulma-component .table th.is-link { background-color: #1064f4; border-color: #1064f4; color: #fff; } .Bulma-component .table td.is-info, .Bulma-component .table th.is-info { background-color: #24c9fd; border-color: #24c9fd; color: #fff; } .Bulma-component .table td.is-success, .Bulma-component .table th.is-success { background-color: #027d3f; border-color: #027d3f; color: #fff; } .Bulma-component .table td.is-warning, .Bulma-component .table th.is-warning { background-color: #ffbf00; border-color: #ffbf00; color: rgba(0, 0, 0, 0.7); } .Bulma-component .table td.is-danger, .Bulma-component .table th.is-danger { background-color: #ba1b1b; border-color: #ba1b1b; color: #fff; } .Bulma-component .table td.is-narrow, .Bulma-component .table th.is-narrow { white-space: nowrap; width: 1%; } .Bulma-component .table td.is-selected, .Bulma-component .table th.is-selected { background-color: #1064f4; color: #fff; } .Bulma-component .table td.is-selected a, .Bulma-component .table td.is-selected strong, .Bulma-component .table th.is-selected a, .Bulma-component .table th.is-selected strong { color: currentColor; } .Bulma-component .table td.is-vcentered, .Bulma-component .table th.is-vcentered { vertical-align: middle; } .Bulma-component .table th { color: #363636; } .Bulma-component .table th:not([align]) { text-align: left; } .Bulma-component .table tr.is-selected { background-color: #1064f4; color: #fff; } .Bulma-component .table tr.is-selected a, .Bulma-component .table tr.is-selected strong { color: currentColor; } .Bulma-component .table tr.is-selected td, .Bulma-component .table tr.is-selected th { border-color: #fff; color: currentColor; } .Bulma-component .table thead { background-color: transparent; } .Bulma-component .table thead td, .Bulma-component .table thead th { border-width: 0 0 2px; color: #363636; } .Bulma-component .table tfoot { background-color: transparent; } .Bulma-component .table tfoot td, .Bulma-component .table tfoot th { border-width: 2px 0 0; color: #363636; } .Bulma-component .table tbody { background-color: transparent; } .Bulma-component .table tbody tr:last-child td, .Bulma-component .table tbody tr:last-child th { border-bottom-width: 0; } .Bulma-component .table.is-bordered td, .Bulma-component .table.is-bordered th { border-width: 1px; } .Bulma-component .table.is-bordered tr:last-child td, .Bulma-component .table.is-bordered tr:last-child th { border-bottom-width: 1px; } .Bulma-component .table.is-fullwidth { width: 100%; } .Bulma-component .table.is-hoverable tbody tr:not(.is-selected):hover { background-color: #fafafa; } .Bulma-component .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { background-color: #fafafa; } .Bulma-component .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { background-color: whitesmoke; } .Bulma-component .table.is-narrow td, .Bulma-component .table.is-narrow th { padding: 0.25em 0.5em; } .Bulma-component .table.is-striped tbody tr:not(.is-selected):nth-child(even) { background-color: #fafafa; } .Bulma-component .table-container { -webkit-overflow-scrolling: touch; overflow: auto; overflow-y: hidden; max-width: 100%; } .Bulma-component .tags { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .Bulma-component .tags .tag { margin-bottom: 0.5rem; } .Bulma-component .tags .tag:not(:last-child) { margin-right: 0.5rem; } .Bulma-component .tags:last-child { margin-bottom: -0.5rem; } .Bulma-component .tags:not(:last-child) { margin-bottom: 1rem; } .Bulma-component .tags.are-medium .tag:not(.is-normal):not(.is-large) { font-size: 16px; } .Bulma-component .tags.are-large .tag:not(.is-normal):not(.is-medium) { font-size: 18px; } .Bulma-component .tags.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .tags.is-centered .tag { margin-right: 0.25rem; margin-left: 0.25rem; } .Bulma-component .tags.is-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .Bulma-component .tags.is-right .tag:not(:first-child) { margin-left: 0.5rem; } .Bulma-component .tags.is-right .tag:not(:last-child) { margin-right: 0; } .Bulma-component .tags.has-addons .tag { margin-right: 0; } .Bulma-component .tags.has-addons .tag:not(:first-child) { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .Bulma-component .tags.has-addons .tag:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .Bulma-component .tag:not(body) { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: whitesmoke; border-radius: 8px; color: #4a4a4a; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; height: 2em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.5; padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; } .Bulma-component .tag:not(body) .delete { margin-left: 0.25rem; margin-right: -0.375rem; } .Bulma-component .tag:not(body).is-success { background-color: #ebf5f0; color: #01582c; } .Bulma-component .tag:not(body).is-info { background-color: #edfbff; color: #167998; } .Bulma-component .tag:not(body).is-warning { background-color: #fffaeb; color: #806000; } .Bulma-component .tag:not(body).is-error { background-color: #fcf4f4; color: #951616; } .Bulma-component .tag:not(body).is-neutral { background-color: #f7f7f7; color: #3f3f3f; } .Bulma-component .tag:not(body).is-brand-2 { background-color: #f8fcfc; color: #0b7d85; } .Bulma-component .tag:not(body).is-brand-3 { background-color: #fef7f5; color: #b54632; } .Bulma-component .tag:not(body).is-normal { font-size: 14px; } .Bulma-component .tag:not(body).is-medium { font-size: 16px; } .Bulma-component .tag:not(body).is-large { font-size: 18px; } .Bulma-component .tag:not(body) .icon:first-child:not(:last-child) { margin-left: -0.375em; margin-right: 0.1875em; } .Bulma-component .tag:not(body) .icon:last-child:not(:first-child) { margin-left: 0.1875em; margin-right: -0.375em; } .Bulma-component .tag:not(body) .icon:first-child:last-child { margin-left: -0.375em; margin-right: -0.375em; } .Bulma-component .tag:not(body).is-delete { margin-left: 1px; padding: 0; position: relative; width: 2em; } .Bulma-component .tag:not(body).is-delete::before, .Bulma-component .tag:not(body).is-delete::after { background-color: currentColor; content: ""; display: block; left: 50%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } .Bulma-component .tag:not(body).is-delete::before { height: 1px; width: 50%; } .Bulma-component .tag:not(body).is-delete::after { height: 50%; width: 1px; } .Bulma-component .tag:not(body).is-delete:hover, .Bulma-component .tag:not(body).is-delete:focus { background-color: #e8e8e8; } .Bulma-component .tag:not(body).is-delete:active { background-color: #dbdbdb; } .Bulma-component .tag:not(body).is-rounded { border-radius: 9999px; } .Bulma-component a.tag:hover { text-decoration: underline; } .Bulma-component .title, .Bulma-component .subtitle { word-break: break-word; } .Bulma-component .title em, .Bulma-component .title span, .Bulma-component .subtitle em, .Bulma-component .subtitle span { font-weight: inherit; } .Bulma-component .title sub, .Bulma-component .subtitle sub { font-size: 0.75em; } .Bulma-component .title sup, .Bulma-component .subtitle sup { font-size: 0.75em; } .Bulma-component .title .tag, .Bulma-component .subtitle .tag { vertical-align: middle; } .Bulma-component .title { color: #363636; font-size: 2rem; font-weight: 600; line-height: 1.125; } .Bulma-component .title strong { color: inherit; font-weight: inherit; } .Bulma-component .title:not(.is-spaced) + .subtitle { margin-top: -1.25rem; } .Bulma-component .title.is-1 { font-size: 48px; } .Bulma-component .title.is-2 { font-size: 40px; } .Bulma-component .title.is-3 { font-size: 32px; } .Bulma-component .title.is-4 { font-size: 28px; } .Bulma-component .title.is-5 { font-size: 24px; } .Bulma-component .title.is-6 { font-size: 18px; } .Bulma-component .title.is-7 { font-size: 16px; } .Bulma-component .title.is-8 { font-size: 14px; } .Bulma-component .subtitle { color: #4a4a4a; font-size: 1.25rem; font-weight: 400; line-height: 1.25; } .Bulma-component .subtitle strong { color: #363636; font-weight: 600; } .Bulma-component .subtitle:not(.is-spaced) + .title { margin-top: -1.25rem; } .Bulma-component .subtitle.is-1 { font-size: 48px; } .Bulma-component .subtitle.is-2 { font-size: 40px; } .Bulma-component .subtitle.is-3 { font-size: 32px; } .Bulma-component .subtitle.is-4 { font-size: 28px; } .Bulma-component .subtitle.is-5 { font-size: 24px; } .Bulma-component .subtitle.is-6 { font-size: 18px; } .Bulma-component .subtitle.is-7 { font-size: 16px; } .Bulma-component .subtitle.is-8 { font-size: 14px; } .Bulma-component .heading { display: block; font-size: 11px; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase; } .Bulma-component .number { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: whitesmoke; border-radius: 9999px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 18px; height: 2em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; text-align: center; vertical-align: top; } .Bulma-component .select select, .Bulma-component .taginput .taginput-container.is-focusable, .Bulma-component .textarea, .Bulma-component .input { background-color: #FFFFFF; border-color: #dbdbdb; border-radius: 8px; color: #363636; } .Bulma-component .select select::-moz-placeholder, .Bulma-component .taginput .taginput-container.is-focusable::-moz-placeholder, .Bulma-component .textarea::-moz-placeholder, .Bulma-component .input::-moz-placeholder { color: rgba(54, 54, 54, 0.3); } .Bulma-component .select select::-webkit-input-placeholder, .Bulma-component .taginput .taginput-container.is-focusable::-webkit-input-placeholder, .Bulma-component .textarea::-webkit-input-placeholder, .Bulma-component .input::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.3); } .Bulma-component .select select:-moz-placeholder, .Bulma-component .taginput .taginput-container.is-focusable:-moz-placeholder, .Bulma-component .textarea:-moz-placeholder, .Bulma-component .input:-moz-placeholder { color: rgba(54, 54, 54, 0.3); } .Bulma-component .select select:-ms-input-placeholder, .Bulma-component .taginput .taginput-container.is-focusable:-ms-input-placeholder, .Bulma-component .textarea:-ms-input-placeholder, .Bulma-component .input:-ms-input-placeholder { color: rgba(54, 54, 54, 0.3); } .Bulma-component .select select:hover, .Bulma-component .taginput .taginput-container.is-focusable:hover, .Bulma-component .textarea:hover, .Bulma-component .input:hover, .Bulma-component .select select.is-hovered, .Bulma-component .taginput .is-hovered.taginput-container.is-focusable, .Bulma-component .is-hovered.textarea, .Bulma-component .is-hovered.input { border-color: #b5b5b5; } .Bulma-component .select select:focus, .Bulma-component .taginput .taginput-container.is-focusable:focus, .Bulma-component .textarea:focus, .Bulma-component .input:focus, .Bulma-component .select select.is-focused, .Bulma-component .taginput .is-focused.taginput-container.is-focusable, .Bulma-component .is-focused.textarea, .Bulma-component .is-focused.input, .Bulma-component .select select:active, .Bulma-component .taginput .taginput-container.is-focusable:active, .Bulma-component .textarea:active, .Bulma-component .input:active, .Bulma-component .select select.is-active, .Bulma-component .taginput .is-active.taginput-container.is-focusable, .Bulma-component .is-active.textarea, .Bulma-component .is-active.input { border-color: #1064f4; -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component .select select[disabled], .Bulma-component .taginput [disabled].taginput-container.is-focusable, .Bulma-component [disabled].textarea, .Bulma-component [disabled].input, fieldset[disabled] .Bulma-component .select select, fieldset[disabled] .Bulma-component .taginput .taginput-container.is-focusable, fieldset[disabled] .Bulma-component .textarea, fieldset[disabled] .Bulma-component .input { background-color: whitesmoke; border-color: whitesmoke; -webkit-box-shadow: none; box-shadow: none; color: #7a7a7a; } .Bulma-component .select select[disabled]::-moz-placeholder, .Bulma-component .taginput [disabled].taginput-container.is-focusable::-moz-placeholder, .Bulma-component [disabled].textarea::-moz-placeholder, .Bulma-component [disabled].input::-moz-placeholder, fieldset[disabled] .Bulma-component .select select::-moz-placeholder, fieldset[disabled] .Bulma-component .taginput .taginput-container.is-focusable::-moz-placeholder, fieldset[disabled] .Bulma-component .textarea::-moz-placeholder, fieldset[disabled] .Bulma-component .input::-moz-placeholder { color: rgba(122, 122, 122, 0.3); } .Bulma-component .select select[disabled]::-webkit-input-placeholder, .Bulma-component .taginput [disabled].taginput-container.is-focusable::-webkit-input-placeholder, .Bulma-component [disabled].textarea::-webkit-input-placeholder, .Bulma-component [disabled].input::-webkit-input-placeholder, fieldset[disabled] .Bulma-component .select select::-webkit-input-placeholder, fieldset[disabled] .Bulma-component .taginput .taginput-container.is-focusable::-webkit-input-placeholder, fieldset[disabled] .Bulma-component .textarea::-webkit-input-placeholder, fieldset[disabled] .Bulma-component .input::-webkit-input-placeholder { color: rgba(122, 122, 122, 0.3); } .Bulma-component .select select[disabled]:-moz-placeholder, .Bulma-component .taginput [disabled].taginput-container.is-focusable:-moz-placeholder, .Bulma-component [disabled].textarea:-moz-placeholder, .Bulma-component [disabled].input:-moz-placeholder, fieldset[disabled] .Bulma-component .select select:-moz-placeholder, fieldset[disabled] .Bulma-component .taginput .taginput-container.is-focusable:-moz-placeholder, fieldset[disabled] .Bulma-component .textarea:-moz-placeholder, fieldset[disabled] .Bulma-component .input:-moz-placeholder { color: rgba(122, 122, 122, 0.3); } .Bulma-component .select select[disabled]:-ms-input-placeholder, .Bulma-component .taginput [disabled].taginput-container.is-focusable:-ms-input-placeholder, .Bulma-component [disabled].textarea:-ms-input-placeholder, .Bulma-component [disabled].input:-ms-input-placeholder, fieldset[disabled] .Bulma-component .select select:-ms-input-placeholder, fieldset[disabled] .Bulma-component .taginput .taginput-container.is-focusable:-ms-input-placeholder, fieldset[disabled] .Bulma-component .textarea:-ms-input-placeholder, fieldset[disabled] .Bulma-component .input:-ms-input-placeholder { color: rgba(122, 122, 122, 0.3); } .Bulma-component .taginput .taginput-container.is-focusable, .Bulma-component .textarea, .Bulma-component .input { -webkit-box-shadow: inset 0 0.0625em 0.125em rgba(0, 0, 0, 0.05); box-shadow: inset 0 0.0625em 0.125em rgba(0, 0, 0, 0.05); max-width: 100%; width: 100%; } .Bulma-component .taginput [readonly].taginput-container.is-focusable, .Bulma-component [readonly].textarea, .Bulma-component [readonly].input { -webkit-box-shadow: none; box-shadow: none; } .Bulma-component .taginput .is-white.taginput-container.is-focusable, .Bulma-component .is-white.textarea, .Bulma-component .is-white.input { border-color: #FFFFFF; } .Bulma-component .taginput .is-white.taginput-container.is-focusable:focus, .Bulma-component .is-white.textarea:focus, .Bulma-component .is-white.input:focus, .Bulma-component .taginput .is-white.is-focused.taginput-container.is-focusable, .Bulma-component .is-white.is-focused.textarea, .Bulma-component .is-white.is-focused.input, .Bulma-component .taginput .is-white.taginput-container.is-focusable:active, .Bulma-component .is-white.textarea:active, .Bulma-component .is-white.input:active, .Bulma-component .taginput .is-white.is-active.taginput-container.is-focusable, .Bulma-component .is-white.is-active.textarea, .Bulma-component .is-white.is-active.input { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .Bulma-component .taginput .is-black.taginput-container.is-focusable, .Bulma-component .is-black.textarea, .Bulma-component .is-black.input { border-color: #000000; } .Bulma-component .taginput .is-black.taginput-container.is-focusable:focus, .Bulma-component .is-black.textarea:focus, .Bulma-component .is-black.input:focus, .Bulma-component .taginput .is-black.is-focused.taginput-container.is-focusable, .Bulma-component .is-black.is-focused.textarea, .Bulma-component .is-black.is-focused.input, .Bulma-component .taginput .is-black.taginput-container.is-focusable:active, .Bulma-component .is-black.textarea:active, .Bulma-component .is-black.input:active, .Bulma-component .taginput .is-black.is-active.taginput-container.is-focusable, .Bulma-component .is-black.is-active.textarea, .Bulma-component .is-black.is-active.input { -webkit-box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25); } .Bulma-component .taginput .is-light.taginput-container.is-focusable, .Bulma-component .is-light.textarea, .Bulma-component .is-light.input { border-color: whitesmoke; } .Bulma-component .taginput .is-light.taginput-container.is-focusable:focus, .Bulma-component .is-light.textarea:focus, .Bulma-component .is-light.input:focus, .Bulma-component .taginput .is-light.is-focused.taginput-container.is-focusable, .Bulma-component .is-light.is-focused.textarea, .Bulma-component .is-light.is-focused.input, .Bulma-component .taginput .is-light.taginput-container.is-focusable:active, .Bulma-component .is-light.textarea:active, .Bulma-component .is-light.input:active, .Bulma-component .taginput .is-light.is-active.taginput-container.is-focusable, .Bulma-component .is-light.is-active.textarea, .Bulma-component .is-light.is-active.input { -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .Bulma-component .taginput .is-dark.taginput-container.is-focusable, .Bulma-component .is-dark.textarea, .Bulma-component .is-dark.input { border-color: #363636; } .Bulma-component .taginput .is-dark.taginput-container.is-focusable:focus, .Bulma-component .is-dark.textarea:focus, .Bulma-component .is-dark.input:focus, .Bulma-component .taginput .is-dark.is-focused.taginput-container.is-focusable, .Bulma-component .is-dark.is-focused.textarea, .Bulma-component .is-dark.is-focused.input, .Bulma-component .taginput .is-dark.taginput-container.is-focusable:active, .Bulma-component .is-dark.textarea:active, .Bulma-component .is-dark.input:active, .Bulma-component .taginput .is-dark.is-active.taginput-container.is-focusable, .Bulma-component .is-dark.is-active.textarea, .Bulma-component .is-dark.is-active.input { -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .Bulma-component .taginput .is-primary.taginput-container.is-focusable, .Bulma-component .is-primary.textarea, .Bulma-component .is-primary.input { border-color: #1064f4; } .Bulma-component .taginput .is-primary.taginput-container.is-focusable:focus, .Bulma-component .is-primary.textarea:focus, .Bulma-component .is-primary.input:focus, .Bulma-component .taginput .is-primary.is-focused.taginput-container.is-focusable, .Bulma-component .is-primary.is-focused.textarea, .Bulma-component .is-primary.is-focused.input, .Bulma-component .taginput .is-primary.taginput-container.is-focusable:active, .Bulma-component .is-primary.textarea:active, .Bulma-component .is-primary.input:active, .Bulma-component .taginput .is-primary.is-active.taginput-container.is-focusable, .Bulma-component .is-primary.is-active.textarea, .Bulma-component .is-primary.is-active.input { -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component .taginput .is-link.taginput-container.is-focusable, .Bulma-component .is-link.textarea, .Bulma-component .is-link.input { border-color: #1064f4; } .Bulma-component .taginput .is-link.taginput-container.is-focusable:focus, .Bulma-component .is-link.textarea:focus, .Bulma-component .is-link.input:focus, .Bulma-component .taginput .is-link.is-focused.taginput-container.is-focusable, .Bulma-component .is-link.is-focused.textarea, .Bulma-component .is-link.is-focused.input, .Bulma-component .taginput .is-link.taginput-container.is-focusable:active, .Bulma-component .is-link.textarea:active, .Bulma-component .is-link.input:active, .Bulma-component .taginput .is-link.is-active.taginput-container.is-focusable, .Bulma-component .is-link.is-active.textarea, .Bulma-component .is-link.is-active.input { -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component .taginput .is-info.taginput-container.is-focusable, .Bulma-component .is-info.textarea, .Bulma-component .is-info.input { border-color: #24c9fd; } .Bulma-component .taginput .is-info.taginput-container.is-focusable:focus, .Bulma-component .is-info.textarea:focus, .Bulma-component .is-info.input:focus, .Bulma-component .taginput .is-info.is-focused.taginput-container.is-focusable, .Bulma-component .is-info.is-focused.textarea, .Bulma-component .is-info.is-focused.input, .Bulma-component .taginput .is-info.taginput-container.is-focusable:active, .Bulma-component .is-info.textarea:active, .Bulma-component .is-info.input:active, .Bulma-component .taginput .is-info.is-active.taginput-container.is-focusable, .Bulma-component .is-info.is-active.textarea, .Bulma-component .is-info.is-active.input { -webkit-box-shadow: 0 0 0 0.125em rgba(36, 201, 253, 0.25); box-shadow: 0 0 0 0.125em rgba(36, 201, 253, 0.25); } .Bulma-component .taginput .is-success.taginput-container.is-focusable, .Bulma-component .is-success.textarea, .Bulma-component .is-success.input { border-color: #027d3f; } .Bulma-component .taginput .is-success.taginput-container.is-focusable:focus, .Bulma-component .is-success.textarea:focus, .Bulma-component .is-success.input:focus, .Bulma-component .taginput .is-success.is-focused.taginput-container.is-focusable, .Bulma-component .is-success.is-focused.textarea, .Bulma-component .is-success.is-focused.input, .Bulma-component .taginput .is-success.taginput-container.is-focusable:active, .Bulma-component .is-success.textarea:active, .Bulma-component .is-success.input:active, .Bulma-component .taginput .is-success.is-active.taginput-container.is-focusable, .Bulma-component .is-success.is-active.textarea, .Bulma-component .is-success.is-active.input { -webkit-box-shadow: 0 0 0 0.125em rgba(2, 125, 63, 0.25); box-shadow: 0 0 0 0.125em rgba(2, 125, 63, 0.25); } .Bulma-component .taginput .is-warning.taginput-container.is-focusable, .Bulma-component .is-warning.textarea, .Bulma-component .is-warning.input { border-color: #ffbf00; } .Bulma-component .taginput .is-warning.taginput-container.is-focusable:focus, .Bulma-component .is-warning.textarea:focus, .Bulma-component .is-warning.input:focus, .Bulma-component .taginput .is-warning.is-focused.taginput-container.is-focusable, .Bulma-component .is-warning.is-focused.textarea, .Bulma-component .is-warning.is-focused.input, .Bulma-component .taginput .is-warning.taginput-container.is-focusable:active, .Bulma-component .is-warning.textarea:active, .Bulma-component .is-warning.input:active, .Bulma-component .taginput .is-warning.is-active.taginput-container.is-focusable, .Bulma-component .is-warning.is-active.textarea, .Bulma-component .is-warning.is-active.input { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 191, 0, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 191, 0, 0.25); } .Bulma-component .taginput .is-danger.taginput-container.is-focusable, .Bulma-component .is-danger.textarea, .Bulma-component .is-danger.input { border-color: #ba1b1b; } .Bulma-component .taginput .is-danger.taginput-container.is-focusable:focus, .Bulma-component .is-danger.textarea:focus, .Bulma-component .is-danger.input:focus, .Bulma-component .taginput .is-danger.is-focused.taginput-container.is-focusable, .Bulma-component .is-danger.is-focused.textarea, .Bulma-component .is-danger.is-focused.input, .Bulma-component .taginput .is-danger.taginput-container.is-focusable:active, .Bulma-component .is-danger.textarea:active, .Bulma-component .is-danger.input:active, .Bulma-component .taginput .is-danger.is-active.taginput-container.is-focusable, .Bulma-component .is-danger.is-active.textarea, .Bulma-component .is-danger.is-active.input { -webkit-box-shadow: 0 0 0 0.125em rgba(186, 27, 27, 0.25); box-shadow: 0 0 0 0.125em rgba(186, 27, 27, 0.25); } .Bulma-component .taginput .is-small.taginput-container.is-focusable, .Bulma-component .is-small.textarea, .Bulma-component .is-small.input { border-radius: 2px; font-size: 14px; } .Bulma-component .taginput .is-medium.taginput-container.is-focusable, .Bulma-component .is-medium.textarea, .Bulma-component .is-medium.input { font-size: 18px; } .Bulma-component .taginput .is-large.taginput-container.is-focusable, .Bulma-component .is-large.textarea, .Bulma-component .is-large.input { font-size: 24px; } .Bulma-component .taginput .is-fullwidth.taginput-container.is-focusable, .Bulma-component .is-fullwidth.textarea, .Bulma-component .is-fullwidth.input { display: block; width: 100%; } .Bulma-component .taginput .is-inline.taginput-container.is-focusable, .Bulma-component .is-inline.textarea, .Bulma-component .is-inline.input { display: inline; width: auto; } .Bulma-component .input.is-rounded { border-radius: 9999px; padding-left: calc(calc(0.75em - 1px) + 0.375em); padding-right: calc(calc(0.75em - 1px) + 0.375em); } .Bulma-component .input.is-static { background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; padding-right: 0; } .Bulma-component .textarea { display: block; max-width: 100%; min-width: 100%; padding: calc(0.75em - 1px); resize: vertical; } .Bulma-component .textarea:not([rows]) { max-height: 40em; min-height: 8em; } .Bulma-component .textarea[rows] { height: initial; } .Bulma-component .textarea.has-fixed-size { resize: none; } .Bulma-component .radio, .Bulma-component .checkbox { cursor: pointer; display: inline-block; line-height: 1.25; position: relative; } .Bulma-component .radio input, .Bulma-component .checkbox input { cursor: pointer; } .Bulma-component .radio:hover, .Bulma-component .checkbox:hover { color: #363636; } .Bulma-component [disabled].radio, .Bulma-component [disabled].checkbox, fieldset[disabled] .Bulma-component .radio, fieldset[disabled] .Bulma-component .checkbox, .Bulma-component .radio input[disabled], .Bulma-component .checkbox input[disabled] { color: #7a7a7a; cursor: not-allowed; } .Bulma-component .radio + .radio { margin-left: 0.5em; } .Bulma-component .select { display: inline-block; max-width: 100%; position: relative; vertical-align: top; } .Bulma-component .select:not(.is-multiple) { height: 48px; } .Bulma-component .select:not(.is-multiple):not(.is-loading)::after { border-color: #1064f4; right: 1.125em; z-index: 4; } .Bulma-component .select.is-rounded select { border-radius: 9999px; padding-left: 1em; } .Bulma-component .select select { cursor: pointer; display: block; font-size: 1em; max-width: 100%; outline: none; } .Bulma-component .select select::-ms-expand { display: none; } .Bulma-component .select select[disabled]:hover, fieldset[disabled] .Bulma-component .select select:hover { border-color: whitesmoke; } .Bulma-component .select select:not([multiple]) { padding-right: 2.5em; } .Bulma-component .select select[multiple] { height: auto; padding: 0; } .Bulma-component .select select[multiple] option { padding: 0.5em 1em; } .Bulma-component .select:not(.is-multiple):not(.is-loading):hover::after { border-color: #363636; } .Bulma-component .select.is-white:not(:hover)::after { border-color: #FFFFFF; } .Bulma-component .select.is-white select { border-color: #FFFFFF; } .Bulma-component .select.is-white select:hover, .Bulma-component .select.is-white select.is-hovered { border-color: #f2f2f2; } .Bulma-component .select.is-white select:focus, .Bulma-component .select.is-white select.is-focused, .Bulma-component .select.is-white select:active, .Bulma-component .select.is-white select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .Bulma-component .select.is-black:not(:hover)::after { border-color: #000000; } .Bulma-component .select.is-black select { border-color: #000000; } .Bulma-component .select.is-black select:hover, .Bulma-component .select.is-black select.is-hovered { border-color: black; } .Bulma-component .select.is-black select:focus, .Bulma-component .select.is-black select.is-focused, .Bulma-component .select.is-black select:active, .Bulma-component .select.is-black select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25); } .Bulma-component .select.is-light:not(:hover)::after { border-color: whitesmoke; } .Bulma-component .select.is-light select { border-color: whitesmoke; } .Bulma-component .select.is-light select:hover, .Bulma-component .select.is-light select.is-hovered { border-color: #e8e8e8; } .Bulma-component .select.is-light select:focus, .Bulma-component .select.is-light select.is-focused, .Bulma-component .select.is-light select:active, .Bulma-component .select.is-light select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .Bulma-component .select.is-dark:not(:hover)::after { border-color: #363636; } .Bulma-component .select.is-dark select { border-color: #363636; } .Bulma-component .select.is-dark select:hover, .Bulma-component .select.is-dark select.is-hovered { border-color: #292929; } .Bulma-component .select.is-dark select:focus, .Bulma-component .select.is-dark select.is-focused, .Bulma-component .select.is-dark select:active, .Bulma-component .select.is-dark select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .Bulma-component .select.is-primary:not(:hover)::after { border-color: #1064f4; } .Bulma-component .select.is-primary select { border-color: #1064f4; } .Bulma-component .select.is-primary select:hover, .Bulma-component .select.is-primary select.is-hovered { border-color: #0a59e0; } .Bulma-component .select.is-primary select:focus, .Bulma-component .select.is-primary select.is-focused, .Bulma-component .select.is-primary select:active, .Bulma-component .select.is-primary select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component .select.is-link:not(:hover)::after { border-color: #1064f4; } .Bulma-component .select.is-link select { border-color: #1064f4; } .Bulma-component .select.is-link select:hover, .Bulma-component .select.is-link select.is-hovered { border-color: #0a59e0; } .Bulma-component .select.is-link select:focus, .Bulma-component .select.is-link select.is-focused, .Bulma-component .select.is-link select:active, .Bulma-component .select.is-link select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component .select.is-info:not(:hover)::after { border-color: #24c9fd; } .Bulma-component .select.is-info select { border-color: #24c9fd; } .Bulma-component .select.is-info select:hover, .Bulma-component .select.is-info select.is-hovered { border-color: #0bc3fd; } .Bulma-component .select.is-info select:focus, .Bulma-component .select.is-info select.is-focused, .Bulma-component .select.is-info select:active, .Bulma-component .select.is-info select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(36, 201, 253, 0.25); box-shadow: 0 0 0 0.125em rgba(36, 201, 253, 0.25); } .Bulma-component .select.is-success:not(:hover)::after { border-color: #027d3f; } .Bulma-component .select.is-success select { border-color: #027d3f; } .Bulma-component .select.is-success select:hover, .Bulma-component .select.is-success select.is-hovered { border-color: #026432; } .Bulma-component .select.is-success select:focus, .Bulma-component .select.is-success select.is-focused, .Bulma-component .select.is-success select:active, .Bulma-component .select.is-success select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(2, 125, 63, 0.25); box-shadow: 0 0 0 0.125em rgba(2, 125, 63, 0.25); } .Bulma-component .select.is-warning:not(:hover)::after { border-color: #ffbf00; } .Bulma-component .select.is-warning select { border-color: #ffbf00; } .Bulma-component .select.is-warning select:hover, .Bulma-component .select.is-warning select.is-hovered { border-color: #e6ac00; } .Bulma-component .select.is-warning select:focus, .Bulma-component .select.is-warning select.is-focused, .Bulma-component .select.is-warning select:active, .Bulma-component .select.is-warning select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 191, 0, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 191, 0, 0.25); } .Bulma-component .select.is-danger:not(:hover)::after { border-color: #ba1b1b; } .Bulma-component .select.is-danger select { border-color: #ba1b1b; } .Bulma-component .select.is-danger select:hover, .Bulma-component .select.is-danger select.is-hovered { border-color: #a41818; } .Bulma-component .select.is-danger select:focus, .Bulma-component .select.is-danger select.is-focused, .Bulma-component .select.is-danger select:active, .Bulma-component .select.is-danger select.is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(186, 27, 27, 0.25); box-shadow: 0 0 0 0.125em rgba(186, 27, 27, 0.25); } .Bulma-component .select.is-small { border-radius: 2px; font-size: 14px; } .Bulma-component .select.is-medium { font-size: 18px; } .Bulma-component .select.is-large { font-size: 24px; } .Bulma-component .select.is-disabled::after { border-color: #7a7a7a !important; opacity: 0.5; } .Bulma-component .select.is-fullwidth { width: 100%; } .Bulma-component .select.is-fullwidth select { width: 100%; } .Bulma-component .select.is-loading::after { margin-top: 0; position: absolute; right: 0.625em; top: 0.625em; -webkit-transform: none; transform: none; } .Bulma-component .select.is-loading.is-small:after { font-size: 14px; } .Bulma-component .select.is-loading.is-medium:after { font-size: 18px; } .Bulma-component .select.is-loading.is-large:after { font-size: 24px; } .Bulma-component .file { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; } .Bulma-component .file.is-white .file-cta { background-color: #FFFFFF; border-color: transparent; color: #000000; } .Bulma-component .file.is-white:hover .file-cta, .Bulma-component .file.is-white.is-hovered .file-cta { background-color: #f9f9f9; border-color: transparent; color: #000000; } .Bulma-component .file.is-white:focus .file-cta, .Bulma-component .file.is-white.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); color: #000000; } .Bulma-component .file.is-white:active .file-cta, .Bulma-component .file.is-white.is-active .file-cta { background-color: #f2f2f2; border-color: transparent; color: #000000; } .Bulma-component .file.is-black .file-cta { background-color: #000000; border-color: transparent; color: #FFFFFF; } .Bulma-component .file.is-black:hover .file-cta, .Bulma-component .file.is-black.is-hovered .file-cta { background-color: black; border-color: transparent; color: #FFFFFF; } .Bulma-component .file.is-black:focus .file-cta, .Bulma-component .file.is-black.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25); box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25); color: #FFFFFF; } .Bulma-component .file.is-black:active .file-cta, .Bulma-component .file.is-black.is-active .file-cta { background-color: black; border-color: transparent; color: #FFFFFF; } .Bulma-component .file.is-light .file-cta { background-color: whitesmoke; border-color: transparent; color: rgba(0, 0, 0, 0.7); } .Bulma-component .file.is-light:hover .file-cta, .Bulma-component .file.is-light.is-hovered .file-cta { background-color: #eeeeee; border-color: transparent; color: rgba(0, 0, 0, 0.7); } .Bulma-component .file.is-light:focus .file-cta, .Bulma-component .file.is-light.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); color: rgba(0, 0, 0, 0.7); } .Bulma-component .file.is-light:active .file-cta, .Bulma-component .file.is-light.is-active .file-cta { background-color: #e8e8e8; border-color: transparent; color: rgba(0, 0, 0, 0.7); } .Bulma-component .file.is-dark .file-cta { background-color: #363636; border-color: transparent; color: #fff; } .Bulma-component .file.is-dark:hover .file-cta, .Bulma-component .file.is-dark.is-hovered .file-cta { background-color: #2f2f2f; border-color: transparent; color: #fff; } .Bulma-component .file.is-dark:focus .file-cta, .Bulma-component .file.is-dark.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); color: #fff; } .Bulma-component .file.is-dark:active .file-cta, .Bulma-component .file.is-dark.is-active .file-cta { background-color: #292929; border-color: transparent; color: #fff; } .Bulma-component .file.is-primary .file-cta { background-color: #1064f4; border-color: transparent; color: #fff; } .Bulma-component .file.is-primary:hover .file-cta, .Bulma-component .file.is-primary.is-hovered .file-cta { background-color: #0b5eec; border-color: transparent; color: #fff; } .Bulma-component .file.is-primary:focus .file-cta, .Bulma-component .file.is-primary.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.25); color: #fff; } .Bulma-component .file.is-primary:active .file-cta, .Bulma-component .file.is-primary.is-active .file-cta { background-color: #0a59e0; border-color: transparent; color: #fff; } .Bulma-component .file.is-link .file-cta { background-color: #1064f4; border-color: transparent; color: #fff; } .Bulma-component .file.is-link:hover .file-cta, .Bulma-component .file.is-link.is-hovered .file-cta { background-color: #0b5eec; border-color: transparent; color: #fff; } .Bulma-component .file.is-link:focus .file-cta, .Bulma-component .file.is-link.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.25); color: #fff; } .Bulma-component .file.is-link:active .file-cta, .Bulma-component .file.is-link.is-active .file-cta { background-color: #0a59e0; border-color: transparent; color: #fff; } .Bulma-component .file.is-info .file-cta { background-color: #24c9fd; border-color: transparent; color: #fff; } .Bulma-component .file.is-info:hover .file-cta, .Bulma-component .file.is-info.is-hovered .file-cta { background-color: #17c6fd; border-color: transparent; color: #fff; } .Bulma-component .file.is-info:focus .file-cta, .Bulma-component .file.is-info.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(36, 201, 253, 0.25); box-shadow: 0 0 0.5em rgba(36, 201, 253, 0.25); color: #fff; } .Bulma-component .file.is-info:active .file-cta, .Bulma-component .file.is-info.is-active .file-cta { background-color: #0bc3fd; border-color: transparent; color: #fff; } .Bulma-component .file.is-success .file-cta { background-color: #027d3f; border-color: transparent; color: #fff; } .Bulma-component .file.is-success:hover .file-cta, .Bulma-component .file.is-success.is-hovered .file-cta { background-color: #027039; border-color: transparent; color: #fff; } .Bulma-component .file.is-success:focus .file-cta, .Bulma-component .file.is-success.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(2, 125, 63, 0.25); box-shadow: 0 0 0.5em rgba(2, 125, 63, 0.25); color: #fff; } .Bulma-component .file.is-success:active .file-cta, .Bulma-component .file.is-success.is-active .file-cta { background-color: #026432; border-color: transparent; color: #fff; } .Bulma-component .file.is-warning .file-cta { background-color: #ffbf00; border-color: transparent; color: rgba(0, 0, 0, 0.7); } .Bulma-component .file.is-warning:hover .file-cta, .Bulma-component .file.is-warning.is-hovered .file-cta { background-color: #f2b500; border-color: transparent; color: rgba(0, 0, 0, 0.7); } .Bulma-component .file.is-warning:focus .file-cta, .Bulma-component .file.is-warning.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(255, 191, 0, 0.25); box-shadow: 0 0 0.5em rgba(255, 191, 0, 0.25); color: rgba(0, 0, 0, 0.7); } .Bulma-component .file.is-warning:active .file-cta, .Bulma-component .file.is-warning.is-active .file-cta { background-color: #e6ac00; border-color: transparent; color: rgba(0, 0, 0, 0.7); } .Bulma-component .file.is-danger .file-cta { background-color: #ba1b1b; border-color: transparent; color: #fff; } .Bulma-component .file.is-danger:hover .file-cta, .Bulma-component .file.is-danger.is-hovered .file-cta { background-color: #af1919; border-color: transparent; color: #fff; } .Bulma-component .file.is-danger:focus .file-cta, .Bulma-component .file.is-danger.is-focused .file-cta { border-color: transparent; -webkit-box-shadow: 0 0 0.5em rgba(186, 27, 27, 0.25); box-shadow: 0 0 0.5em rgba(186, 27, 27, 0.25); color: #fff; } .Bulma-component .file.is-danger:active .file-cta, .Bulma-component .file.is-danger.is-active .file-cta { background-color: #a41818; border-color: transparent; color: #fff; } .Bulma-component .file.is-small { font-size: 14px; } .Bulma-component .file.is-normal { font-size: 16px; } .Bulma-component .file.is-medium { font-size: 18px; } .Bulma-component .file.is-medium .file-icon .fa { font-size: 21px; } .Bulma-component .file.is-large { font-size: 24px; } .Bulma-component .file.is-large .file-icon .fa { font-size: 28px; } .Bulma-component .file.has-name .file-cta { border-bottom-right-radius: 0; border-top-right-radius: 0; } .Bulma-component .file.has-name .file-name { border-bottom-left-radius: 0; border-top-left-radius: 0; } .Bulma-component .file.has-name.is-empty .file-cta { border-radius: 8px; } .Bulma-component .file.has-name.is-empty .file-name { display: none; } .Bulma-component .file.is-boxed .file-label { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .Bulma-component .file.is-boxed .file-cta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; padding: 1em 3em; } .Bulma-component .file.is-boxed .file-name { border-width: 0 1px 1px; } .Bulma-component .file.is-boxed .file-icon { height: 1.5em; width: 1.5em; } .Bulma-component .file.is-boxed .file-icon .fa { font-size: 21px; } .Bulma-component .file.is-boxed.is-small .file-icon .fa { font-size: 14px; } .Bulma-component .file.is-boxed.is-medium .file-icon .fa { font-size: 28px; } .Bulma-component .file.is-boxed.is-large .file-icon .fa { font-size: 35px; } .Bulma-component .file.is-boxed.has-name .file-cta { border-radius: 8px 8px 0 0; } .Bulma-component .file.is-boxed.has-name .file-name { border-radius: 0 0 8px 8px; border-width: 0 1px 1px; } .Bulma-component .file.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .file.is-fullwidth .file-label { width: 100%; } .Bulma-component .file.is-fullwidth .file-name { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: none; } .Bulma-component .file.is-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .Bulma-component .file.is-right .file-cta { border-radius: 0 8px 8px 0; } .Bulma-component .file.is-right .file-name { border-radius: 8px 0 0 8px; border-width: 1px 0 1px 1px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .Bulma-component .file-label { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow: hidden; position: relative; } .Bulma-component .file-label:hover .file-cta { background-color: #eeeeee; color: #363636; } .Bulma-component .file-label:hover .file-name { border-color: #d5d5d5; } .Bulma-component .file-label:active .file-cta { background-color: #e8e8e8; color: #363636; } .Bulma-component .file-label:active .file-name { border-color: #cfcfcf; } .Bulma-component .file-input { height: 100%; left: 0; opacity: 0; outline: none; position: absolute; top: 0; width: 100%; } .Bulma-component .file-cta, .Bulma-component .file-name { border-color: #dbdbdb; border-radius: 8px; font-size: 1em; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .Bulma-component .file-cta { background-color: whitesmoke; color: #4a4a4a; } .Bulma-component .file-name { border-color: #dbdbdb; border-style: solid; border-width: 1px 1px 1px 0; display: block; max-width: 16em; overflow: hidden; text-align: inherit; text-overflow: ellipsis; } .Bulma-component .file-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 1em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0.5em; width: 1em; } .Bulma-component .file-icon .fa { font-size: 14px; } .Bulma-component .label { color: #808080; display: block; font-size: 16px; font-weight: 700; } .Bulma-component .label:not(:last-child) { margin-bottom: 0.5em; } .Bulma-component .label.is-small { font-size: 14px; } .Bulma-component .label.is-medium { font-size: 18px; } .Bulma-component .label.is-large { font-size: 24px; } .Bulma-component .help { display: block; font-size: 16px; margin-top: 0.25rem; } .Bulma-component .help.is-white { color: #FFFFFF; } .Bulma-component .help.is-black { color: #000000; } .Bulma-component .help.is-light { color: whitesmoke; } .Bulma-component .help.is-dark { color: #363636; } .Bulma-component .help.is-primary { color: #1064f4; } .Bulma-component .help.is-link { color: #1064f4; } .Bulma-component .help.is-info { color: #24c9fd; } .Bulma-component .help.is-success { color: #027d3f; } .Bulma-component .help.is-warning { color: #ffbf00; } .Bulma-component .help.is-danger { color: #ba1b1b; } .Bulma-component .field:not(:last-child) { margin-bottom: 0.75rem; } .Bulma-component .field.has-addons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .Bulma-component .field.has-addons .control:not(:last-child) { margin-right: -1px; } .Bulma-component .field.has-addons .control:not(:first-child):not(:last-child) .button, .Bulma-component .field.has-addons .control:not(:first-child):not(:last-child) .input, .Bulma-component .field.has-addons .control:not(:first-child):not(:last-child) .select select { border-radius: 0; } .Bulma-component .field.has-addons .control:first-child:not(:only-child) .button, .Bulma-component .field.has-addons .control:first-child:not(:only-child) .input, .Bulma-component .field.has-addons .control:first-child:not(:only-child) .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; } .Bulma-component .field.has-addons .control:last-child:not(:only-child) .button, .Bulma-component .field.has-addons .control:last-child:not(:only-child) .input, .Bulma-component .field.has-addons .control:last-child:not(:only-child) .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; } .Bulma-component .field.has-addons .control .button:not([disabled]):hover, .Bulma-component .field.has-addons .control .button:not([disabled]).is-hovered, .Bulma-component .field.has-addons .control .input:not([disabled]):hover, .Bulma-component .field.has-addons .control .input:not([disabled]).is-hovered, .Bulma-component .field.has-addons .control .select select:not([disabled]):hover, .Bulma-component .field.has-addons .control .select select:not([disabled]).is-hovered { z-index: 2; } .Bulma-component .field.has-addons .control .button:not([disabled]):focus, .Bulma-component .field.has-addons .control .button:not([disabled]).is-focused, .Bulma-component .field.has-addons .control .button:not([disabled]):active, .Bulma-component .field.has-addons .control .button:not([disabled]).is-active, .Bulma-component .field.has-addons .control .input:not([disabled]):focus, .Bulma-component .field.has-addons .control .input:not([disabled]).is-focused, .Bulma-component .field.has-addons .control .input:not([disabled]):active, .Bulma-component .field.has-addons .control .input:not([disabled]).is-active, .Bulma-component .field.has-addons .control .select select:not([disabled]):focus, .Bulma-component .field.has-addons .control .select select:not([disabled]).is-focused, .Bulma-component .field.has-addons .control .select select:not([disabled]):active, .Bulma-component .field.has-addons .control .select select:not([disabled]).is-active { z-index: 3; } .Bulma-component .field.has-addons .control .button:not([disabled]):focus:hover, .Bulma-component .field.has-addons .control .button:not([disabled]).is-focused:hover, .Bulma-component .field.has-addons .control .button:not([disabled]):active:hover, .Bulma-component .field.has-addons .control .button:not([disabled]).is-active:hover, .Bulma-component .field.has-addons .control .input:not([disabled]):focus:hover, .Bulma-component .field.has-addons .control .input:not([disabled]).is-focused:hover, .Bulma-component .field.has-addons .control .input:not([disabled]):active:hover, .Bulma-component .field.has-addons .control .input:not([disabled]).is-active:hover, .Bulma-component .field.has-addons .control .select select:not([disabled]):focus:hover, .Bulma-component .field.has-addons .control .select select:not([disabled]).is-focused:hover, .Bulma-component .field.has-addons .control .select select:not([disabled]):active:hover, .Bulma-component .field.has-addons .control .select select:not([disabled]).is-active:hover { z-index: 4; } .Bulma-component .field.has-addons .control.is-expanded { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .field.has-addons.has-addons-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .field.has-addons.has-addons-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .Bulma-component .field.has-addons.has-addons-fullwidth .control { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; } .Bulma-component .field.is-grouped { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .Bulma-component .field.is-grouped > .control { -ms-flex-negative: 0; flex-shrink: 0; } .Bulma-component .field.is-grouped > .control:not(:last-child) { margin-bottom: 0; margin-right: 0.75rem; } .Bulma-component .field.is-grouped > .control.is-expanded { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .field.is-grouped.is-grouped-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .field.is-grouped.is-grouped-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .Bulma-component .field.is-grouped.is-grouped-multiline { -ms-flex-wrap: wrap; flex-wrap: wrap; } .Bulma-component .field.is-grouped.is-grouped-multiline > .control:last-child, .Bulma-component .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { margin-bottom: 0.75rem; } .Bulma-component .field.is-grouped.is-grouped-multiline:last-child { margin-bottom: -0.75rem; } .Bulma-component .field.is-grouped.is-grouped-multiline:not(:last-child) { margin-bottom: 0; } @media screen and (min-width: 768px), print { .Bulma-component .field.is-horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; } } .Bulma-component .field-label .label { font-size: inherit; } @media screen and (max-width: 767px) { .Bulma-component .field-label { margin-bottom: 0.5rem; } } @media screen and (min-width: 768px), print { .Bulma-component .field-label { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 1.5rem; text-align: right; } .Bulma-component .field-label.is-small { font-size: 14px; padding-top: 0.375em; } .Bulma-component .field-label.is-normal { padding-top: 0.375em; } .Bulma-component .field-label.is-medium { font-size: 18px; padding-top: 0.375em; } .Bulma-component .field-label.is-large { font-size: 24px; padding-top: 0.375em; } } .Bulma-component .field-body .field .field { margin-bottom: 0; } @media screen and (min-width: 768px), print { .Bulma-component .field-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5; -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .field-body .field { margin-bottom: 0; } .Bulma-component .field-body > .field { -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .field-body > .field:not(.is-narrow) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .Bulma-component .field-body > .field:not(:last-child) { margin-right: 0.75rem; } } .Bulma-component .control { -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; font-size: 16px; position: relative; text-align: inherit; } .Bulma-component .control.has-icons-left .input:focus ~ .icon, .Bulma-component .control.has-icons-left .select:focus ~ .icon, .Bulma-component .control.has-icons-right .input:focus ~ .icon, .Bulma-component .control.has-icons-right .select:focus ~ .icon { color: #4a4a4a; } .Bulma-component .control.has-icons-left .input.is-small ~ .icon, .Bulma-component .control.has-icons-left .select.is-small ~ .icon, .Bulma-component .control.has-icons-right .input.is-small ~ .icon, .Bulma-component .control.has-icons-right .select.is-small ~ .icon { font-size: 14px; } .Bulma-component .control.has-icons-left .input.is-medium ~ .icon, .Bulma-component .control.has-icons-left .select.is-medium ~ .icon, .Bulma-component .control.has-icons-right .input.is-medium ~ .icon, .Bulma-component .control.has-icons-right .select.is-medium ~ .icon { font-size: 18px; } .Bulma-component .control.has-icons-left .input.is-large ~ .icon, .Bulma-component .control.has-icons-left .select.is-large ~ .icon, .Bulma-component .control.has-icons-right .input.is-large ~ .icon, .Bulma-component .control.has-icons-right .select.is-large ~ .icon { font-size: 24px; } .Bulma-component .control.has-icons-left .icon, .Bulma-component .control.has-icons-right .icon { color: #dbdbdb; height: 48px; pointer-events: none; position: absolute; top: 0; width: 48px; z-index: 4; } .Bulma-component .control.has-icons-left .input, .Bulma-component .control.has-icons-left .select select { padding-left: 48px; } .Bulma-component .control.has-icons-left .icon.is-left { left: 0; } .Bulma-component .control.has-icons-right .input, .Bulma-component .control.has-icons-right .select select { padding-right: 48px; } .Bulma-component .control.has-icons-right .icon.is-right { right: 0; } .Bulma-component .control.is-loading::after { position: absolute !important; right: 0.625em; top: 0.625em; z-index: 4; } .Bulma-component .control.is-loading.is-small:after { font-size: 14px; } .Bulma-component .control.is-loading.is-medium:after { font-size: 18px; } .Bulma-component .control.is-loading.is-large:after { font-size: 24px; } .Bulma-component .breadcrumb { font-size: 16px; white-space: nowrap; } .Bulma-component .breadcrumb a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #1064f4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 0.75em; } .Bulma-component .breadcrumb a:hover { color: #363636; } .Bulma-component .breadcrumb li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .breadcrumb li:first-child a { padding-left: 0; } .Bulma-component .breadcrumb li.is-active a { color: #363636; cursor: default; pointer-events: none; } .Bulma-component .breadcrumb li + li::before { color: #b5b5b5; content: "/"; } .Bulma-component .breadcrumb ul, .Bulma-component .breadcrumb ol { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .Bulma-component .breadcrumb .icon:first-child { margin-right: 0.5em; } .Bulma-component .breadcrumb .icon:last-child { margin-left: 0.5em; } .Bulma-component .breadcrumb.is-centered ol, .Bulma-component .breadcrumb.is-centered ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .breadcrumb.is-right ol, .Bulma-component .breadcrumb.is-right ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .Bulma-component .breadcrumb.is-small { font-size: 14px; } .Bulma-component .breadcrumb.is-medium { font-size: 18px; } .Bulma-component .breadcrumb.is-large { font-size: 24px; } .Bulma-component .breadcrumb.has-arrow-separator li + li::before { content: "→"; } .Bulma-component .breadcrumb.has-bullet-separator li + li::before { content: "•"; } .Bulma-component .breadcrumb.has-dot-separator li + li::before { content: "·"; } .Bulma-component .breadcrumb.has-succeeds-separator li + li::before { content: "≻"; } .Bulma-component .card { background-color: #FFFFFF; border-radius: 0.25rem; -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0px 0 1px rgba(0, 0, 0, 0.02); box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0px 0 1px rgba(0, 0, 0, 0.02); color: #4a4a4a; max-width: 100%; position: relative; } .Bulma-component .card-footer:first-child, .Bulma-component .card-content:first-child, .Bulma-component .card-header:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .Bulma-component .card-footer:last-child, .Bulma-component .card-content:last-child, .Bulma-component .card-header:last-child { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .Bulma-component .card-header { background-color: transparent; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.1); box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .card-header-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #363636; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-weight: 700; padding: 0.75rem 1rem; } .Bulma-component .card-header-title.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .card-header-icon { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none; color: currentColor; font-family: inherit; font-size: 1em; margin: 0; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.75rem 1rem; } .Bulma-component .card-image { display: block; position: relative; } .Bulma-component .card-image:first-child img { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .Bulma-component .card-image:last-child img { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .Bulma-component .card-content { background-color: transparent; padding: 1.5rem; } .Bulma-component .card-footer { background-color: transparent; border-top: 1px solid #ededed; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .card-footer-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.75rem; } .Bulma-component .card-footer-item:not(:last-child) { border-right: 1px solid #ededed; } .Bulma-component .card .media:not(:last-child) { margin-bottom: 1.5rem; } .Bulma-component .dropdown { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; vertical-align: top; } .Bulma-component .dropdown.is-active .dropdown-menu, .Bulma-component .dropdown.is-hoverable:hover .dropdown-menu { display: block; } .Bulma-component .dropdown.is-right .dropdown-menu { left: auto; right: 0; } .Bulma-component .dropdown.is-up .dropdown-menu { bottom: 100%; padding-bottom: 4px; padding-top: initial; top: auto; } .Bulma-component .dropdown-menu { display: none; left: 0; min-width: 12rem; padding-top: 4px; position: absolute; top: 100%; z-index: 20; } .Bulma-component .dropdown-content { background-color: #FFFFFF; border-radius: 12px; -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0px 0 1px rgba(0, 0, 0, 0.02); box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0px 0 1px rgba(0, 0, 0, 0.02); padding-bottom: 0; padding-top: 0; } .Bulma-component .dropdown-item, .Bulma-component .dropdown .dropdown-menu .has-link a { color: #4a4a4a; display: block; font-size: 0.875rem; line-height: 1.5; padding: 0.375rem 1rem; position: relative; } .Bulma-component a.dropdown-item, .Bulma-component .dropdown .dropdown-menu .has-link a, .Bulma-component button.dropdown-item { padding-right: 3rem; text-align: inherit; white-space: nowrap; width: 100%; } .Bulma-component a.dropdown-item:hover, .Bulma-component .dropdown .dropdown-menu .has-link a:hover, .Bulma-component button.dropdown-item:hover { background-color: inherit; color: #000000; } .Bulma-component a.dropdown-item.is-active, .Bulma-component .dropdown .dropdown-menu .has-link a.is-active, .Bulma-component button.dropdown-item.is-active { background-color: #FFFFFF; color: #1064f4; } .Bulma-component .dropdown-divider { background-color: #ededed; border: none; display: block; height: 1px; margin: 0.5rem 0; } .Bulma-component .level { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .Bulma-component .level code { border-radius: 8px; } .Bulma-component .level img { display: inline-block; vertical-align: top; } .Bulma-component .level.is-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .level.is-mobile .level-left, .Bulma-component .level.is-mobile .level-right { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .level.is-mobile .level-left + .level-right { margin-top: 0; } .Bulma-component .level.is-mobile .level-item:not(:last-child) { margin-bottom: 0; margin-right: 0.75rem; } .Bulma-component .level.is-mobile .level-item:not(.is-narrow) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (min-width: 768px), print { .Bulma-component .level { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .level > .level-item:not(.is-narrow) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .Bulma-component .level-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .level-item .title, .Bulma-component .level-item .subtitle { margin-bottom: 0; } @media screen and (max-width: 767px) { .Bulma-component .level-item:not(:last-child) { margin-bottom: 0.75rem; } } .Bulma-component .level-left, .Bulma-component .level-right { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .Bulma-component .level-left .level-item.is-flexible, .Bulma-component .level-right .level-item.is-flexible { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (min-width: 768px), print { .Bulma-component .level-left .level-item:not(:last-child), .Bulma-component .level-right .level-item:not(:last-child) { margin-right: 0.75rem; } } .Bulma-component .level-left { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (max-width: 767px) { .Bulma-component .level-left + .level-right { margin-top: 1.5rem; } } @media screen and (min-width: 768px), print { .Bulma-component .level-left { display: -webkit-box; display: -ms-flexbox; display: flex; } } .Bulma-component .level-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (min-width: 768px), print { .Bulma-component .level-right { display: -webkit-box; display: -ms-flexbox; display: flex; } } .Bulma-component .media { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: inherit; } .Bulma-component .media .content:not(:last-child) { margin-bottom: 0.75rem; } .Bulma-component .media .media { border-top: 1px solid rgba(219, 219, 219, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 0.75rem; } .Bulma-component .media .media .content:not(:last-child), .Bulma-component .media .media .control:not(:last-child) { margin-bottom: 0.5rem; } .Bulma-component .media .media .media { padding-top: 0.5rem; } .Bulma-component .media .media .media + .media { margin-top: 0.5rem; } .Bulma-component .media + .media { border-top: 1px solid rgba(219, 219, 219, 0.5); margin-top: 1rem; padding-top: 1rem; } .Bulma-component .media.is-large + .media { margin-top: 1.5rem; padding-top: 1.5rem; } .Bulma-component .media-left, .Bulma-component .media-right { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .Bulma-component .media-left { margin-right: 1rem; } .Bulma-component .media-right { margin-left: 1rem; } .Bulma-component .media-content { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; text-align: inherit; } @media screen and (max-width: 767px) { .Bulma-component .media-content { overflow-x: auto; } } .Bulma-component .menu { font-size: 16px; } .Bulma-component .menu.is-small { font-size: 14px; } .Bulma-component .menu.is-medium { font-size: 18px; } .Bulma-component .menu.is-large { font-size: 24px; } .Bulma-component .menu-list { line-height: 1.25; } .Bulma-component .menu-list a { border-radius: 8px; color: #4a4a4a; display: block; padding: 0.5em 0.75em; } .Bulma-component .menu-list a:hover { background-color: whitesmoke; color: #363636; } .Bulma-component .menu-list a.is-active { background-color: #1064f4; color: #fff; } .Bulma-component .menu-list li ul { border-left: 1px solid #dbdbdb; margin: 0.75em; padding-left: 0.75em; } .Bulma-component .menu-label { color: #7a7a7a; font-size: 0.75em; letter-spacing: 0.1em; text-transform: uppercase; } .Bulma-component .menu-label:not(:first-child) { margin-top: 1em; } .Bulma-component .menu-label:not(:last-child) { margin-bottom: 1em; } .Bulma-component .message { background-color: whitesmoke; border-radius: 8px; font-size: 16px; } .Bulma-component .message strong { color: currentColor; } .Bulma-component .message a:not(.button):not(.tag):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .Bulma-component .message.is-small { font-size: 14px; } .Bulma-component .message.is-medium { font-size: 18px; } .Bulma-component .message.is-large { font-size: 24px; } .Bulma-component .message.is-white { background-color: white; } .Bulma-component .message.is-white .message-header { background-color: #FFFFFF; color: #000000; } .Bulma-component .message.is-white .message-body { border-color: #FFFFFF; } .Bulma-component .message.is-black { background-color: #fafafa; } .Bulma-component .message.is-black .message-header { background-color: #000000; color: #FFFFFF; } .Bulma-component .message.is-black .message-body { border-color: #000000; } .Bulma-component .message.is-light { background-color: #fafafa; } .Bulma-component .message.is-light .message-header { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } .Bulma-component .message.is-light .message-body { border-color: whitesmoke; } .Bulma-component .message.is-dark { background-color: #fafafa; } .Bulma-component .message.is-dark .message-header { background-color: #363636; color: #fff; } .Bulma-component .message.is-dark .message-body { border-color: #363636; } .Bulma-component .message.is-primary { background-color: #b7d0fc; } .Bulma-component .message.is-primary .message-header { background-color: #1064f4; color: #fff; } .Bulma-component .message.is-primary .message-body { border-color: #1064f4; color: #0b45ab; } .Bulma-component .message.is-link { background-color: #ebf2fe; } .Bulma-component .message.is-link .message-header { background-color: #1064f4; color: #fff; } .Bulma-component .message.is-link .message-body { border-color: #1064f4; color: #0b5be5; } .Bulma-component .message.is-info { background-color: #edfbff; } .Bulma-component .message.is-info .message-header { background-color: #24c9fd; color: #fff; } .Bulma-component .message.is-info .message-body { border-color: #24c9fd; color: #167998; } .Bulma-component .message.is-success { background-color: #ebf5f0; } .Bulma-component .message.is-success .message-header { background-color: #027d3f; color: #fff; } .Bulma-component .message.is-success .message-body { border-color: #027d3f; color: #01582c; } .Bulma-component .message.is-warning { background-color: #fffaeb; } .Bulma-component .message.is-warning .message-header { background-color: #ffbf00; color: rgba(0, 0, 0, 0.7); } .Bulma-component .message.is-warning .message-body { border-color: #ffbf00; color: #806000; } .Bulma-component .message.is-danger { background-color: #eabbbb; } .Bulma-component .message.is-danger .message-header { background-color: #ba1b1b; color: #fff; } .Bulma-component .message.is-danger .message-body { border-color: #ba1b1b; color: #951616; } .Bulma-component .message-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #4a4a4a; border-radius: 8px 8px 0 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.25; padding: 0.75em 1em; position: relative; } .Bulma-component .message-header .delete { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 0.75em; } .Bulma-component .message-header + .message-body { border-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .Bulma-component .message-body { border-color: #dbdbdb; border-radius: 8px; border-style: solid; border-width: 0 0 0 4px; color: #4a4a4a; padding: 1.25em 1.5em; } .Bulma-component .message-body code, .Bulma-component .message-body pre { background-color: #FFFFFF; } .Bulma-component .message-body pre code { background-color: transparent; } .Bulma-component .modal { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; position: fixed; z-index: 40; } .Bulma-component .modal.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .modal-background { background-color: rgba(15, 15, 15, 0.3); } .Bulma-component .modal-content, .Bulma-component .modal-card { margin: 0 20px; max-height: calc(100vh - 160px); overflow: auto; position: relative; width: 100%; } @media screen and (min-width: 768px) { .Bulma-component .modal-content, .Bulma-component .modal-card { margin: 0 auto; max-height: calc(100vh - 40px); width: 640px; } } .Bulma-component .modal-close { background: none; height: 40px; position: fixed; right: 20px; top: 20px; width: 40px; } .Bulma-component .modal-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; -ms-overflow-y: visible; } .Bulma-component .modal-card-head, .Bulma-component .modal-card-foot { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 20px; position: relative; } .Bulma-component .modal-card-head { border-bottom: 0px solid #FFFFFF; border-top-left-radius: 4px; border-top-right-radius: 4px; } .Bulma-component .modal-card-title { color: #363636; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.25rem; line-height: 1; } .Bulma-component .modal-card-foot { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top: 0px solid #FFFFFF; } .Bulma-component .modal-card-foot .button:not(:last-child) { margin-right: 0.5em; } .Bulma-component .modal-card-body { -webkit-overflow-scrolling: touch; background-color: #FFFFFF; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; overflow: auto; padding: 20px; } .Bulma-component .navbar { background-color: #FFFFFF; min-height: 3.25rem; position: relative; z-index: 30; } .Bulma-component .navbar.is-white { background-color: #FFFFFF; color: #000000; } .Bulma-component .navbar.is-white .navbar-brand > .navbar-item, .Bulma-component .navbar.is-white .navbar-brand .navbar-link { color: #000000; } .Bulma-component .navbar.is-white .navbar-brand > a.navbar-item:focus, .Bulma-component .navbar.is-white .navbar-brand > a.navbar-item:hover, .Bulma-component .navbar.is-white .navbar-brand > a.navbar-item.is-active, .Bulma-component .navbar.is-white .navbar-brand .navbar-link:focus, .Bulma-component .navbar.is-white .navbar-brand .navbar-link:hover, .Bulma-component .navbar.is-white .navbar-brand .navbar-link.is-active { background-color: #f2f2f2; color: #000000; } .Bulma-component .navbar.is-white .navbar-brand .navbar-link::after { border-color: #000000; } .Bulma-component .navbar.is-white .navbar-burger { color: #000000; } @media screen and (min-width: 992px) { .Bulma-component .navbar.is-white .navbar-start > .navbar-item, .Bulma-component .navbar.is-white .navbar-start .navbar-link, .Bulma-component .navbar.is-white .navbar-end > .navbar-item, .Bulma-component .navbar.is-white .navbar-end .navbar-link { color: #000000; } .Bulma-component .navbar.is-white .navbar-start > a.navbar-item:focus, .Bulma-component .navbar.is-white .navbar-start > a.navbar-item:hover, .Bulma-component .navbar.is-white .navbar-start > a.navbar-item.is-active, .Bulma-component .navbar.is-white .navbar-start .navbar-link:focus, .Bulma-component .navbar.is-white .navbar-start .navbar-link:hover, .Bulma-component .navbar.is-white .navbar-start .navbar-link.is-active, .Bulma-component .navbar.is-white .navbar-end > a.navbar-item:focus, .Bulma-component .navbar.is-white .navbar-end > a.navbar-item:hover, .Bulma-component .navbar.is-white .navbar-end > a.navbar-item.is-active, .Bulma-component .navbar.is-white .navbar-end .navbar-link:focus, .Bulma-component .navbar.is-white .navbar-end .navbar-link:hover, .Bulma-component .navbar.is-white .navbar-end .navbar-link.is-active { background-color: #f2f2f2; color: #000000; } .Bulma-component .navbar.is-white .navbar-start .navbar-link::after, .Bulma-component .navbar.is-white .navbar-end .navbar-link::after { border-color: #000000; } .Bulma-component .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .Bulma-component .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, .Bulma-component .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { background-color: #f2f2f2; color: #000000; } .Bulma-component .navbar.is-white .navbar-dropdown a.navbar-item.is-active { background-color: #FFFFFF; color: #000000; } } .Bulma-component .navbar.is-black { background-color: #000000; color: #FFFFFF; } .Bulma-component .navbar.is-black .navbar-brand > .navbar-item, .Bulma-component .navbar.is-black .navbar-brand .navbar-link { color: #FFFFFF; } .Bulma-component .navbar.is-black .navbar-brand > a.navbar-item:focus, .Bulma-component .navbar.is-black .navbar-brand > a.navbar-item:hover, .Bulma-component .navbar.is-black .navbar-brand > a.navbar-item.is-active, .Bulma-component .navbar.is-black .navbar-brand .navbar-link:focus, .Bulma-component .navbar.is-black .navbar-brand .navbar-link:hover, .Bulma-component .navbar.is-black .navbar-brand .navbar-link.is-active { background-color: black; color: #FFFFFF; } .Bulma-component .navbar.is-black .navbar-brand .navbar-link::after { border-color: #FFFFFF; } .Bulma-component .navbar.is-black .navbar-burger { color: #FFFFFF; } @media screen and (min-width: 992px) { .Bulma-component .navbar.is-black .navbar-start > .navbar-item, .Bulma-component .navbar.is-black .navbar-start .navbar-link, .Bulma-component .navbar.is-black .navbar-end > .navbar-item, .Bulma-component .navbar.is-black .navbar-end .navbar-link { color: #FFFFFF; } .Bulma-component .navbar.is-black .navbar-start > a.navbar-item:focus, .Bulma-component .navbar.is-black .navbar-start > a.navbar-item:hover, .Bulma-component .navbar.is-black .navbar-start > a.navbar-item.is-active, .Bulma-component .navbar.is-black .navbar-start .navbar-link:focus, .Bulma-component .navbar.is-black .navbar-start .navbar-link:hover, .Bulma-component .navbar.is-black .navbar-start .navbar-link.is-active, .Bulma-component .navbar.is-black .navbar-end > a.navbar-item:focus, .Bulma-component .navbar.is-black .navbar-end > a.navbar-item:hover, .Bulma-component .navbar.is-black .navbar-end > a.navbar-item.is-active, .Bulma-component .navbar.is-black .navbar-end .navbar-link:focus, .Bulma-component .navbar.is-black .navbar-end .navbar-link:hover, .Bulma-component .navbar.is-black .navbar-end .navbar-link.is-active { background-color: black; color: #FFFFFF; } .Bulma-component .navbar.is-black .navbar-start .navbar-link::after, .Bulma-component .navbar.is-black .navbar-end .navbar-link::after { border-color: #FFFFFF; } .Bulma-component .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .Bulma-component .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, .Bulma-component .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { background-color: black; color: #FFFFFF; } .Bulma-component .navbar.is-black .navbar-dropdown a.navbar-item.is-active { background-color: #000000; color: #FFFFFF; } } .Bulma-component .navbar.is-light { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-light .navbar-brand > .navbar-item, .Bulma-component .navbar.is-light .navbar-brand .navbar-link { color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-light .navbar-brand > a.navbar-item:focus, .Bulma-component .navbar.is-light .navbar-brand > a.navbar-item:hover, .Bulma-component .navbar.is-light .navbar-brand > a.navbar-item.is-active, .Bulma-component .navbar.is-light .navbar-brand .navbar-link:focus, .Bulma-component .navbar.is-light .navbar-brand .navbar-link:hover, .Bulma-component .navbar.is-light .navbar-brand .navbar-link.is-active { background-color: #e8e8e8; color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-light .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-light .navbar-burger { color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 992px) { .Bulma-component .navbar.is-light .navbar-start > .navbar-item, .Bulma-component .navbar.is-light .navbar-start .navbar-link, .Bulma-component .navbar.is-light .navbar-end > .navbar-item, .Bulma-component .navbar.is-light .navbar-end .navbar-link { color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-light .navbar-start > a.navbar-item:focus, .Bulma-component .navbar.is-light .navbar-start > a.navbar-item:hover, .Bulma-component .navbar.is-light .navbar-start > a.navbar-item.is-active, .Bulma-component .navbar.is-light .navbar-start .navbar-link:focus, .Bulma-component .navbar.is-light .navbar-start .navbar-link:hover, .Bulma-component .navbar.is-light .navbar-start .navbar-link.is-active, .Bulma-component .navbar.is-light .navbar-end > a.navbar-item:focus, .Bulma-component .navbar.is-light .navbar-end > a.navbar-item:hover, .Bulma-component .navbar.is-light .navbar-end > a.navbar-item.is-active, .Bulma-component .navbar.is-light .navbar-end .navbar-link:focus, .Bulma-component .navbar.is-light .navbar-end .navbar-link:hover, .Bulma-component .navbar.is-light .navbar-end .navbar-link.is-active { background-color: #e8e8e8; color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-light .navbar-start .navbar-link::after, .Bulma-component .navbar.is-light .navbar-end .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .Bulma-component .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .Bulma-component .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { background-color: #e8e8e8; color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-light .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } } .Bulma-component .navbar.is-dark { background-color: #363636; color: #fff; } .Bulma-component .navbar.is-dark .navbar-brand > .navbar-item, .Bulma-component .navbar.is-dark .navbar-brand .navbar-link { color: #fff; } .Bulma-component .navbar.is-dark .navbar-brand > a.navbar-item:focus, .Bulma-component .navbar.is-dark .navbar-brand > a.navbar-item:hover, .Bulma-component .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .Bulma-component .navbar.is-dark .navbar-brand .navbar-link:focus, .Bulma-component .navbar.is-dark .navbar-brand .navbar-link:hover, .Bulma-component .navbar.is-dark .navbar-brand .navbar-link.is-active { background-color: #292929; color: #fff; } .Bulma-component .navbar.is-dark .navbar-brand .navbar-link::after { border-color: #fff; } .Bulma-component .navbar.is-dark .navbar-burger { color: #fff; } @media screen and (min-width: 992px) { .Bulma-component .navbar.is-dark .navbar-start > .navbar-item, .Bulma-component .navbar.is-dark .navbar-start .navbar-link, .Bulma-component .navbar.is-dark .navbar-end > .navbar-item, .Bulma-component .navbar.is-dark .navbar-end .navbar-link { color: #fff; } .Bulma-component .navbar.is-dark .navbar-start > a.navbar-item:focus, .Bulma-component .navbar.is-dark .navbar-start > a.navbar-item:hover, .Bulma-component .navbar.is-dark .navbar-start > a.navbar-item.is-active, .Bulma-component .navbar.is-dark .navbar-start .navbar-link:focus, .Bulma-component .navbar.is-dark .navbar-start .navbar-link:hover, .Bulma-component .navbar.is-dark .navbar-start .navbar-link.is-active, .Bulma-component .navbar.is-dark .navbar-end > a.navbar-item:focus, .Bulma-component .navbar.is-dark .navbar-end > a.navbar-item:hover, .Bulma-component .navbar.is-dark .navbar-end > a.navbar-item.is-active, .Bulma-component .navbar.is-dark .navbar-end .navbar-link:focus, .Bulma-component .navbar.is-dark .navbar-end .navbar-link:hover, .Bulma-component .navbar.is-dark .navbar-end .navbar-link.is-active { background-color: #292929; color: #fff; } .Bulma-component .navbar.is-dark .navbar-start .navbar-link::after, .Bulma-component .navbar.is-dark .navbar-end .navbar-link::after { border-color: #fff; } .Bulma-component .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .Bulma-component .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, .Bulma-component .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { background-color: #292929; color: #fff; } .Bulma-component .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { background-color: #363636; color: #fff; } } .Bulma-component .navbar.is-primary { background-color: #1064f4; color: #fff; } .Bulma-component .navbar.is-primary .navbar-brand > .navbar-item, .Bulma-component .navbar.is-primary .navbar-brand .navbar-link { color: #fff; } .Bulma-component .navbar.is-primary .navbar-brand > a.navbar-item:focus, .Bulma-component .navbar.is-primary .navbar-brand > a.navbar-item:hover, .Bulma-component .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .Bulma-component .navbar.is-primary .navbar-brand .navbar-link:focus, .Bulma-component .navbar.is-primary .navbar-brand .navbar-link:hover, .Bulma-component .navbar.is-primary .navbar-brand .navbar-link.is-active { background-color: #0a59e0; color: #fff; } .Bulma-component .navbar.is-primary .navbar-brand .navbar-link::after { border-color: #fff; } .Bulma-component .navbar.is-primary .navbar-burger { color: #fff; } @media screen and (min-width: 992px) { .Bulma-component .navbar.is-primary .navbar-start > .navbar-item, .Bulma-component .navbar.is-primary .navbar-start .navbar-link, .Bulma-component .navbar.is-primary .navbar-end > .navbar-item, .Bulma-component .navbar.is-primary .navbar-end .navbar-link { color: #fff; } .Bulma-component .navbar.is-primary .navbar-start > a.navbar-item:focus, .Bulma-component .navbar.is-primary .navbar-start > a.navbar-item:hover, .Bulma-component .navbar.is-primary .navbar-start > a.navbar-item.is-active, .Bulma-component .navbar.is-primary .navbar-start .navbar-link:focus, .Bulma-component .navbar.is-primary .navbar-start .navbar-link:hover, .Bulma-component .navbar.is-primary .navbar-start .navbar-link.is-active, .Bulma-component .navbar.is-primary .navbar-end > a.navbar-item:focus, .Bulma-component .navbar.is-primary .navbar-end > a.navbar-item:hover, .Bulma-component .navbar.is-primary .navbar-end > a.navbar-item.is-active, .Bulma-component .navbar.is-primary .navbar-end .navbar-link:focus, .Bulma-component .navbar.is-primary .navbar-end .navbar-link:hover, .Bulma-component .navbar.is-primary .navbar-end .navbar-link.is-active { background-color: #0a59e0; color: #fff; } .Bulma-component .navbar.is-primary .navbar-start .navbar-link::after, .Bulma-component .navbar.is-primary .navbar-end .navbar-link::after { border-color: #fff; } .Bulma-component .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .Bulma-component .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .Bulma-component .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { background-color: #0a59e0; color: #fff; } .Bulma-component .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { background-color: #1064f4; color: #fff; } } .Bulma-component .navbar.is-link { background-color: #1064f4; color: #fff; } .Bulma-component .navbar.is-link .navbar-brand > .navbar-item, .Bulma-component .navbar.is-link .navbar-brand .navbar-link { color: #fff; } .Bulma-component .navbar.is-link .navbar-brand > a.navbar-item:focus, .Bulma-component .navbar.is-link .navbar-brand > a.navbar-item:hover, .Bulma-component .navbar.is-link .navbar-brand > a.navbar-item.is-active, .Bulma-component .navbar.is-link .navbar-brand .navbar-link:focus, .Bulma-component .navbar.is-link .navbar-brand .navbar-link:hover, .Bulma-component .navbar.is-link .navbar-brand .navbar-link.is-active { background-color: #0a59e0; color: #fff; } .Bulma-component .navbar.is-link .navbar-brand .navbar-link::after { border-color: #fff; } .Bulma-component .navbar.is-link .navbar-burger { color: #fff; } @media screen and (min-width: 992px) { .Bulma-component .navbar.is-link .navbar-start > .navbar-item, .Bulma-component .navbar.is-link .navbar-start .navbar-link, .Bulma-component .navbar.is-link .navbar-end > .navbar-item, .Bulma-component .navbar.is-link .navbar-end .navbar-link { color: #fff; } .Bulma-component .navbar.is-link .navbar-start > a.navbar-item:focus, .Bulma-component .navbar.is-link .navbar-start > a.navbar-item:hover, .Bulma-component .navbar.is-link .navbar-start > a.navbar-item.is-active, .Bulma-component .navbar.is-link .navbar-start .navbar-link:focus, .Bulma-component .navbar.is-link .navbar-start .navbar-link:hover, .Bulma-component .navbar.is-link .navbar-start .navbar-link.is-active, .Bulma-component .navbar.is-link .navbar-end > a.navbar-item:focus, .Bulma-component .navbar.is-link .navbar-end > a.navbar-item:hover, .Bulma-component .navbar.is-link .navbar-end > a.navbar-item.is-active, .Bulma-component .navbar.is-link .navbar-end .navbar-link:focus, .Bulma-component .navbar.is-link .navbar-end .navbar-link:hover, .Bulma-component .navbar.is-link .navbar-end .navbar-link.is-active { background-color: #0a59e0; color: #fff; } .Bulma-component .navbar.is-link .navbar-start .navbar-link::after, .Bulma-component .navbar.is-link .navbar-end .navbar-link::after { border-color: #fff; } .Bulma-component .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .Bulma-component .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .Bulma-component .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { background-color: #0a59e0; color: #fff; } .Bulma-component .navbar.is-link .navbar-dropdown a.navbar-item.is-active { background-color: #1064f4; color: #fff; } } .Bulma-component .navbar.is-info { background-color: #24c9fd; color: #fff; } .Bulma-component .navbar.is-info .navbar-brand > .navbar-item, .Bulma-component .navbar.is-info .navbar-brand .navbar-link { color: #fff; } .Bulma-component .navbar.is-info .navbar-brand > a.navbar-item:focus, .Bulma-component .navbar.is-info .navbar-brand > a.navbar-item:hover, .Bulma-component .navbar.is-info .navbar-brand > a.navbar-item.is-active, .Bulma-component .navbar.is-info .navbar-brand .navbar-link:focus, .Bulma-component .navbar.is-info .navbar-brand .navbar-link:hover, .Bulma-component .navbar.is-info .navbar-brand .navbar-link.is-active { background-color: #0bc3fd; color: #fff; } .Bulma-component .navbar.is-info .navbar-brand .navbar-link::after { border-color: #fff; } .Bulma-component .navbar.is-info .navbar-burger { color: #fff; } @media screen and (min-width: 992px) { .Bulma-component .navbar.is-info .navbar-start > .navbar-item, .Bulma-component .navbar.is-info .navbar-start .navbar-link, .Bulma-component .navbar.is-info .navbar-end > .navbar-item, .Bulma-component .navbar.is-info .navbar-end .navbar-link { color: #fff; } .Bulma-component .navbar.is-info .navbar-start > a.navbar-item:focus, .Bulma-component .navbar.is-info .navbar-start > a.navbar-item:hover, .Bulma-component .navbar.is-info .navbar-start > a.navbar-item.is-active, .Bulma-component .navbar.is-info .navbar-start .navbar-link:focus, .Bulma-component .navbar.is-info .navbar-start .navbar-link:hover, .Bulma-component .navbar.is-info .navbar-start .navbar-link.is-active, .Bulma-component .navbar.is-info .navbar-end > a.navbar-item:focus, .Bulma-component .navbar.is-info .navbar-end > a.navbar-item:hover, .Bulma-component .navbar.is-info .navbar-end > a.navbar-item.is-active, .Bulma-component .navbar.is-info .navbar-end .navbar-link:focus, .Bulma-component .navbar.is-info .navbar-end .navbar-link:hover, .Bulma-component .navbar.is-info .navbar-end .navbar-link.is-active { background-color: #0bc3fd; color: #fff; } .Bulma-component .navbar.is-info .navbar-start .navbar-link::after, .Bulma-component .navbar.is-info .navbar-end .navbar-link::after { border-color: #fff; } .Bulma-component .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .Bulma-component .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, .Bulma-component .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { background-color: #0bc3fd; color: #fff; } .Bulma-component .navbar.is-info .navbar-dropdown a.navbar-item.is-active { background-color: #24c9fd; color: #fff; } } .Bulma-component .navbar.is-success { background-color: #027d3f; color: #fff; } .Bulma-component .navbar.is-success .navbar-brand > .navbar-item, .Bulma-component .navbar.is-success .navbar-brand .navbar-link { color: #fff; } .Bulma-component .navbar.is-success .navbar-brand > a.navbar-item:focus, .Bulma-component .navbar.is-success .navbar-brand > a.navbar-item:hover, .Bulma-component .navbar.is-success .navbar-brand > a.navbar-item.is-active, .Bulma-component .navbar.is-success .navbar-brand .navbar-link:focus, .Bulma-component .navbar.is-success .navbar-brand .navbar-link:hover, .Bulma-component .navbar.is-success .navbar-brand .navbar-link.is-active { background-color: #026432; color: #fff; } .Bulma-component .navbar.is-success .navbar-brand .navbar-link::after { border-color: #fff; } .Bulma-component .navbar.is-success .navbar-burger { color: #fff; } @media screen and (min-width: 992px) { .Bulma-component .navbar.is-success .navbar-start > .navbar-item, .Bulma-component .navbar.is-success .navbar-start .navbar-link, .Bulma-component .navbar.is-success .navbar-end > .navbar-item, .Bulma-component .navbar.is-success .navbar-end .navbar-link { color: #fff; } .Bulma-component .navbar.is-success .navbar-start > a.navbar-item:focus, .Bulma-component .navbar.is-success .navbar-start > a.navbar-item:hover, .Bulma-component .navbar.is-success .navbar-start > a.navbar-item.is-active, .Bulma-component .navbar.is-success .navbar-start .navbar-link:focus, .Bulma-component .navbar.is-success .navbar-start .navbar-link:hover, .Bulma-component .navbar.is-success .navbar-start .navbar-link.is-active, .Bulma-component .navbar.is-success .navbar-end > a.navbar-item:focus, .Bulma-component .navbar.is-success .navbar-end > a.navbar-item:hover, .Bulma-component .navbar.is-success .navbar-end > a.navbar-item.is-active, .Bulma-component .navbar.is-success .navbar-end .navbar-link:focus, .Bulma-component .navbar.is-success .navbar-end .navbar-link:hover, .Bulma-component .navbar.is-success .navbar-end .navbar-link.is-active { background-color: #026432; color: #fff; } .Bulma-component .navbar.is-success .navbar-start .navbar-link::after, .Bulma-component .navbar.is-success .navbar-end .navbar-link::after { border-color: #fff; } .Bulma-component .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .Bulma-component .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, .Bulma-component .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { background-color: #026432; color: #fff; } .Bulma-component .navbar.is-success .navbar-dropdown a.navbar-item.is-active { background-color: #027d3f; color: #fff; } } .Bulma-component .navbar.is-warning { background-color: #ffbf00; color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-warning .navbar-brand > .navbar-item, .Bulma-component .navbar.is-warning .navbar-brand .navbar-link { color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-warning .navbar-brand > a.navbar-item:focus, .Bulma-component .navbar.is-warning .navbar-brand > a.navbar-item:hover, .Bulma-component .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .Bulma-component .navbar.is-warning .navbar-brand .navbar-link:focus, .Bulma-component .navbar.is-warning .navbar-brand .navbar-link:hover, .Bulma-component .navbar.is-warning .navbar-brand .navbar-link.is-active { background-color: #e6ac00; color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-warning .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-warning .navbar-burger { color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 992px) { .Bulma-component .navbar.is-warning .navbar-start > .navbar-item, .Bulma-component .navbar.is-warning .navbar-start .navbar-link, .Bulma-component .navbar.is-warning .navbar-end > .navbar-item, .Bulma-component .navbar.is-warning .navbar-end .navbar-link { color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-warning .navbar-start > a.navbar-item:focus, .Bulma-component .navbar.is-warning .navbar-start > a.navbar-item:hover, .Bulma-component .navbar.is-warning .navbar-start > a.navbar-item.is-active, .Bulma-component .navbar.is-warning .navbar-start .navbar-link:focus, .Bulma-component .navbar.is-warning .navbar-start .navbar-link:hover, .Bulma-component .navbar.is-warning .navbar-start .navbar-link.is-active, .Bulma-component .navbar.is-warning .navbar-end > a.navbar-item:focus, .Bulma-component .navbar.is-warning .navbar-end > a.navbar-item:hover, .Bulma-component .navbar.is-warning .navbar-end > a.navbar-item.is-active, .Bulma-component .navbar.is-warning .navbar-end .navbar-link:focus, .Bulma-component .navbar.is-warning .navbar-end .navbar-link:hover, .Bulma-component .navbar.is-warning .navbar-end .navbar-link.is-active { background-color: #e6ac00; color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-warning .navbar-start .navbar-link::after, .Bulma-component .navbar.is-warning .navbar-end .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .Bulma-component .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, .Bulma-component .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { background-color: #e6ac00; color: rgba(0, 0, 0, 0.7); } .Bulma-component .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { background-color: #ffbf00; color: rgba(0, 0, 0, 0.7); } } .Bulma-component .navbar.is-danger { background-color: #ba1b1b; color: #fff; } .Bulma-component .navbar.is-danger .navbar-brand > .navbar-item, .Bulma-component .navbar.is-danger .navbar-brand .navbar-link { color: #fff; } .Bulma-component .navbar.is-danger .navbar-brand > a.navbar-item:focus, .Bulma-component .navbar.is-danger .navbar-brand > a.navbar-item:hover, .Bulma-component .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .Bulma-component .navbar.is-danger .navbar-brand .navbar-link:focus, .Bulma-component .navbar.is-danger .navbar-brand .navbar-link:hover, .Bulma-component .navbar.is-danger .navbar-brand .navbar-link.is-active { background-color: #a41818; color: #fff; } .Bulma-component .navbar.is-danger .navbar-brand .navbar-link::after { border-color: #fff; } .Bulma-component .navbar.is-danger .navbar-burger { color: #fff; } @media screen and (min-width: 992px) { .Bulma-component .navbar.is-danger .navbar-start > .navbar-item, .Bulma-component .navbar.is-danger .navbar-start .navbar-link, .Bulma-component .navbar.is-danger .navbar-end > .navbar-item, .Bulma-component .navbar.is-danger .navbar-end .navbar-link { color: #fff; } .Bulma-component .navbar.is-danger .navbar-start > a.navbar-item:focus, .Bulma-component .navbar.is-danger .navbar-start > a.navbar-item:hover, .Bulma-component .navbar.is-danger .navbar-start > a.navbar-item.is-active, .Bulma-component .navbar.is-danger .navbar-start .navbar-link:focus, .Bulma-component .navbar.is-danger .navbar-start .navbar-link:hover, .Bulma-component .navbar.is-danger .navbar-start .navbar-link.is-active, .Bulma-component .navbar.is-danger .navbar-end > a.navbar-item:focus, .Bulma-component .navbar.is-danger .navbar-end > a.navbar-item:hover, .Bulma-component .navbar.is-danger .navbar-end > a.navbar-item.is-active, .Bulma-component .navbar.is-danger .navbar-end .navbar-link:focus, .Bulma-component .navbar.is-danger .navbar-end .navbar-link:hover, .Bulma-component .navbar.is-danger .navbar-end .navbar-link.is-active { background-color: #a41818; color: #fff; } .Bulma-component .navbar.is-danger .navbar-start .navbar-link::after, .Bulma-component .navbar.is-danger .navbar-end .navbar-link::after { border-color: #fff; } .Bulma-component .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .Bulma-component .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, .Bulma-component .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { background-color: #a41818; color: #fff; } .Bulma-component .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { background-color: #ba1b1b; color: #fff; } } .Bulma-component .navbar > .container { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 3.25rem; width: 100%; } .Bulma-component .navbar.has-shadow { -webkit-box-shadow: 0 2px 0 0 whitesmoke; box-shadow: 0 2px 0 0 whitesmoke; } .Bulma-component .navbar.is-fixed-bottom, .Bulma-component .navbar.is-fixed-top { left: 0; position: fixed; right: 0; z-index: 30; } .Bulma-component .navbar.is-fixed-bottom { bottom: 0; } .Bulma-component .navbar.is-fixed-bottom.has-shadow { -webkit-box-shadow: 0 -2px 0 0 whitesmoke; box-shadow: 0 -2px 0 0 whitesmoke; } .Bulma-component .navbar.is-fixed-top { top: 0; } .Bulma-component html.has-navbar-fixed-top, .Bulma-component body.has-navbar-fixed-top { padding-top: 3.25rem; } .Bulma-component html.has-navbar-fixed-bottom, .Bulma-component body.has-navbar-fixed-bottom { padding-bottom: 3.25rem; } .Bulma-component .navbar-brand, .Bulma-component .navbar-tabs { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; min-height: 3.25rem; } .Bulma-component .navbar-brand a.navbar-item:focus, .Bulma-component .navbar-brand a.navbar-item:hover { background-color: transparent; } .Bulma-component .navbar-tabs { -webkit-overflow-scrolling: touch; max-width: 100vw; overflow-x: auto; overflow-y: hidden; } .Bulma-component .navbar-burger { color: #4a4a4a; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none; cursor: pointer; display: block; height: 3.25rem; position: relative; width: 3.25rem; margin-left: auto; } .Bulma-component .navbar-burger span { background-color: currentColor; display: block; height: 1px; left: calc(50% - 8px); position: absolute; -webkit-transform-origin: center; transform-origin: center; -webkit-transition-duration: 86ms; transition-duration: 86ms; -webkit-transition-property: background-color, opacity, -webkit-transform; transition-property: background-color, opacity, -webkit-transform; transition-property: background-color, opacity, transform; transition-property: background-color, opacity, transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; width: 16px; } .Bulma-component .navbar-burger span:nth-child(1) { top: calc(50% - 6px); } .Bulma-component .navbar-burger span:nth-child(2) { top: calc(50% - 1px); } .Bulma-component .navbar-burger span:nth-child(3) { top: calc(50% + 4px); } .Bulma-component .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); } .Bulma-component .navbar-burger.is-active span:nth-child(1) { -webkit-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg); } .Bulma-component .navbar-burger.is-active span:nth-child(2) { opacity: 0; } .Bulma-component .navbar-burger.is-active span:nth-child(3) { -webkit-transform: translateY(-5px) rotate(-45deg); transform: translateY(-5px) rotate(-45deg); } .Bulma-component .navbar-menu { display: none; } .Bulma-component .navbar-item, .Bulma-component .navbar-link { color: #4a4a4a; display: block; line-height: 1.5; padding: 0.5rem 0.75rem; position: relative; } .Bulma-component .navbar-item .icon:only-child, .Bulma-component .navbar-link .icon:only-child { margin-left: -0.25rem; margin-right: -0.25rem; } .Bulma-component a.navbar-item, .Bulma-component .navbar-link { cursor: pointer; } .Bulma-component a.navbar-item:focus, .Bulma-component a.navbar-item:focus-within, .Bulma-component a.navbar-item:hover, .Bulma-component a.navbar-item.is-active, .Bulma-component .navbar-link:focus, .Bulma-component .navbar-link:focus-within, .Bulma-component .navbar-link:hover, .Bulma-component .navbar-link.is-active { background-color: #fafafa; color: #1064f4; } .Bulma-component .navbar-item { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .Bulma-component .navbar-item img { max-height: 1.75rem; } .Bulma-component .navbar-item.has-dropdown { padding: 0; } .Bulma-component .navbar-item.is-expanded { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .navbar-item.is-tab { border-bottom: 1px solid transparent; min-height: 3.25rem; padding-bottom: calc(0.5rem - 1px); } .Bulma-component .navbar-item.is-tab:focus, .Bulma-component .navbar-item.is-tab:hover { background-color: transparent; border-bottom-color: #1064f4; } .Bulma-component .navbar-item.is-tab.is-active { background-color: transparent; border-bottom-color: #1064f4; border-bottom-style: solid; border-bottom-width: 3px; color: #1064f4; padding-bottom: calc(0.5rem - 3px); } .Bulma-component .navbar-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .navbar-link:not(.is-arrowless) { padding-right: 2.5em; } .Bulma-component .navbar-link:not(.is-arrowless)::after { border-color: #1064f4; margin-top: -0.375em; right: 1.125em; } .Bulma-component .navbar-dropdown { font-size: 0.875rem; padding-bottom: 0.5rem; padding-top: 0.5rem; } .Bulma-component .navbar-dropdown .navbar-item { padding-left: 1.5rem; padding-right: 1.5rem; } .Bulma-component .navbar-divider { background-color: whitesmoke; border: none; display: none; height: 2px; margin: 0.5rem 0; } @media screen and (max-width: 991px) { .Bulma-component .navbar > .container { display: block; } .Bulma-component .navbar-brand .navbar-item, .Bulma-component .navbar-tabs .navbar-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .navbar-link::after { display: none; } .Bulma-component .navbar-menu { background-color: #FFFFFF; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); padding: 0.5rem 0; } .Bulma-component .navbar-menu.is-active { display: block; } .Bulma-component .navbar.is-fixed-bottom-touch, .Bulma-component .navbar.is-fixed-top-touch { left: 0; position: fixed; right: 0; z-index: 30; } .Bulma-component .navbar.is-fixed-bottom-touch { bottom: 0; } .Bulma-component .navbar.is-fixed-bottom-touch.has-shadow { -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); } .Bulma-component .navbar.is-fixed-top-touch { top: 0; } .Bulma-component .navbar.is-fixed-top .navbar-menu, .Bulma-component .navbar.is-fixed-top-touch .navbar-menu { -webkit-overflow-scrolling: touch; max-height: calc(100vh - 3.25rem); overflow: auto; } .Bulma-component html.has-navbar-fixed-top-touch, .Bulma-component body.has-navbar-fixed-top-touch { padding-top: 3.25rem; } .Bulma-component html.has-navbar-fixed-bottom-touch, .Bulma-component body.has-navbar-fixed-bottom-touch { padding-bottom: 3.25rem; } } @media screen and (min-width: 992px) { .Bulma-component .navbar, .Bulma-component .navbar-menu, .Bulma-component .navbar-start, .Bulma-component .navbar-end { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .navbar { min-height: 3.25rem; } .Bulma-component .navbar.is-spaced { padding: 1rem 2rem; } .Bulma-component .navbar.is-spaced .navbar-start, .Bulma-component .navbar.is-spaced .navbar-end { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .Bulma-component .navbar.is-spaced a.navbar-item, .Bulma-component .navbar.is-spaced .navbar-link { border-radius: 8px; } .Bulma-component .navbar.is-transparent a.navbar-item:focus, .Bulma-component .navbar.is-transparent a.navbar-item:hover, .Bulma-component .navbar.is-transparent a.navbar-item.is-active, .Bulma-component .navbar.is-transparent .navbar-link:focus, .Bulma-component .navbar.is-transparent .navbar-link:hover, .Bulma-component .navbar.is-transparent .navbar-link.is-active { background-color: transparent !important; } .Bulma-component .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .Bulma-component .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .Bulma-component .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .Bulma-component .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; } .Bulma-component .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .Bulma-component .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { background-color: whitesmoke; color: #000000; } .Bulma-component .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: #1064f4; } .Bulma-component .navbar-burger { display: none; } .Bulma-component .navbar-item, .Bulma-component .navbar-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .navbar-item.has-dropdown { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .Bulma-component .navbar-item.has-dropdown-up .navbar-link::after { -webkit-transform: rotate(135deg) translate(0.25em, -0.25em); transform: rotate(135deg) translate(0.25em, -0.25em); } .Bulma-component .navbar-item.has-dropdown-up .navbar-dropdown { border-bottom: 2px solid #dbdbdb; border-radius: 16px 16px 0 0; border-top: none; bottom: 100%; -webkit-box-shadow: 0 -8px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 -8px 8px rgba(0, 0, 0, 0.1); top: auto; } .Bulma-component .navbar-item.is-active .navbar-dropdown, .Bulma-component .navbar-item.is-hoverable:focus .navbar-dropdown, .Bulma-component .navbar-item.is-hoverable:focus-within .navbar-dropdown, .Bulma-component .navbar-item.is-hoverable:hover .navbar-dropdown { display: block; } .navbar.is-spaced .Bulma-component .navbar-item.is-active .navbar-dropdown, .Bulma-component .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .Bulma-component .navbar-item.is-hoverable:focus .navbar-dropdown, .Bulma-component .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .Bulma-component .navbar-item.is-hoverable:focus-within .navbar-dropdown, .Bulma-component .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .Bulma-component .navbar-item.is-hoverable:hover .navbar-dropdown, .Bulma-component .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0); } .Bulma-component .navbar-menu { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; } .Bulma-component .navbar-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: auto; } .Bulma-component .navbar-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; } .Bulma-component .navbar-dropdown { background-color: #FFFFFF; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; border-top: 2px solid #dbdbdb; -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1); display: none; font-size: 0.875rem; left: 0; min-width: 100%; position: absolute; top: 100%; z-index: 20; } .Bulma-component .navbar-dropdown .navbar-item { padding: 0.375rem 1rem; white-space: nowrap; } .Bulma-component .navbar-dropdown a.navbar-item { padding-right: 3rem; } .Bulma-component .navbar-dropdown a.navbar-item:focus, .Bulma-component .navbar-dropdown a.navbar-item:hover { background-color: whitesmoke; color: #000000; } .Bulma-component .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: #1064f4; } .navbar.is-spaced .Bulma-component .navbar-dropdown, .Bulma-component .navbar-dropdown.is-boxed { border-radius: 16px; border-top: none; -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); display: block; opacity: 0; pointer-events: none; top: calc(100% + (-4px)); -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition-duration: 86ms; transition-duration: 86ms; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .Bulma-component .navbar-dropdown.is-right { left: auto; right: 0; } .Bulma-component .navbar-divider { display: block; } .Bulma-component .navbar > .container .navbar-brand, .Bulma-component .container > .navbar .navbar-brand { margin-left: -0.75rem; } .Bulma-component .navbar > .container .navbar-menu, .Bulma-component .container > .navbar .navbar-menu { margin-right: -0.75rem; } .Bulma-component .navbar.is-fixed-bottom-desktop, .Bulma-component .navbar.is-fixed-top-desktop { left: 0; position: fixed; right: 0; z-index: 30; } .Bulma-component .navbar.is-fixed-bottom-desktop { bottom: 0; } .Bulma-component .navbar.is-fixed-bottom-desktop.has-shadow { -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); } .Bulma-component .navbar.is-fixed-top-desktop { top: 0; } .Bulma-component html.has-navbar-fixed-top-desktop, .Bulma-component body.has-navbar-fixed-top-desktop { padding-top: 3.25rem; } .Bulma-component html.has-navbar-fixed-bottom-desktop, .Bulma-component body.has-navbar-fixed-bottom-desktop { padding-bottom: 3.25rem; } .Bulma-component html.has-spaced-navbar-fixed-top, .Bulma-component body.has-spaced-navbar-fixed-top { padding-top: 5.25rem; } .Bulma-component html.has-spaced-navbar-fixed-bottom, .Bulma-component body.has-spaced-navbar-fixed-bottom { padding-bottom: 5.25rem; } .Bulma-component a.navbar-item.is-active, .Bulma-component .navbar-link.is-active { color: #000000; } .Bulma-component a.navbar-item.is-active:not(:focus):not(:hover), .Bulma-component .navbar-link.is-active:not(:focus):not(:hover) { background-color: transparent; } .Bulma-component .navbar-item.has-dropdown:focus .navbar-link, .Bulma-component .navbar-item.has-dropdown:hover .navbar-link, .Bulma-component .navbar-item.has-dropdown.is-active .navbar-link { background-color: #fafafa; } } .Bulma-component .hero.is-fullheight-with-navbar { min-height: calc(100vh - 3.25rem); } .Bulma-component .pagination { font-size: 16px; margin: -0.25rem; } .Bulma-component .pagination.is-small { font-size: 14px; } .Bulma-component .pagination.is-medium { font-size: 18px; } .Bulma-component .pagination.is-large { font-size: 24px; } .Bulma-component .pagination.is-rounded .pagination-previous, .Bulma-component .pagination.is-rounded .pagination-next { padding-left: 1em; padding-right: 1em; border-radius: 9999px; } .Bulma-component .pagination.is-rounded .pagination-link { border-radius: 9999px; } .Bulma-component .pagination, .Bulma-component .pagination-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .Bulma-component .pagination-previous, .Bulma-component .pagination-next, .Bulma-component .pagination-link, .Bulma-component .pagination-ellipsis { font-size: 1em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0.25rem; padding-left: 0.5em; padding-right: 0.5em; text-align: center; } .Bulma-component .pagination-previous, .Bulma-component .pagination-next, .Bulma-component .pagination-link { border-color: #dbdbdb; color: #363636; min-width: 2.5em; } .Bulma-component .pagination-previous:hover, .Bulma-component .pagination-next:hover, .Bulma-component .pagination-link:hover { border-color: #b5b5b5; color: #363636; } .Bulma-component .pagination-previous:focus, .Bulma-component .pagination-next:focus, .Bulma-component .pagination-link:focus { border-color: #1064f4; } .Bulma-component .pagination-previous:active, .Bulma-component .pagination-next:active, .Bulma-component .pagination-link:active { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); } .Bulma-component .pagination-previous[disabled], .Bulma-component .pagination-previous.is-disabled, .Bulma-component .pagination-next[disabled], .Bulma-component .pagination-next.is-disabled, .Bulma-component .pagination-link[disabled], .Bulma-component .pagination-link.is-disabled { background-color: #dbdbdb; border-color: #dbdbdb; -webkit-box-shadow: none; box-shadow: none; color: #7a7a7a; opacity: 0.5; } .Bulma-component .pagination-previous, .Bulma-component .pagination-next { padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; } .Bulma-component .pagination-link.is-current { background-color: #1064f4; border-color: #1064f4; color: #fff; } .Bulma-component .pagination-ellipsis { color: #e7e7e7; pointer-events: none; } .Bulma-component .pagination-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } .Bulma-component .pagination-list li { list-style: none; } @media screen and (max-width: 767px) { .Bulma-component .pagination { -ms-flex-wrap: wrap; flex-wrap: wrap; } .Bulma-component .pagination-previous, .Bulma-component .pagination-next { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .pagination-list li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } } @media screen and (min-width: 768px), print { .Bulma-component .pagination-list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Bulma-component .pagination-previous, .Bulma-component .pagination-next, .Bulma-component .pagination-link, .Bulma-component .pagination-ellipsis { margin-bottom: 0; margin-top: 0; } .Bulma-component .pagination-previous { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .Bulma-component .pagination-next { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .Bulma-component .pagination { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; margin-top: 0; } .Bulma-component .pagination.is-centered .pagination-previous { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Bulma-component .pagination.is-centered .pagination-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .Bulma-component .pagination.is-centered .pagination-next { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .Bulma-component .pagination.is-right .pagination-previous { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Bulma-component .pagination.is-right .pagination-next { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .Bulma-component .pagination.is-right .pagination-list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .Bulma-component .panel { border-radius: 16px; -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0px 0 1px rgba(0, 0, 0, 0.02); box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0px 0 1px rgba(0, 0, 0, 0.02); font-size: 16px; } .Bulma-component .panel:not(:last-child) { margin-bottom: 1.5rem; } .Bulma-component .panel.is-white .panel-heading { background-color: #FFFFFF; color: #000000; } .Bulma-component .panel.is-white .panel-tabs a.is-active { border-bottom-color: #FFFFFF; } .Bulma-component .panel.is-white .panel-block.is-active .panel-icon { color: #FFFFFF; } .Bulma-component .panel.is-black .panel-heading { background-color: #000000; color: #FFFFFF; } .Bulma-component .panel.is-black .panel-tabs a.is-active { border-bottom-color: #000000; } .Bulma-component .panel.is-black .panel-block.is-active .panel-icon { color: #000000; } .Bulma-component .panel.is-light .panel-heading { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } .Bulma-component .panel.is-light .panel-tabs a.is-active { border-bottom-color: whitesmoke; } .Bulma-component .panel.is-light .panel-block.is-active .panel-icon { color: whitesmoke; } .Bulma-component .panel.is-dark .panel-heading { background-color: #363636; color: #fff; } .Bulma-component .panel.is-dark .panel-tabs a.is-active { border-bottom-color: #363636; } .Bulma-component .panel.is-dark .panel-block.is-active .panel-icon { color: #363636; } .Bulma-component .panel.is-primary .panel-heading { background-color: #1064f4; color: #fff; } .Bulma-component .panel.is-primary .panel-tabs a.is-active { border-bottom-color: #1064f4; } .Bulma-component .panel.is-primary .panel-block.is-active .panel-icon { color: #1064f4; } .Bulma-component .panel.is-link .panel-heading { background-color: #1064f4; color: #fff; } .Bulma-component .panel.is-link .panel-tabs a.is-active { border-bottom-color: #1064f4; } .Bulma-component .panel.is-link .panel-block.is-active .panel-icon { color: #1064f4; } .Bulma-component .panel.is-info .panel-heading { background-color: #24c9fd; color: #fff; } .Bulma-component .panel.is-info .panel-tabs a.is-active { border-bottom-color: #24c9fd; } .Bulma-component .panel.is-info .panel-block.is-active .panel-icon { color: #24c9fd; } .Bulma-component .panel.is-success .panel-heading { background-color: #027d3f; color: #fff; } .Bulma-component .panel.is-success .panel-tabs a.is-active { border-bottom-color: #027d3f; } .Bulma-component .panel.is-success .panel-block.is-active .panel-icon { color: #027d3f; } .Bulma-component .panel.is-warning .panel-heading { background-color: #ffbf00; color: rgba(0, 0, 0, 0.7); } .Bulma-component .panel.is-warning .panel-tabs a.is-active { border-bottom-color: #ffbf00; } .Bulma-component .panel.is-warning .panel-block.is-active .panel-icon { color: #ffbf00; } .Bulma-component .panel.is-danger .panel-heading { background-color: #ba1b1b; color: #fff; } .Bulma-component .panel.is-danger .panel-tabs a.is-active { border-bottom-color: #ba1b1b; } .Bulma-component .panel.is-danger .panel-block.is-active .panel-icon { color: #ba1b1b; } .Bulma-component .panel-tabs:not(:last-child), .Bulma-component .panel-block:not(:last-child) { border-bottom: 1px solid #ededed; } .Bulma-component .panel-heading { background-color: #ededed; border-radius: 16px 16px 0 0; color: #363636; font-size: 1.25em; font-weight: 700; line-height: 1.25; padding: 0.75em 1em; } .Bulma-component .panel-tabs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .panel-tabs a { border-bottom: 1px solid #dbdbdb; margin-bottom: -1px; padding: 0.5em; } .Bulma-component .panel-tabs a.is-active { border-bottom-color: #4a4a4a; color: #363636; } .Bulma-component .panel-list a { color: #4a4a4a; } .Bulma-component .panel-list a:hover { color: #1064f4; } .Bulma-component .panel-block { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #363636; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0.5em 0.75em; } .Bulma-component .panel-block input[type=checkbox] { margin-right: 0.75em; } .Bulma-component .panel-block > .control { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; width: 100%; } .Bulma-component .panel-block.is-wrapped { -ms-flex-wrap: wrap; flex-wrap: wrap; } .Bulma-component .panel-block.is-active { border-left-color: #1064f4; color: #363636; } .Bulma-component .panel-block.is-active .panel-icon { color: #1064f4; } .Bulma-component .panel-block:last-child { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } .Bulma-component a.panel-block, .Bulma-component label.panel-block { cursor: pointer; } .Bulma-component a.panel-block:hover, .Bulma-component label.panel-block:hover { background-color: whitesmoke; } .Bulma-component .panel-icon { display: inline-block; font-size: 14px; height: 1em; line-height: 1em; text-align: center; vertical-align: top; width: 1em; color: #7a7a7a; margin-right: 0.75em; } .Bulma-component .panel-icon .fa { font-size: inherit; line-height: inherit; } .Bulma-component .tabs { -webkit-overflow-scrolling: touch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; overflow-x: auto; white-space: nowrap; } .Bulma-component .tabs a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; color: #4a4a4a; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; } .Bulma-component .tabs a:hover { border-bottom-color: #363636; color: #363636; } .Bulma-component .tabs li { display: block; } .Bulma-component .tabs li.is-active a { border-bottom-color: #1064f4; color: #1064f4; } .Bulma-component .tabs ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .Bulma-component .tabs ul.is-left { padding-right: 0.75em; } .Bulma-component .tabs ul.is-center { -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0.75em; padding-right: 0.75em; } .Bulma-component .tabs ul.is-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 0.75em; } .Bulma-component .tabs .icon:first-child { margin-right: 0.5em; } .Bulma-component .tabs .icon:last-child { margin-left: 0.5em; } .Bulma-component .tabs.is-centered ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .tabs.is-right ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .Bulma-component .tabs.is-boxed a { border: 1px solid transparent; border-radius: 8px 8px 0 0; } .Bulma-component .tabs.is-boxed a:hover { background-color: whitesmoke; border-bottom-color: #dbdbdb; } .Bulma-component .tabs.is-boxed li.is-active a { background-color: #FFFFFF; border-color: #dbdbdb; border-bottom-color: transparent !important; } .Bulma-component .tabs.is-fullwidth li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; } .Bulma-component .tabs.is-toggle a { border-color: #dbdbdb; border-style: solid; border-width: 1px; margin-bottom: 0; position: relative; } .Bulma-component .tabs.is-toggle a:hover { background-color: whitesmoke; border-color: #b5b5b5; z-index: 2; } .Bulma-component .tabs.is-toggle li + li { margin-left: -1px; } .Bulma-component .tabs.is-toggle li:first-child a { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .Bulma-component .tabs.is-toggle li:last-child a { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .Bulma-component .tabs.is-toggle li.is-active a { background-color: #1064f4; border-color: #1064f4; color: #fff; z-index: 1; } .Bulma-component .tabs.is-toggle ul { border-bottom: none; } .Bulma-component .tabs.is-toggle.is-toggle-rounded li:first-child a { border-bottom-left-radius: 9999px; border-top-left-radius: 9999px; padding-left: 1.25em; } .Bulma-component .tabs.is-toggle.is-toggle-rounded li:last-child a { border-bottom-right-radius: 9999px; border-top-right-radius: 9999px; padding-right: 1.25em; } .Bulma-component .tabs.is-small { font-size: 14px; } .Bulma-component .tabs.is-medium { font-size: 18px; } .Bulma-component .tabs.is-large { font-size: 24px; } .Bulma-component .column { display: block; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; padding: 0.75rem; } .columns.is-mobile > .Bulma-component .column.is-narrow { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: unset; } .columns.is-mobile > .Bulma-component .column.is-full { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .columns.is-mobile > .Bulma-component .column.is-three-quarters { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .columns.is-mobile > .Bulma-component .column.is-two-thirds { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } .columns.is-mobile > .Bulma-component .column.is-half { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .columns.is-mobile > .Bulma-component .column.is-one-third { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } .columns.is-mobile > .Bulma-component .column.is-one-quarter { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .columns.is-mobile > .Bulma-component .column.is-one-fifth { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } .columns.is-mobile > .Bulma-component .column.is-two-fifths { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } .columns.is-mobile > .Bulma-component .column.is-three-fifths { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } .columns.is-mobile > .Bulma-component .column.is-four-fifths { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } .columns.is-mobile > .Bulma-component .column.is-offset-three-quarters { margin-left: 75%; } .columns.is-mobile > .Bulma-component .column.is-offset-two-thirds { margin-left: 66.6666%; } .columns.is-mobile > .Bulma-component .column.is-offset-half { margin-left: 50%; } .columns.is-mobile > .Bulma-component .column.is-offset-one-third { margin-left: 33.3333%; } .columns.is-mobile > .Bulma-component .column.is-offset-one-quarter { margin-left: 25%; } .columns.is-mobile > .Bulma-component .column.is-offset-one-fifth { margin-left: 20%; } .columns.is-mobile > .Bulma-component .column.is-offset-two-fifths { margin-left: 40%; } .columns.is-mobile > .Bulma-component .column.is-offset-three-fifths { margin-left: 60%; } .columns.is-mobile > .Bulma-component .column.is-offset-four-fifths { margin-left: 80%; } .columns.is-mobile > .Bulma-component .column.is-0 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } .columns.is-mobile > .Bulma-component .column.is-offset-0 { margin-left: 0%; } .columns.is-mobile > .Bulma-component .column.is-1 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333337%; } .columns.is-mobile > .Bulma-component .column.is-offset-1 { margin-left: 8.33333337%; } .columns.is-mobile > .Bulma-component .column.is-2 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66666674%; } .columns.is-mobile > .Bulma-component .column.is-offset-2 { margin-left: 16.66666674%; } .columns.is-mobile > .Bulma-component .column.is-3 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .columns.is-mobile > .Bulma-component .column.is-offset-3 { margin-left: 25%; } .columns.is-mobile > .Bulma-component .column.is-4 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333337%; } .columns.is-mobile > .Bulma-component .column.is-offset-4 { margin-left: 33.33333337%; } .columns.is-mobile > .Bulma-component .column.is-5 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66666674%; } .columns.is-mobile > .Bulma-component .column.is-offset-5 { margin-left: 41.66666674%; } .columns.is-mobile > .Bulma-component .column.is-6 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .columns.is-mobile > .Bulma-component .column.is-offset-6 { margin-left: 50%; } .columns.is-mobile > .Bulma-component .column.is-7 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333337%; } .columns.is-mobile > .Bulma-component .column.is-offset-7 { margin-left: 58.33333337%; } .columns.is-mobile > .Bulma-component .column.is-8 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66666674%; } .columns.is-mobile > .Bulma-component .column.is-offset-8 { margin-left: 66.66666674%; } .columns.is-mobile > .Bulma-component .column.is-9 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .columns.is-mobile > .Bulma-component .column.is-offset-9 { margin-left: 75%; } .columns.is-mobile > .Bulma-component .column.is-10 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333337%; } .columns.is-mobile > .Bulma-component .column.is-offset-10 { margin-left: 83.33333337%; } .columns.is-mobile > .Bulma-component .column.is-11 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66666674%; } .columns.is-mobile > .Bulma-component .column.is-offset-11 { margin-left: 91.66666674%; } .columns.is-mobile > .Bulma-component .column.is-12 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .columns.is-mobile > .Bulma-component .column.is-offset-12 { margin-left: 100%; } @media screen and (max-width: 767px) { .Bulma-component .column.is-narrow-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: unset; } .Bulma-component .column.is-full-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .Bulma-component .column.is-three-quarters-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .Bulma-component .column.is-two-thirds-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } .Bulma-component .column.is-half-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .Bulma-component .column.is-one-third-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } .Bulma-component .column.is-one-quarter-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .Bulma-component .column.is-one-fifth-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } .Bulma-component .column.is-two-fifths-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } .Bulma-component .column.is-three-fifths-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } .Bulma-component .column.is-four-fifths-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } .Bulma-component .column.is-offset-three-quarters-mobile { margin-left: 75%; } .Bulma-component .column.is-offset-two-thirds-mobile { margin-left: 66.6666%; } .Bulma-component .column.is-offset-half-mobile { margin-left: 50%; } .Bulma-component .column.is-offset-one-third-mobile { margin-left: 33.3333%; } .Bulma-component .column.is-offset-one-quarter-mobile { margin-left: 25%; } .Bulma-component .column.is-offset-one-fifth-mobile { margin-left: 20%; } .Bulma-component .column.is-offset-two-fifths-mobile { margin-left: 40%; } .Bulma-component .column.is-offset-three-fifths-mobile { margin-left: 60%; } .Bulma-component .column.is-offset-four-fifths-mobile { margin-left: 80%; } .Bulma-component .column.is-0-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } .Bulma-component .column.is-offset-0-mobile { margin-left: 0%; } .Bulma-component .column.is-1-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333337%; } .Bulma-component .column.is-offset-1-mobile { margin-left: 8.33333337%; } .Bulma-component .column.is-2-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66666674%; } .Bulma-component .column.is-offset-2-mobile { margin-left: 16.66666674%; } .Bulma-component .column.is-3-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .Bulma-component .column.is-offset-3-mobile { margin-left: 25%; } .Bulma-component .column.is-4-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333337%; } .Bulma-component .column.is-offset-4-mobile { margin-left: 33.33333337%; } .Bulma-component .column.is-5-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66666674%; } .Bulma-component .column.is-offset-5-mobile { margin-left: 41.66666674%; } .Bulma-component .column.is-6-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .Bulma-component .column.is-offset-6-mobile { margin-left: 50%; } .Bulma-component .column.is-7-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333337%; } .Bulma-component .column.is-offset-7-mobile { margin-left: 58.33333337%; } .Bulma-component .column.is-8-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66666674%; } .Bulma-component .column.is-offset-8-mobile { margin-left: 66.66666674%; } .Bulma-component .column.is-9-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .Bulma-component .column.is-offset-9-mobile { margin-left: 75%; } .Bulma-component .column.is-10-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333337%; } .Bulma-component .column.is-offset-10-mobile { margin-left: 83.33333337%; } .Bulma-component .column.is-11-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66666674%; } .Bulma-component .column.is-offset-11-mobile { margin-left: 91.66666674%; } .Bulma-component .column.is-12-mobile { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .Bulma-component .column.is-offset-12-mobile { margin-left: 100%; } } @media screen and (min-width: 768px), print { .Bulma-component .column.is-narrow, .Bulma-component .column.is-narrow-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: unset; } .Bulma-component .column.is-full, .Bulma-component .column.is-full-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .Bulma-component .column.is-three-quarters, .Bulma-component .column.is-three-quarters-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .Bulma-component .column.is-two-thirds, .Bulma-component .column.is-two-thirds-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } .Bulma-component .column.is-half, .Bulma-component .column.is-half-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .Bulma-component .column.is-one-third, .Bulma-component .column.is-one-third-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } .Bulma-component .column.is-one-quarter, .Bulma-component .column.is-one-quarter-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .Bulma-component .column.is-one-fifth, .Bulma-component .column.is-one-fifth-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } .Bulma-component .column.is-two-fifths, .Bulma-component .column.is-two-fifths-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } .Bulma-component .column.is-three-fifths, .Bulma-component .column.is-three-fifths-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } .Bulma-component .column.is-four-fifths, .Bulma-component .column.is-four-fifths-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } .Bulma-component .column.is-offset-three-quarters, .Bulma-component .column.is-offset-three-quarters-tablet { margin-left: 75%; } .Bulma-component .column.is-offset-two-thirds, .Bulma-component .column.is-offset-two-thirds-tablet { margin-left: 66.6666%; } .Bulma-component .column.is-offset-half, .Bulma-component .column.is-offset-half-tablet { margin-left: 50%; } .Bulma-component .column.is-offset-one-third, .Bulma-component .column.is-offset-one-third-tablet { margin-left: 33.3333%; } .Bulma-component .column.is-offset-one-quarter, .Bulma-component .column.is-offset-one-quarter-tablet { margin-left: 25%; } .Bulma-component .column.is-offset-one-fifth, .Bulma-component .column.is-offset-one-fifth-tablet { margin-left: 20%; } .Bulma-component .column.is-offset-two-fifths, .Bulma-component .column.is-offset-two-fifths-tablet { margin-left: 40%; } .Bulma-component .column.is-offset-three-fifths, .Bulma-component .column.is-offset-three-fifths-tablet { margin-left: 60%; } .Bulma-component .column.is-offset-four-fifths, .Bulma-component .column.is-offset-four-fifths-tablet { margin-left: 80%; } .Bulma-component .column.is-0, .Bulma-component .column.is-0-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } .Bulma-component .column.is-offset-0, .Bulma-component .column.is-offset-0-tablet { margin-left: 0%; } .Bulma-component .column.is-1, .Bulma-component .column.is-1-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333337%; } .Bulma-component .column.is-offset-1, .Bulma-component .column.is-offset-1-tablet { margin-left: 8.33333337%; } .Bulma-component .column.is-2, .Bulma-component .column.is-2-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66666674%; } .Bulma-component .column.is-offset-2, .Bulma-component .column.is-offset-2-tablet { margin-left: 16.66666674%; } .Bulma-component .column.is-3, .Bulma-component .column.is-3-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .Bulma-component .column.is-offset-3, .Bulma-component .column.is-offset-3-tablet { margin-left: 25%; } .Bulma-component .column.is-4, .Bulma-component .column.is-4-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333337%; } .Bulma-component .column.is-offset-4, .Bulma-component .column.is-offset-4-tablet { margin-left: 33.33333337%; } .Bulma-component .column.is-5, .Bulma-component .column.is-5-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66666674%; } .Bulma-component .column.is-offset-5, .Bulma-component .column.is-offset-5-tablet { margin-left: 41.66666674%; } .Bulma-component .column.is-6, .Bulma-component .column.is-6-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .Bulma-component .column.is-offset-6, .Bulma-component .column.is-offset-6-tablet { margin-left: 50%; } .Bulma-component .column.is-7, .Bulma-component .column.is-7-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333337%; } .Bulma-component .column.is-offset-7, .Bulma-component .column.is-offset-7-tablet { margin-left: 58.33333337%; } .Bulma-component .column.is-8, .Bulma-component .column.is-8-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66666674%; } .Bulma-component .column.is-offset-8, .Bulma-component .column.is-offset-8-tablet { margin-left: 66.66666674%; } .Bulma-component .column.is-9, .Bulma-component .column.is-9-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .Bulma-component .column.is-offset-9, .Bulma-component .column.is-offset-9-tablet { margin-left: 75%; } .Bulma-component .column.is-10, .Bulma-component .column.is-10-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333337%; } .Bulma-component .column.is-offset-10, .Bulma-component .column.is-offset-10-tablet { margin-left: 83.33333337%; } .Bulma-component .column.is-11, .Bulma-component .column.is-11-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66666674%; } .Bulma-component .column.is-offset-11, .Bulma-component .column.is-offset-11-tablet { margin-left: 91.66666674%; } .Bulma-component .column.is-12, .Bulma-component .column.is-12-tablet { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .Bulma-component .column.is-offset-12, .Bulma-component .column.is-offset-12-tablet { margin-left: 100%; } } @media screen and (max-width: 991px) { .Bulma-component .column.is-narrow-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: unset; } .Bulma-component .column.is-full-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .Bulma-component .column.is-three-quarters-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .Bulma-component .column.is-two-thirds-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } .Bulma-component .column.is-half-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .Bulma-component .column.is-one-third-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } .Bulma-component .column.is-one-quarter-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .Bulma-component .column.is-one-fifth-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } .Bulma-component .column.is-two-fifths-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } .Bulma-component .column.is-three-fifths-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } .Bulma-component .column.is-four-fifths-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } .Bulma-component .column.is-offset-three-quarters-touch { margin-left: 75%; } .Bulma-component .column.is-offset-two-thirds-touch { margin-left: 66.6666%; } .Bulma-component .column.is-offset-half-touch { margin-left: 50%; } .Bulma-component .column.is-offset-one-third-touch { margin-left: 33.3333%; } .Bulma-component .column.is-offset-one-quarter-touch { margin-left: 25%; } .Bulma-component .column.is-offset-one-fifth-touch { margin-left: 20%; } .Bulma-component .column.is-offset-two-fifths-touch { margin-left: 40%; } .Bulma-component .column.is-offset-three-fifths-touch { margin-left: 60%; } .Bulma-component .column.is-offset-four-fifths-touch { margin-left: 80%; } .Bulma-component .column.is-0-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } .Bulma-component .column.is-offset-0-touch { margin-left: 0%; } .Bulma-component .column.is-1-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333337%; } .Bulma-component .column.is-offset-1-touch { margin-left: 8.33333337%; } .Bulma-component .column.is-2-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66666674%; } .Bulma-component .column.is-offset-2-touch { margin-left: 16.66666674%; } .Bulma-component .column.is-3-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .Bulma-component .column.is-offset-3-touch { margin-left: 25%; } .Bulma-component .column.is-4-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333337%; } .Bulma-component .column.is-offset-4-touch { margin-left: 33.33333337%; } .Bulma-component .column.is-5-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66666674%; } .Bulma-component .column.is-offset-5-touch { margin-left: 41.66666674%; } .Bulma-component .column.is-6-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .Bulma-component .column.is-offset-6-touch { margin-left: 50%; } .Bulma-component .column.is-7-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333337%; } .Bulma-component .column.is-offset-7-touch { margin-left: 58.33333337%; } .Bulma-component .column.is-8-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66666674%; } .Bulma-component .column.is-offset-8-touch { margin-left: 66.66666674%; } .Bulma-component .column.is-9-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .Bulma-component .column.is-offset-9-touch { margin-left: 75%; } .Bulma-component .column.is-10-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333337%; } .Bulma-component .column.is-offset-10-touch { margin-left: 83.33333337%; } .Bulma-component .column.is-11-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66666674%; } .Bulma-component .column.is-offset-11-touch { margin-left: 91.66666674%; } .Bulma-component .column.is-12-touch { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .Bulma-component .column.is-offset-12-touch { margin-left: 100%; } } @media screen and (min-width: 992px) { .Bulma-component .column.is-narrow-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: unset; } .Bulma-component .column.is-full-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .Bulma-component .column.is-three-quarters-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .Bulma-component .column.is-two-thirds-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } .Bulma-component .column.is-half-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .Bulma-component .column.is-one-third-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } .Bulma-component .column.is-one-quarter-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .Bulma-component .column.is-one-fifth-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } .Bulma-component .column.is-two-fifths-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } .Bulma-component .column.is-three-fifths-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } .Bulma-component .column.is-four-fifths-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } .Bulma-component .column.is-offset-three-quarters-desktop { margin-left: 75%; } .Bulma-component .column.is-offset-two-thirds-desktop { margin-left: 66.6666%; } .Bulma-component .column.is-offset-half-desktop { margin-left: 50%; } .Bulma-component .column.is-offset-one-third-desktop { margin-left: 33.3333%; } .Bulma-component .column.is-offset-one-quarter-desktop { margin-left: 25%; } .Bulma-component .column.is-offset-one-fifth-desktop { margin-left: 20%; } .Bulma-component .column.is-offset-two-fifths-desktop { margin-left: 40%; } .Bulma-component .column.is-offset-three-fifths-desktop { margin-left: 60%; } .Bulma-component .column.is-offset-four-fifths-desktop { margin-left: 80%; } .Bulma-component .column.is-0-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } .Bulma-component .column.is-offset-0-desktop { margin-left: 0%; } .Bulma-component .column.is-1-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333337%; } .Bulma-component .column.is-offset-1-desktop { margin-left: 8.33333337%; } .Bulma-component .column.is-2-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66666674%; } .Bulma-component .column.is-offset-2-desktop { margin-left: 16.66666674%; } .Bulma-component .column.is-3-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .Bulma-component .column.is-offset-3-desktop { margin-left: 25%; } .Bulma-component .column.is-4-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333337%; } .Bulma-component .column.is-offset-4-desktop { margin-left: 33.33333337%; } .Bulma-component .column.is-5-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66666674%; } .Bulma-component .column.is-offset-5-desktop { margin-left: 41.66666674%; } .Bulma-component .column.is-6-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .Bulma-component .column.is-offset-6-desktop { margin-left: 50%; } .Bulma-component .column.is-7-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333337%; } .Bulma-component .column.is-offset-7-desktop { margin-left: 58.33333337%; } .Bulma-component .column.is-8-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66666674%; } .Bulma-component .column.is-offset-8-desktop { margin-left: 66.66666674%; } .Bulma-component .column.is-9-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .Bulma-component .column.is-offset-9-desktop { margin-left: 75%; } .Bulma-component .column.is-10-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333337%; } .Bulma-component .column.is-offset-10-desktop { margin-left: 83.33333337%; } .Bulma-component .column.is-11-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66666674%; } .Bulma-component .column.is-offset-11-desktop { margin-left: 91.66666674%; } .Bulma-component .column.is-12-desktop { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .Bulma-component .column.is-offset-12-desktop { margin-left: 100%; } } @media screen and (min-width: 1200px) { .Bulma-component .column.is-narrow-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: unset; } .Bulma-component .column.is-full-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .Bulma-component .column.is-three-quarters-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .Bulma-component .column.is-two-thirds-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } .Bulma-component .column.is-half-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .Bulma-component .column.is-one-third-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } .Bulma-component .column.is-one-quarter-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .Bulma-component .column.is-one-fifth-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } .Bulma-component .column.is-two-fifths-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } .Bulma-component .column.is-three-fifths-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } .Bulma-component .column.is-four-fifths-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } .Bulma-component .column.is-offset-three-quarters-widescreen { margin-left: 75%; } .Bulma-component .column.is-offset-two-thirds-widescreen { margin-left: 66.6666%; } .Bulma-component .column.is-offset-half-widescreen { margin-left: 50%; } .Bulma-component .column.is-offset-one-third-widescreen { margin-left: 33.3333%; } .Bulma-component .column.is-offset-one-quarter-widescreen { margin-left: 25%; } .Bulma-component .column.is-offset-one-fifth-widescreen { margin-left: 20%; } .Bulma-component .column.is-offset-two-fifths-widescreen { margin-left: 40%; } .Bulma-component .column.is-offset-three-fifths-widescreen { margin-left: 60%; } .Bulma-component .column.is-offset-four-fifths-widescreen { margin-left: 80%; } .Bulma-component .column.is-0-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } .Bulma-component .column.is-offset-0-widescreen { margin-left: 0%; } .Bulma-component .column.is-1-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333337%; } .Bulma-component .column.is-offset-1-widescreen { margin-left: 8.33333337%; } .Bulma-component .column.is-2-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66666674%; } .Bulma-component .column.is-offset-2-widescreen { margin-left: 16.66666674%; } .Bulma-component .column.is-3-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .Bulma-component .column.is-offset-3-widescreen { margin-left: 25%; } .Bulma-component .column.is-4-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333337%; } .Bulma-component .column.is-offset-4-widescreen { margin-left: 33.33333337%; } .Bulma-component .column.is-5-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66666674%; } .Bulma-component .column.is-offset-5-widescreen { margin-left: 41.66666674%; } .Bulma-component .column.is-6-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .Bulma-component .column.is-offset-6-widescreen { margin-left: 50%; } .Bulma-component .column.is-7-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333337%; } .Bulma-component .column.is-offset-7-widescreen { margin-left: 58.33333337%; } .Bulma-component .column.is-8-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66666674%; } .Bulma-component .column.is-offset-8-widescreen { margin-left: 66.66666674%; } .Bulma-component .column.is-9-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .Bulma-component .column.is-offset-9-widescreen { margin-left: 75%; } .Bulma-component .column.is-10-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333337%; } .Bulma-component .column.is-offset-10-widescreen { margin-left: 83.33333337%; } .Bulma-component .column.is-11-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66666674%; } .Bulma-component .column.is-offset-11-widescreen { margin-left: 91.66666674%; } .Bulma-component .column.is-12-widescreen { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .Bulma-component .column.is-offset-12-widescreen { margin-left: 100%; } } @media screen and (min-width: 1441px) { .Bulma-component .column.is-narrow-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: unset; } .Bulma-component .column.is-full-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .Bulma-component .column.is-three-quarters-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .Bulma-component .column.is-two-thirds-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.6666%; } .Bulma-component .column.is-half-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .Bulma-component .column.is-one-third-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.3333%; } .Bulma-component .column.is-one-quarter-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .Bulma-component .column.is-one-fifth-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 20%; } .Bulma-component .column.is-two-fifths-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 40%; } .Bulma-component .column.is-three-fifths-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60%; } .Bulma-component .column.is-four-fifths-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80%; } .Bulma-component .column.is-offset-three-quarters-fullhd { margin-left: 75%; } .Bulma-component .column.is-offset-two-thirds-fullhd { margin-left: 66.6666%; } .Bulma-component .column.is-offset-half-fullhd { margin-left: 50%; } .Bulma-component .column.is-offset-one-third-fullhd { margin-left: 33.3333%; } .Bulma-component .column.is-offset-one-quarter-fullhd { margin-left: 25%; } .Bulma-component .column.is-offset-one-fifth-fullhd { margin-left: 20%; } .Bulma-component .column.is-offset-two-fifths-fullhd { margin-left: 40%; } .Bulma-component .column.is-offset-three-fifths-fullhd { margin-left: 60%; } .Bulma-component .column.is-offset-four-fifths-fullhd { margin-left: 80%; } .Bulma-component .column.is-0-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 0%; } .Bulma-component .column.is-offset-0-fullhd { margin-left: 0%; } .Bulma-component .column.is-1-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333337%; } .Bulma-component .column.is-offset-1-fullhd { margin-left: 8.33333337%; } .Bulma-component .column.is-2-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66666674%; } .Bulma-component .column.is-offset-2-fullhd { margin-left: 16.66666674%; } .Bulma-component .column.is-3-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .Bulma-component .column.is-offset-3-fullhd { margin-left: 25%; } .Bulma-component .column.is-4-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333337%; } .Bulma-component .column.is-offset-4-fullhd { margin-left: 33.33333337%; } .Bulma-component .column.is-5-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66666674%; } .Bulma-component .column.is-offset-5-fullhd { margin-left: 41.66666674%; } .Bulma-component .column.is-6-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .Bulma-component .column.is-offset-6-fullhd { margin-left: 50%; } .Bulma-component .column.is-7-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333337%; } .Bulma-component .column.is-offset-7-fullhd { margin-left: 58.33333337%; } .Bulma-component .column.is-8-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66666674%; } .Bulma-component .column.is-offset-8-fullhd { margin-left: 66.66666674%; } .Bulma-component .column.is-9-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .Bulma-component .column.is-offset-9-fullhd { margin-left: 75%; } .Bulma-component .column.is-10-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333337%; } .Bulma-component .column.is-offset-10-fullhd { margin-left: 83.33333337%; } .Bulma-component .column.is-11-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66666674%; } .Bulma-component .column.is-offset-11-fullhd { margin-left: 91.66666674%; } .Bulma-component .column.is-12-fullhd { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .Bulma-component .column.is-offset-12-fullhd { margin-left: 100%; } } .Bulma-component .columns { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; } .Bulma-component .columns:last-child { margin-bottom: -0.75rem; } .Bulma-component .columns:not(:last-child) { margin-bottom: calc(1.5rem - 0.75rem); } .Bulma-component .columns.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .columns.is-gapless { margin-left: 0; margin-right: 0; margin-top: 0; } .Bulma-component .columns.is-gapless > .column { margin: 0; padding: 0 !important; } .Bulma-component .columns.is-gapless:not(:last-child) { margin-bottom: 1.5rem; } .Bulma-component .columns.is-gapless:last-child { margin-bottom: 0; } .Bulma-component .columns.is-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .columns.is-multiline { -ms-flex-wrap: wrap; flex-wrap: wrap; } .Bulma-component .columns.is-vcentered { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 768px), print { .Bulma-component .columns:not(.is-desktop) { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 992px) { .Bulma-component .columns.is-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; } } .Bulma-component .columns.is-variable { --columnGap: 0.75rem; margin-left: calc(-1 * var(--columnGap)); margin-right: calc(-1 * var(--columnGap)); } .Bulma-component .columns.is-variable > .column { padding-left: var(--columnGap); padding-right: var(--columnGap); } .Bulma-component .columns.is-variable.is-0 { --columnGap: 0rem; } @media screen and (max-width: 767px) { .Bulma-component .columns.is-variable.is-0-mobile { --columnGap: 0rem; } } @media screen and (min-width: 768px), print { .Bulma-component .columns.is-variable.is-0-tablet { --columnGap: 0rem; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .columns.is-variable.is-0-tablet-only { --columnGap: 0rem; } } @media screen and (max-width: 991px) { .Bulma-component .columns.is-variable.is-0-touch { --columnGap: 0rem; } } @media screen and (min-width: 992px) { .Bulma-component .columns.is-variable.is-0-desktop { --columnGap: 0rem; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .columns.is-variable.is-0-desktop-only { --columnGap: 0rem; } } @media screen and (min-width: 1200px) { .Bulma-component .columns.is-variable.is-0-widescreen { --columnGap: 0rem; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .columns.is-variable.is-0-widescreen-only { --columnGap: 0rem; } } @media screen and (min-width: 1441px) { .Bulma-component .columns.is-variable.is-0-fullhd { --columnGap: 0rem; } } .Bulma-component .columns.is-variable.is-1 { --columnGap: 0.25rem; } @media screen and (max-width: 767px) { .Bulma-component .columns.is-variable.is-1-mobile { --columnGap: 0.25rem; } } @media screen and (min-width: 768px), print { .Bulma-component .columns.is-variable.is-1-tablet { --columnGap: 0.25rem; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .columns.is-variable.is-1-tablet-only { --columnGap: 0.25rem; } } @media screen and (max-width: 991px) { .Bulma-component .columns.is-variable.is-1-touch { --columnGap: 0.25rem; } } @media screen and (min-width: 992px) { .Bulma-component .columns.is-variable.is-1-desktop { --columnGap: 0.25rem; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .columns.is-variable.is-1-desktop-only { --columnGap: 0.25rem; } } @media screen and (min-width: 1200px) { .Bulma-component .columns.is-variable.is-1-widescreen { --columnGap: 0.25rem; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .columns.is-variable.is-1-widescreen-only { --columnGap: 0.25rem; } } @media screen and (min-width: 1441px) { .Bulma-component .columns.is-variable.is-1-fullhd { --columnGap: 0.25rem; } } .Bulma-component .columns.is-variable.is-2 { --columnGap: 0.5rem; } @media screen and (max-width: 767px) { .Bulma-component .columns.is-variable.is-2-mobile { --columnGap: 0.5rem; } } @media screen and (min-width: 768px), print { .Bulma-component .columns.is-variable.is-2-tablet { --columnGap: 0.5rem; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .columns.is-variable.is-2-tablet-only { --columnGap: 0.5rem; } } @media screen and (max-width: 991px) { .Bulma-component .columns.is-variable.is-2-touch { --columnGap: 0.5rem; } } @media screen and (min-width: 992px) { .Bulma-component .columns.is-variable.is-2-desktop { --columnGap: 0.5rem; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .columns.is-variable.is-2-desktop-only { --columnGap: 0.5rem; } } @media screen and (min-width: 1200px) { .Bulma-component .columns.is-variable.is-2-widescreen { --columnGap: 0.5rem; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .columns.is-variable.is-2-widescreen-only { --columnGap: 0.5rem; } } @media screen and (min-width: 1441px) { .Bulma-component .columns.is-variable.is-2-fullhd { --columnGap: 0.5rem; } } .Bulma-component .columns.is-variable.is-3 { --columnGap: 0.75rem; } @media screen and (max-width: 767px) { .Bulma-component .columns.is-variable.is-3-mobile { --columnGap: 0.75rem; } } @media screen and (min-width: 768px), print { .Bulma-component .columns.is-variable.is-3-tablet { --columnGap: 0.75rem; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .columns.is-variable.is-3-tablet-only { --columnGap: 0.75rem; } } @media screen and (max-width: 991px) { .Bulma-component .columns.is-variable.is-3-touch { --columnGap: 0.75rem; } } @media screen and (min-width: 992px) { .Bulma-component .columns.is-variable.is-3-desktop { --columnGap: 0.75rem; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .columns.is-variable.is-3-desktop-only { --columnGap: 0.75rem; } } @media screen and (min-width: 1200px) { .Bulma-component .columns.is-variable.is-3-widescreen { --columnGap: 0.75rem; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .columns.is-variable.is-3-widescreen-only { --columnGap: 0.75rem; } } @media screen and (min-width: 1441px) { .Bulma-component .columns.is-variable.is-3-fullhd { --columnGap: 0.75rem; } } .Bulma-component .columns.is-variable.is-4 { --columnGap: 1rem; } @media screen and (max-width: 767px) { .Bulma-component .columns.is-variable.is-4-mobile { --columnGap: 1rem; } } @media screen and (min-width: 768px), print { .Bulma-component .columns.is-variable.is-4-tablet { --columnGap: 1rem; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .columns.is-variable.is-4-tablet-only { --columnGap: 1rem; } } @media screen and (max-width: 991px) { .Bulma-component .columns.is-variable.is-4-touch { --columnGap: 1rem; } } @media screen and (min-width: 992px) { .Bulma-component .columns.is-variable.is-4-desktop { --columnGap: 1rem; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .columns.is-variable.is-4-desktop-only { --columnGap: 1rem; } } @media screen and (min-width: 1200px) { .Bulma-component .columns.is-variable.is-4-widescreen { --columnGap: 1rem; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .columns.is-variable.is-4-widescreen-only { --columnGap: 1rem; } } @media screen and (min-width: 1441px) { .Bulma-component .columns.is-variable.is-4-fullhd { --columnGap: 1rem; } } .Bulma-component .columns.is-variable.is-5 { --columnGap: 1.25rem; } @media screen and (max-width: 767px) { .Bulma-component .columns.is-variable.is-5-mobile { --columnGap: 1.25rem; } } @media screen and (min-width: 768px), print { .Bulma-component .columns.is-variable.is-5-tablet { --columnGap: 1.25rem; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .columns.is-variable.is-5-tablet-only { --columnGap: 1.25rem; } } @media screen and (max-width: 991px) { .Bulma-component .columns.is-variable.is-5-touch { --columnGap: 1.25rem; } } @media screen and (min-width: 992px) { .Bulma-component .columns.is-variable.is-5-desktop { --columnGap: 1.25rem; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .columns.is-variable.is-5-desktop-only { --columnGap: 1.25rem; } } @media screen and (min-width: 1200px) { .Bulma-component .columns.is-variable.is-5-widescreen { --columnGap: 1.25rem; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .columns.is-variable.is-5-widescreen-only { --columnGap: 1.25rem; } } @media screen and (min-width: 1441px) { .Bulma-component .columns.is-variable.is-5-fullhd { --columnGap: 1.25rem; } } .Bulma-component .columns.is-variable.is-6 { --columnGap: 1.5rem; } @media screen and (max-width: 767px) { .Bulma-component .columns.is-variable.is-6-mobile { --columnGap: 1.5rem; } } @media screen and (min-width: 768px), print { .Bulma-component .columns.is-variable.is-6-tablet { --columnGap: 1.5rem; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .columns.is-variable.is-6-tablet-only { --columnGap: 1.5rem; } } @media screen and (max-width: 991px) { .Bulma-component .columns.is-variable.is-6-touch { --columnGap: 1.5rem; } } @media screen and (min-width: 992px) { .Bulma-component .columns.is-variable.is-6-desktop { --columnGap: 1.5rem; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .columns.is-variable.is-6-desktop-only { --columnGap: 1.5rem; } } @media screen and (min-width: 1200px) { .Bulma-component .columns.is-variable.is-6-widescreen { --columnGap: 1.5rem; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .columns.is-variable.is-6-widescreen-only { --columnGap: 1.5rem; } } @media screen and (min-width: 1441px) { .Bulma-component .columns.is-variable.is-6-fullhd { --columnGap: 1.5rem; } } .Bulma-component .columns.is-variable.is-7 { --columnGap: 1.75rem; } @media screen and (max-width: 767px) { .Bulma-component .columns.is-variable.is-7-mobile { --columnGap: 1.75rem; } } @media screen and (min-width: 768px), print { .Bulma-component .columns.is-variable.is-7-tablet { --columnGap: 1.75rem; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .columns.is-variable.is-7-tablet-only { --columnGap: 1.75rem; } } @media screen and (max-width: 991px) { .Bulma-component .columns.is-variable.is-7-touch { --columnGap: 1.75rem; } } @media screen and (min-width: 992px) { .Bulma-component .columns.is-variable.is-7-desktop { --columnGap: 1.75rem; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .columns.is-variable.is-7-desktop-only { --columnGap: 1.75rem; } } @media screen and (min-width: 1200px) { .Bulma-component .columns.is-variable.is-7-widescreen { --columnGap: 1.75rem; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .columns.is-variable.is-7-widescreen-only { --columnGap: 1.75rem; } } @media screen and (min-width: 1441px) { .Bulma-component .columns.is-variable.is-7-fullhd { --columnGap: 1.75rem; } } .Bulma-component .columns.is-variable.is-8 { --columnGap: 2rem; } @media screen and (max-width: 767px) { .Bulma-component .columns.is-variable.is-8-mobile { --columnGap: 2rem; } } @media screen and (min-width: 768px), print { .Bulma-component .columns.is-variable.is-8-tablet { --columnGap: 2rem; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .columns.is-variable.is-8-tablet-only { --columnGap: 2rem; } } @media screen and (max-width: 991px) { .Bulma-component .columns.is-variable.is-8-touch { --columnGap: 2rem; } } @media screen and (min-width: 992px) { .Bulma-component .columns.is-variable.is-8-desktop { --columnGap: 2rem; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .columns.is-variable.is-8-desktop-only { --columnGap: 2rem; } } @media screen and (min-width: 1200px) { .Bulma-component .columns.is-variable.is-8-widescreen { --columnGap: 2rem; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .columns.is-variable.is-8-widescreen-only { --columnGap: 2rem; } } @media screen and (min-width: 1441px) { .Bulma-component .columns.is-variable.is-8-fullhd { --columnGap: 2rem; } } .Bulma-component .tile { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: block; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; min-height: -webkit-min-content; min-height: -moz-min-content; min-height: min-content; } .Bulma-component .tile.is-ancestor { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; } .Bulma-component .tile.is-ancestor:last-child { margin-bottom: -0.75rem; } .Bulma-component .tile.is-ancestor:not(:last-child) { margin-bottom: 0.75rem; } .Bulma-component .tile.is-child { margin: 0 !important; } .Bulma-component .tile.is-parent { padding: 0.75rem; } .Bulma-component .tile.is-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .Bulma-component .tile.is-vertical > .tile.is-child:not(:last-child) { margin-bottom: 1.5rem !important; } @media screen and (min-width: 768px), print { .Bulma-component .tile:not(.is-child) { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .tile.is-1 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8.33333337%; } .Bulma-component .tile.is-2 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.66666674%; } .Bulma-component .tile.is-3 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } .Bulma-component .tile.is-4 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 33.33333337%; } .Bulma-component .tile.is-5 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 41.66666674%; } .Bulma-component .tile.is-6 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } .Bulma-component .tile.is-7 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 58.33333337%; } .Bulma-component .tile.is-8 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 66.66666674%; } .Bulma-component .tile.is-9 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } .Bulma-component .tile.is-10 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 83.33333337%; } .Bulma-component .tile.is-11 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 91.66666674%; } .Bulma-component .tile.is-12 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } } .Bulma-component .has-text-white { color: #FFFFFF !important; } .Bulma-component a.has-text-white:hover, .Bulma-component a.has-text-white:focus { color: #e6e6e6 !important; } .Bulma-component .has-background-white { background-color: #FFFFFF !important; } .Bulma-component .has-text-black { color: #000000 !important; } .Bulma-component a.has-text-black:hover, .Bulma-component a.has-text-black:focus { color: black !important; } .Bulma-component .has-background-black { background-color: #000000 !important; } .Bulma-component .has-text-light { color: whitesmoke !important; } .Bulma-component a.has-text-light:hover, .Bulma-component a.has-text-light:focus { color: #dbdbdb !important; } .Bulma-component .has-background-light { background-color: whitesmoke !important; } .Bulma-component .has-text-dark { color: #363636 !important; } .Bulma-component a.has-text-dark:hover, .Bulma-component a.has-text-dark:focus { color: #1c1c1c !important; } .Bulma-component .has-background-dark { background-color: #363636 !important; } .Bulma-component .has-text-primary { color: #1064f4 !important; } .Bulma-component a.has-text-primary:hover, .Bulma-component a.has-text-primary:focus { color: #094fc8 !important; } .Bulma-component .has-background-primary { background-color: #1064f4 !important; } .Bulma-component .has-text-primary-light { color: #b7d0fc !important; } .Bulma-component a.has-text-primary-light:hover, .Bulma-component a.has-text-primary-light:focus { color: #86b0fa !important; } .Bulma-component .has-background-primary-light { background-color: #b7d0fc !important; } .Bulma-component .has-text-primary-dark { color: #0b45ab !important; } .Bulma-component a.has-text-primary-dark:hover, .Bulma-component a.has-text-primary-dark:focus { color: #0e58db !important; } .Bulma-component .has-background-primary-dark { background-color: #0b45ab !important; } .Bulma-component .has-text-link { color: #1064f4 !important; } .Bulma-component a.has-text-link:hover, .Bulma-component a.has-text-link:focus { color: #094fc8 !important; } .Bulma-component .has-background-link { background-color: #1064f4 !important; } .Bulma-component .has-text-link-light { color: #ebf2fe !important; } .Bulma-component a.has-text-link-light:hover, .Bulma-component a.has-text-link-light:focus { color: #bbd3fc !important; } .Bulma-component .has-background-link-light { background-color: #ebf2fe !important; } .Bulma-component .has-text-link-dark { color: #0b5be5 !important; } .Bulma-component a.has-text-link-dark:hover, .Bulma-component a.has-text-link-dark:focus { color: #2d77f5 !important; } .Bulma-component .has-background-link-dark { background-color: #0b5be5 !important; } .Bulma-component .has-text-info { color: #24c9fd !important; } .Bulma-component a.has-text-info:hover, .Bulma-component a.has-text-info:focus { color: #02b4ec !important; } .Bulma-component .has-background-info { background-color: #24c9fd !important; } .Bulma-component .has-text-info-light { color: #edfbff !important; } .Bulma-component a.has-text-info-light:hover, .Bulma-component a.has-text-info-light:focus { color: #baf0ff !important; } .Bulma-component .has-background-info-light { background-color: #edfbff !important; } .Bulma-component .has-text-info-dark { color: #167998 !important; } .Bulma-component a.has-text-info-dark:hover, .Bulma-component a.has-text-info-dark:focus { color: #1c9cc5 !important; } .Bulma-component .has-background-info-dark { background-color: #167998 !important; } .Bulma-component .has-text-success { color: #027d3f !important; } .Bulma-component a.has-text-success:hover, .Bulma-component a.has-text-success:focus { color: #014b26 !important; } .Bulma-component .has-background-success { background-color: #027d3f !important; } .Bulma-component .has-text-success-light { color: #ebf5f0 !important; } .Bulma-component a.has-text-success-light:hover, .Bulma-component a.has-text-success-light:focus { color: #c9e4d7 !important; } .Bulma-component .has-background-success-light { background-color: #ebf5f0 !important; } .Bulma-component .has-text-success-dark { color: #01582c !important; } .Bulma-component a.has-text-success-dark:hover, .Bulma-component a.has-text-success-dark:focus { color: #028a45 !important; } .Bulma-component .has-background-success-dark { background-color: #01582c !important; } .Bulma-component .has-text-warning { color: #ffbf00 !important; } .Bulma-component a.has-text-warning:hover, .Bulma-component a.has-text-warning:focus { color: #cc9900 !important; } .Bulma-component .has-background-warning { background-color: #ffbf00 !important; } .Bulma-component .has-text-warning-light { color: #fffaeb !important; } .Bulma-component a.has-text-warning-light:hover, .Bulma-component a.has-text-warning-light:focus { color: #ffedb8 !important; } .Bulma-component .has-background-warning-light { background-color: #fffaeb !important; } .Bulma-component .has-text-warning-dark { color: #806000 !important; } .Bulma-component a.has-text-warning-dark:hover, .Bulma-component a.has-text-warning-dark:focus { color: #b38600 !important; } .Bulma-component .has-background-warning-dark { background-color: #806000 !important; } .Bulma-component .has-text-danger { color: #ba1b1b !important; } .Bulma-component a.has-text-danger:hover, .Bulma-component a.has-text-danger:focus { color: #8d1515 !important; } .Bulma-component .has-background-danger { background-color: #ba1b1b !important; } .Bulma-component .has-text-danger-light { color: #eabbbb !important; } .Bulma-component a.has-text-danger-light:hover, .Bulma-component a.has-text-danger-light:focus { color: #de9494 !important; } .Bulma-component .has-background-danger-light { background-color: #eabbbb !important; } .Bulma-component .has-text-danger-dark { color: #951616 !important; } .Bulma-component a.has-text-danger-dark:hover, .Bulma-component a.has-text-danger-dark:focus { color: #c11d1d !important; } .Bulma-component .has-background-danger-dark { background-color: #951616 !important; } .Bulma-component .has-text-brand { color: #1064f4 !important; } .Bulma-component a.has-text-brand:hover, .Bulma-component a.has-text-brand:focus { color: #094fc8 !important; } .Bulma-component .has-background-brand { background-color: #1064f4 !important; } .Bulma-component .has-text-brand-light { color: #ebf2fe !important; } .Bulma-component a.has-text-brand-light:hover, .Bulma-component a.has-text-brand-light:focus { color: #bbd3fc !important; } .Bulma-component .has-background-brand-light { background-color: #ebf2fe !important; } .Bulma-component .has-text-brand-dark { color: #0b5be5 !important; } .Bulma-component a.has-text-brand-dark:hover, .Bulma-component a.has-text-brand-dark:focus { color: #2d77f5 !important; } .Bulma-component .has-background-brand-dark { background-color: #0b5be5 !important; } .Bulma-component .has-text-brand-d20 { color: #0c4ec3 !important; } .Bulma-component a.has-text-brand-d20:hover, .Bulma-component a.has-text-brand-d20:focus { color: #093b93 !important; } .Bulma-component .has-background-brand-d20 { background-color: #0c4ec3 !important; } .Bulma-component .has-text-brand-d20-light { color: #ecf2fe !important; } .Bulma-component a.has-text-brand-d20-light:hover, .Bulma-component a.has-text-brand-d20-light:focus { color: #bcd3fb !important; } .Bulma-component .has-background-brand-d20-light { background-color: #ecf2fe !important; } .Bulma-component .has-text-brand-d20-dark { color: #0f60f0 !important; } .Bulma-component a.has-text-brand-d20-dark:hover, .Bulma-component a.has-text-brand-d20-dark:focus { color: #3f80f3 !important; } .Bulma-component .has-background-brand-d20-dark { background-color: #0f60f0 !important; } .Bulma-component .has-text-brand-d30 { color: #0b45ab !important; } .Bulma-component a.has-text-brand-d30:hover, .Bulma-component a.has-text-brand-d30:focus { color: #08327b !important; } .Bulma-component .has-background-brand-d30 { background-color: #0b45ab !important; } .Bulma-component .has-text-brand-d30-light { color: #ecf2fe !important; } .Bulma-component a.has-text-brand-d30-light:hover, .Bulma-component a.has-text-brand-d30-light:focus { color: #bcd3fb !important; } .Bulma-component .has-background-brand-d30-light { background-color: #ecf2fe !important; } .Bulma-component .has-text-brand-d30-dark { color: #1967f0 !important; } .Bulma-component a.has-text-brand-d30-dark:hover, .Bulma-component a.has-text-brand-d30-dark:focus { color: #4987f3 !important; } .Bulma-component .has-background-brand-d30-dark { background-color: #1967f0 !important; } .Bulma-component .has-text-brand-l20 { color: #3f81f6 !important; } .Bulma-component a.has-text-brand-l20:hover, .Bulma-component a.has-text-brand-l20:focus { color: #0e61f4 !important; } .Bulma-component .has-background-brand-l20 { background-color: #3f81f6 !important; } .Bulma-component .has-text-brand-l20-light { color: #ecf2fe !important; } .Bulma-component a.has-text-brand-l20-light:hover, .Bulma-component a.has-text-brand-l20-light:focus { color: #bbd2fc !important; } .Bulma-component .has-background-brand-l20-light { background-color: #ecf2fe !important; } .Bulma-component .has-text-brand-l20-dark { color: #0a50cd !important; } .Bulma-component a.has-text-brand-l20-dark:hover, .Bulma-component a.has-text-brand-l20-dark:focus { color: #1566f4 !important; } .Bulma-component .has-background-brand-l20-dark { background-color: #0a50cd !important; } .Bulma-component .has-text-brand-l70 { color: #b7d0fc !important; } .Bulma-component a.has-text-brand-l70:hover, .Bulma-component a.has-text-brand-l70:focus { color: #86b0fa !important; } .Bulma-component .has-background-brand-l70 { background-color: #b7d0fc !important; } .Bulma-component .has-text-brand-l70-light { color: #ebf2fe !important; } .Bulma-component a.has-text-brand-l70-light:hover, .Bulma-component a.has-text-brand-l70-light:focus { color: #bad2fc !important; } .Bulma-component .has-background-brand-l70-light { background-color: #ebf2fe !important; } .Bulma-component .has-text-brand-l70-dark { color: #06378e !important; } .Bulma-component a.has-text-brand-l70-dark:hover, .Bulma-component a.has-text-brand-l70-dark:focus { color: #084abf !important; } .Bulma-component .has-background-brand-l70-dark { background-color: #06378e !important; } .Bulma-component .has-text-brand-l80 { color: #cfe0fd !important; } .Bulma-component a.has-text-brand-l80:hover, .Bulma-component a.has-text-brand-l80:focus { color: #9ec0fb !important; } .Bulma-component .has-background-brand-l80 { background-color: #cfe0fd !important; } .Bulma-component .has-text-brand-l80-light { color: #ebf2fe !important; } .Bulma-component a.has-text-brand-l80-light:hover, .Bulma-component a.has-text-brand-l80-light:focus { color: #bad3fc !important; } .Bulma-component .has-background-brand-l80-light { background-color: #ebf2fe !important; } .Bulma-component .has-text-brand-l80-dark { color: #06388e !important; } .Bulma-component a.has-text-brand-l80-dark:hover, .Bulma-component a.has-text-brand-l80-dark:focus { color: #084cbf !important; } .Bulma-component .has-background-brand-l80-dark { background-color: #06388e !important; } .Bulma-component .has-text-brand-l90 { color: #e9f1fe !important; } .Bulma-component a.has-text-brand-l90:hover, .Bulma-component a.has-text-brand-l90:focus { color: #b8d2fc !important; } .Bulma-component .has-background-brand-l90 { background-color: #e9f1fe !important; } .Bulma-component .has-text-brand-l90-light { color: #ebf3fe !important; } .Bulma-component a.has-text-brand-l90-light:hover, .Bulma-component a.has-text-brand-l90-light:focus { color: #bbd4fc !important; } .Bulma-component .has-background-brand-l90-light { background-color: #ebf3fe !important; } .Bulma-component .has-text-brand-l90-dark { color: #063a8d !important; } .Bulma-component a.has-text-brand-l90-dark:hover, .Bulma-component a.has-text-brand-l90-dark:focus { color: #094ebe !important; } .Bulma-component .has-background-brand-l90-dark { background-color: #063a8d !important; } .Bulma-component .has-text-brand-l95 { color: #f3f7ff !important; } .Bulma-component a.has-text-brand-l95:hover, .Bulma-component a.has-text-brand-l95:focus { color: #c0d5ff !important; } .Bulma-component .has-background-brand-l95 { background-color: #f3f7ff !important; } .Bulma-component .has-text-brand-l95-light { color: #f3f7ff !important; } .Bulma-component a.has-text-brand-l95-light:hover, .Bulma-component a.has-text-brand-l95-light:focus { color: #c0d5ff !important; } .Bulma-component .has-background-brand-l95-light { background-color: #f3f7ff !important; } .Bulma-component .has-text-brand-l95-dark { color: #003194 !important; } .Bulma-component a.has-text-brand-l95-dark:hover, .Bulma-component a.has-text-brand-l95-dark:focus { color: #0042c7 !important; } .Bulma-component .has-background-brand-l95-dark { background-color: #003194 !important; } .Bulma-component .has-text-neutral { color: #0f0f0f !important; } .Bulma-component a.has-text-neutral:hover, .Bulma-component a.has-text-neutral:focus { color: black !important; } .Bulma-component .has-background-neutral { background-color: #0f0f0f !important; } .Bulma-component .has-text-neutral-light { color: whitesmoke !important; } .Bulma-component a.has-text-neutral-light:hover, .Bulma-component a.has-text-neutral-light:focus { color: #dbdbdb !important; } .Bulma-component .has-background-neutral-light { background-color: whitesmoke !important; } .Bulma-component .has-text-neutral-dark { color: #8f8f8f !important; } .Bulma-component a.has-text-neutral-dark:hover, .Bulma-component a.has-text-neutral-dark:focus { color: #a8a8a8 !important; } .Bulma-component .has-background-neutral-dark { background-color: #8f8f8f !important; } .Bulma-component .has-text-neutral-l20 { color: #3f3f3f !important; } .Bulma-component a.has-text-neutral-l20:hover, .Bulma-component a.has-text-neutral-l20:focus { color: #262626 !important; } .Bulma-component .has-background-neutral-l20 { background-color: #3f3f3f !important; } .Bulma-component .has-text-neutral-l20-light { color: whitesmoke !important; } .Bulma-component a.has-text-neutral-l20-light:hover, .Bulma-component a.has-text-neutral-l20-light:focus { color: #dbdbdb !important; } .Bulma-component .has-background-neutral-l20-light { background-color: whitesmoke !important; } .Bulma-component .has-text-neutral-l20-dark { color: #878787 !important; } .Bulma-component a.has-text-neutral-l20-dark:hover, .Bulma-component a.has-text-neutral-l20-dark:focus { color: #a1a1a1 !important; } .Bulma-component .has-background-neutral-l20-dark { background-color: #878787 !important; } .Bulma-component .has-text-neutral-l40 { color: #6f6f6f !important; } .Bulma-component a.has-text-neutral-l40:hover, .Bulma-component a.has-text-neutral-l40:focus { color: #565656 !important; } .Bulma-component .has-background-neutral-l40 { background-color: #6f6f6f !important; } .Bulma-component .has-text-neutral-l40-light { color: whitesmoke !important; } .Bulma-component a.has-text-neutral-l40-light:hover, .Bulma-component a.has-text-neutral-l40-light:focus { color: #dbdbdb !important; } .Bulma-component .has-background-neutral-l40-light { background-color: whitesmoke !important; } .Bulma-component .has-text-neutral-l40-dark { color: #757575 !important; } .Bulma-component a.has-text-neutral-l40-dark:hover, .Bulma-component a.has-text-neutral-l40-dark:focus { color: #8f8f8f !important; } .Bulma-component .has-background-neutral-l40-dark { background-color: #757575 !important; } .Bulma-component .has-text-neutral-l50 { color: #878787 !important; } .Bulma-component a.has-text-neutral-l50:hover, .Bulma-component a.has-text-neutral-l50:focus { color: #6e6e6e !important; } .Bulma-component .has-background-neutral-l50 { background-color: #878787 !important; } .Bulma-component .has-text-neutral-l50-light { color: whitesmoke !important; } .Bulma-component a.has-text-neutral-l50-light:hover, .Bulma-component a.has-text-neutral-l50-light:focus { color: #dbdbdb !important; } .Bulma-component .has-background-neutral-l50-light { background-color: whitesmoke !important; } .Bulma-component .has-text-neutral-l50-dark { color: dimgray !important; } .Bulma-component a.has-text-neutral-l50-dark:hover, .Bulma-component a.has-text-neutral-l50-dark:focus { color: #828282 !important; } .Bulma-component .has-background-neutral-l50-dark { background-color: dimgray !important; } .Bulma-component .has-text-neutral-l90 { color: #e7e7e7 !important; } .Bulma-component a.has-text-neutral-l90:hover, .Bulma-component a.has-text-neutral-l90:focus { color: #cecece !important; } .Bulma-component .has-background-neutral-l90 { background-color: #e7e7e7 !important; } .Bulma-component .has-text-neutral-l90-light { color: whitesmoke !important; } .Bulma-component a.has-text-neutral-l90-light:hover, .Bulma-component a.has-text-neutral-l90-light:focus { color: #dbdbdb !important; } .Bulma-component .has-background-neutral-l90-light { background-color: whitesmoke !important; } .Bulma-component .has-text-neutral-l90-dark { color: #4a4a4a !important; } .Bulma-component a.has-text-neutral-l90-dark:hover, .Bulma-component a.has-text-neutral-l90-dark:focus { color: #636363 !important; } .Bulma-component .has-background-neutral-l90-dark { background-color: #4a4a4a !important; } .Bulma-component .has-text-neutral-l95 { color: #f7f7f7 !important; } .Bulma-component a.has-text-neutral-l95:hover, .Bulma-component a.has-text-neutral-l95:focus { color: #dedede !important; } .Bulma-component .has-background-neutral-l95 { background-color: #f7f7f7 !important; } .Bulma-component .has-text-neutral-l95-light { color: #f7f7f7 !important; } .Bulma-component a.has-text-neutral-l95-light:hover, .Bulma-component a.has-text-neutral-l95-light:focus { color: #dedede !important; } .Bulma-component .has-background-neutral-l95-light { background-color: #f7f7f7 !important; } .Bulma-component .has-text-neutral-l95-dark { color: #4a4a4a !important; } .Bulma-component a.has-text-neutral-l95-dark:hover, .Bulma-component a.has-text-neutral-l95-dark:focus { color: #636363 !important; } .Bulma-component .has-background-neutral-l95-dark { background-color: #4a4a4a !important; } .Bulma-component .has-text-neutral-light { color: #ffffff !important; } .Bulma-component a.has-text-neutral-light:hover, .Bulma-component a.has-text-neutral-light:focus { color: #e6e6e6 !important; } .Bulma-component .has-background-neutral-light { background-color: #ffffff !important; } .Bulma-component .has-text-neutral-light-light { color: white !important; } .Bulma-component a.has-text-neutral-light-light:hover, .Bulma-component a.has-text-neutral-light-light:focus { color: #e6e6e6 !important; } .Bulma-component .has-background-neutral-light-light { background-color: white !important; } .Bulma-component .has-text-neutral-light-dark { color: #4a4a4a !important; } .Bulma-component a.has-text-neutral-light-dark:hover, .Bulma-component a.has-text-neutral-light-dark:focus { color: #636363 !important; } .Bulma-component .has-background-neutral-light-dark { background-color: #4a4a4a !important; } .Bulma-component .has-text-error { color: #ba1b1b !important; } .Bulma-component a.has-text-error:hover, .Bulma-component a.has-text-error:focus { color: #8d1515 !important; } .Bulma-component .has-background-error { background-color: #ba1b1b !important; } .Bulma-component .has-text-error-light { color: #fceded !important; } .Bulma-component a.has-text-error-light:hover, .Bulma-component a.has-text-error-light:focus { color: #f6c1c1 !important; } .Bulma-component .has-background-error-light { background-color: #fceded !important; } .Bulma-component .has-text-error-dark { color: #df2020 !important; } .Bulma-component a.has-text-error-dark:hover, .Bulma-component a.has-text-error-dark:focus { color: #e54d4d !important; } .Bulma-component .has-background-error-dark { background-color: #df2020 !important; } .Bulma-component .has-text-error-d20 { color: #951616 !important; } .Bulma-component a.has-text-error-d20:hover, .Bulma-component a.has-text-error-d20:focus { color: #690f0f !important; } .Bulma-component .has-background-error-d20 { background-color: #951616 !important; } .Bulma-component .has-text-error-d20-light { color: #fceded !important; } .Bulma-component a.has-text-error-d20-light:hover, .Bulma-component a.has-text-error-d20-light:focus { color: #f6c1c1 !important; } .Bulma-component .has-background-error-d20-light { background-color: #fceded !important; } .Bulma-component .has-text-error-d20-dark { color: #e02a2a !important; } .Bulma-component a.has-text-error-d20-dark:hover, .Bulma-component a.has-text-error-d20-dark:focus { color: #e65656 !important; } .Bulma-component .has-background-error-d20-dark { background-color: #e02a2a !important; } .Bulma-component .has-text-error-l20 { color: #c84949 !important; } .Bulma-component a.has-text-error-l20:hover, .Bulma-component a.has-text-error-l20:focus { color: #aa3434 !important; } .Bulma-component .has-background-error-l20 { background-color: #c84949 !important; } .Bulma-component .has-text-error-l20-light { color: #faefef !important; } .Bulma-component a.has-text-error-l20-light:hover, .Bulma-component a.has-text-error-l20-light:focus { color: #eec8c8 !important; } .Bulma-component .has-background-error-l20-light { background-color: #faefef !important; } .Bulma-component .has-text-error-l20-dark { color: #b43636 !important; } .Bulma-component a.has-text-error-l20-dark:hover, .Bulma-component a.has-text-error-l20-dark:focus { color: #cb5353 !important; } .Bulma-component .has-background-error-l20-dark { background-color: #b43636 !important; } .Bulma-component .has-text-error-l70 { color: #eabbbb !important; } .Bulma-component a.has-text-error-l70:hover, .Bulma-component a.has-text-error-l70:focus { color: #de9494 !important; } .Bulma-component .has-background-error-l70 { background-color: #eabbbb !important; } .Bulma-component .has-text-error-l70-light { color: #faefef !important; } .Bulma-component a.has-text-error-l70-light:hover, .Bulma-component a.has-text-error-l70-light:focus { color: #eec8c8 !important; } .Bulma-component .has-background-error-l70-light { background-color: #faefef !important; } .Bulma-component .has-text-error-l70-dark { color: #712323 !important; } .Bulma-component a.has-text-error-l70-dark:hover, .Bulma-component a.has-text-error-l70-dark:focus { color: #982f2f !important; } .Bulma-component .has-background-error-l70-dark { background-color: #712323 !important; } .Bulma-component .has-text-error-l80 { color: #f1d1d1 !important; } .Bulma-component a.has-text-error-l80:hover, .Bulma-component a.has-text-error-l80:focus { color: #e5aaaa !important; } .Bulma-component .has-background-error-l80 { background-color: #f1d1d1 !important; } .Bulma-component .has-text-error-l80-light { color: #faefef !important; } .Bulma-component a.has-text-error-l80-light:hover, .Bulma-component a.has-text-error-l80-light:focus { color: #eec8c8 !important; } .Bulma-component .has-background-error-l80-light { background-color: #faefef !important; } .Bulma-component .has-text-error-l80-dark { color: #712323 !important; } .Bulma-component a.has-text-error-l80-dark:hover, .Bulma-component a.has-text-error-l80-dark:focus { color: #982e2e !important; } .Bulma-component .has-background-error-l80-dark { background-color: #712323 !important; } .Bulma-component .has-text-error-l90 { color: #f8e8e8 !important; } .Bulma-component a.has-text-error-l90:hover, .Bulma-component a.has-text-error-l90:focus { color: #ecc1c1 !important; } .Bulma-component .has-background-error-l90 { background-color: #f8e8e8 !important; } .Bulma-component .has-text-error-l90-light { color: #faefef !important; } .Bulma-component a.has-text-error-l90-light:hover, .Bulma-component a.has-text-error-l90-light:focus { color: #eec8c8 !important; } .Bulma-component .has-background-error-l90-light { background-color: #faefef !important; } .Bulma-component .has-text-error-l90-dark { color: #712323 !important; } .Bulma-component a.has-text-error-l90-dark:hover, .Bulma-component a.has-text-error-l90-dark:focus { color: #982e2e !important; } .Bulma-component .has-background-error-l90-dark { background-color: #712323 !important; } .Bulma-component .has-text-error-l95 { color: #fcf4f4 !important; } .Bulma-component a.has-text-error-l95:hover, .Bulma-component a.has-text-error-l95:focus { color: #f1cccc !important; } .Bulma-component .has-background-error-l95 { background-color: #fcf4f4 !important; } .Bulma-component .has-text-error-l95-light { color: #fcf4f4 !important; } .Bulma-component a.has-text-error-l95-light:hover, .Bulma-component a.has-text-error-l95-light:focus { color: #f1cccc !important; } .Bulma-component .has-background-error-l95-light { background-color: #fcf4f4 !important; } .Bulma-component .has-text-error-l95-dark { color: #742020 !important; } .Bulma-component a.has-text-error-l95-dark:hover, .Bulma-component a.has-text-error-l95-dark:focus { color: #9c2b2b !important; } .Bulma-component .has-background-error-l95-dark { background-color: #742020 !important; } .Bulma-component .has-text-info-d30 { color: #167998 !important; } .Bulma-component a.has-text-info-d30:hover, .Bulma-component a.has-text-info-d30:focus { color: #10566b !important; } .Bulma-component .has-background-info-d30 { background-color: #167998 !important; } .Bulma-component .has-text-info-d30-light { color: #edf9fc !important; } .Bulma-component a.has-text-info-d30-light:hover, .Bulma-component a.has-text-info-d30-light:focus { color: #c1e9f6 !important; } .Bulma-component .has-background-info-d30-light { background-color: #edf9fc !important; } .Bulma-component .has-text-info-d30-dark { color: #1ea3cd !important; } .Bulma-component a.has-text-info-d30-dark:hover, .Bulma-component a.has-text-info-d30-dark:focus { color: #3bbbe3 !important; } .Bulma-component .has-background-info-d30-dark { background-color: #1ea3cd !important; } .Bulma-component .has-text-info-l95 { color: #edfbff !important; } .Bulma-component a.has-text-info-l95:hover, .Bulma-component a.has-text-info-l95:focus { color: #baf0ff !important; } .Bulma-component .has-background-info-l95 { background-color: #edfbff !important; } .Bulma-component .has-text-info-l95-light { color: #edfbff !important; } .Bulma-component a.has-text-info-l95-light:hover, .Bulma-component a.has-text-info-l95-light:focus { color: #baf0ff !important; } .Bulma-component .has-background-info-l95-light { background-color: #edfbff !important; } .Bulma-component .has-text-info-l95-dark { color: #007394 !important; } .Bulma-component a.has-text-info-l95-dark:hover, .Bulma-component a.has-text-info-l95-dark:focus { color: #009bc7 !important; } .Bulma-component .has-background-info-l95-dark { background-color: #007394 !important; } .Bulma-component .has-text-success-d30 { color: #01582c !important; } .Bulma-component a.has-text-success-d30:hover, .Bulma-component a.has-text-success-d30:focus { color: #002613 !important; } .Bulma-component .has-background-success-d30 { background-color: #01582c !important; } .Bulma-component .has-text-success-d30-light { color: #ebfff5 !important; } .Bulma-component a.has-text-success-d30-light:hover, .Bulma-component a.has-text-success-d30-light:focus { color: #b8fedb !important; } .Bulma-component .has-background-success-d30-light { background-color: #ebfff5 !important; } .Bulma-component .has-text-success-d30-dark { color: #08fc81 !important; } .Bulma-component a.has-text-success-d30-dark:hover, .Bulma-component a.has-text-success-d30-dark:focus { color: #3afd9a !important; } .Bulma-component .has-background-success-d30-dark { background-color: #08fc81 !important; } .Bulma-component .has-text-success-l95 { color: #ebf5f0 !important; } .Bulma-component a.has-text-success-l95:hover, .Bulma-component a.has-text-success-l95:focus { color: #c9e4d7 !important; } .Bulma-component .has-background-success-l95 { background-color: #ebf5f0 !important; } .Bulma-component .has-text-success-l95-light { color: #f1f8f5 !important; } .Bulma-component a.has-text-success-l95-light:hover, .Bulma-component a.has-text-success-l95-light:focus { color: #cfe7db !important; } .Bulma-component .has-background-success-l95-light { background-color: #f1f8f5 !important; } .Bulma-component .has-text-success-l95-dark { color: #31634a !important; } .Bulma-component a.has-text-success-l95-dark:hover, .Bulma-component a.has-text-success-l95-dark:focus { color: #428563 !important; } .Bulma-component .has-background-success-l95-dark { background-color: #31634a !important; } .Bulma-component .has-text-warning-d30 { color: #806000 !important; } .Bulma-component a.has-text-warning-d30:hover, .Bulma-component a.has-text-warning-d30:focus { color: #4d3a00 !important; } .Bulma-component .has-background-warning-d30 { background-color: #806000 !important; } .Bulma-component .has-text-warning-d30-light { color: #fffaeb !important; } .Bulma-component a.has-text-warning-d30-light:hover, .Bulma-component a.has-text-warning-d30-light:focus { color: #ffedb8 !important; } .Bulma-component .has-background-warning-d30-light { background-color: #fffaeb !important; } .Bulma-component .has-text-warning-d30-dark { color: #f5b800 !important; } .Bulma-component a.has-text-warning-d30-dark:hover, .Bulma-component a.has-text-warning-d30-dark:focus { color: #ffc929 !important; } .Bulma-component .has-background-warning-d30-dark { background-color: #f5b800 !important; } .Bulma-component .has-text-warning-l95 { color: #fffaeb !important; } .Bulma-component a.has-text-warning-l95:hover, .Bulma-component a.has-text-warning-l95:focus { color: #ffedb8 !important; } .Bulma-component .has-background-warning-l95 { background-color: #fffaeb !important; } .Bulma-component .has-text-warning-l95-light { color: #fffaeb !important; } .Bulma-component a.has-text-warning-l95-light:hover, .Bulma-component a.has-text-warning-l95-light:focus { color: #ffedb8 !important; } .Bulma-component .has-background-warning-l95-light { background-color: #fffaeb !important; } .Bulma-component .has-text-warning-l95-dark { color: #946f00 !important; } .Bulma-component a.has-text-warning-l95-dark:hover, .Bulma-component a.has-text-warning-l95-dark:focus { color: #c79500 !important; } .Bulma-component .has-background-warning-l95-dark { background-color: #946f00 !important; } .Bulma-component .has-text-brand-2 { color: #0e9ca6 !important; } .Bulma-component a.has-text-brand-2:hover, .Bulma-component a.has-text-brand-2:focus { color: #0a7077 !important; } .Bulma-component .has-background-brand-2 { background-color: #0e9ca6 !important; } .Bulma-component .has-text-brand-2-light { color: #ecfcfd !important; } .Bulma-component a.has-text-brand-2-light:hover, .Bulma-component a.has-text-brand-2-light:focus { color: #bdf5f9 !important; } .Bulma-component .has-background-brand-2-light { background-color: #ecfcfd !important; } .Bulma-component .has-text-brand-2-dark { color: #10b1bc !important; } .Bulma-component a.has-text-brand-2-dark:hover, .Bulma-component a.has-text-brand-2-dark:focus { color: #14ddeb !important; } .Bulma-component .has-background-brand-2-dark { background-color: #10b1bc !important; } .Bulma-component .has-text-brand-2-d20 { color: #0b7d85 !important; } .Bulma-component a.has-text-brand-2-d20:hover, .Bulma-component a.has-text-brand-2-d20:focus { color: #075156 !important; } .Bulma-component .has-background-brand-2-d20 { background-color: #0b7d85 !important; } .Bulma-component .has-text-brand-2-d20-light { color: #ecfcfd !important; } .Bulma-component a.has-text-brand-2-d20-light:hover, .Bulma-component a.has-text-brand-2-d20-light:focus { color: #bdf6fa !important; } .Bulma-component .has-background-brand-2-d20-light { background-color: #ecfcfd !important; } .Bulma-component .has-text-brand-2-d20-dark { color: #12ccd9 !important; } .Bulma-component a.has-text-brand-2-d20-dark:hover, .Bulma-component a.has-text-brand-2-d20-dark:focus { color: #30e1ee !important; } .Bulma-component .has-background-brand-2-d20-dark { background-color: #12ccd9 !important; } .Bulma-component .has-text-brand-2-l20 { color: #3eb0b8 !important; } .Bulma-component a.has-text-brand-2-l20:hover, .Bulma-component a.has-text-brand-2-l20:focus { color: #318c92 !important; } .Bulma-component .has-background-brand-2-l20 { background-color: #3eb0b8 !important; } .Bulma-component .has-text-brand-2-l20-light { color: #f0f9fa !important; } .Bulma-component a.has-text-brand-2-l20-light:hover, .Bulma-component a.has-text-brand-2-l20-light:focus { color: #caebed !important; } .Bulma-component .has-background-brand-2-l20-light { background-color: #f0f9fa !important; } .Bulma-component .has-text-brand-2-l20-dark { color: #2d8086 !important; } .Bulma-component a.has-text-brand-2-l20-dark:hover, .Bulma-component a.has-text-brand-2-l20-dark:focus { color: #3aa4ac !important; } .Bulma-component .has-background-brand-2-l20-dark { background-color: #2d8086 !important; } .Bulma-component .has-text-brand-2-l70 { color: #b7e1e4 !important; } .Bulma-component a.has-text-brand-2-l70:hover, .Bulma-component a.has-text-brand-2-l70:focus { color: #92d2d6 !important; } .Bulma-component .has-background-brand-2-l70 { background-color: #b7e1e4 !important; } .Bulma-component .has-text-brand-2-l70-light { color: #f0f9f9 !important; } .Bulma-component a.has-text-brand-2-l70-light:hover, .Bulma-component a.has-text-brand-2-l70-light:focus { color: #cbe9ec !important; } .Bulma-component .has-background-brand-2-l70-light { background-color: #f0f9f9 !important; } .Bulma-component .has-text-brand-2-l70-dark { color: #28676c !important; } .Bulma-component a.has-text-brand-2-l70-dark:hover, .Bulma-component a.has-text-brand-2-l70-dark:focus { color: #368b91 !important; } .Bulma-component .has-background-brand-2-l70-dark { background-color: #28676c !important; } .Bulma-component .has-text-brand-2-l80 { color: #cfebed !important; } .Bulma-component a.has-text-brand-2-l80:hover, .Bulma-component a.has-text-brand-2-l80:focus { color: #aadcdf !important; } .Bulma-component .has-background-brand-2-l80 { background-color: #cfebed !important; } .Bulma-component .has-text-brand-2-l80-light { color: #f0f9f9 !important; } .Bulma-component a.has-text-brand-2-l80-light:hover, .Bulma-component a.has-text-brand-2-l80-light:focus { color: #cbe9ec !important; } .Bulma-component .has-background-brand-2-l80-light { background-color: #f0f9f9 !important; } .Bulma-component .has-text-brand-2-l80-dark { color: #28676c !important; } .Bulma-component a.has-text-brand-2-l80-dark:hover, .Bulma-component a.has-text-brand-2-l80-dark:focus { color: #368b91 !important; } .Bulma-component .has-background-brand-2-l80-dark { background-color: #28676c !important; } .Bulma-component .has-text-brand-2-l90 { color: #eef8f9 !important; } .Bulma-component a.has-text-brand-2-l90:hover, .Bulma-component a.has-text-brand-2-l90:focus { color: #c8e8ec !important; } .Bulma-component .has-background-brand-2-l90 { background-color: #eef8f9 !important; } .Bulma-component .has-text-brand-2-l90-light { color: #f0f9fa !important; } .Bulma-component a.has-text-brand-2-l90-light:hover, .Bulma-component a.has-text-brand-2-l90-light:focus { color: #cae9ec !important; } .Bulma-component .has-background-brand-2-l90-light { background-color: #f0f9fa !important; } .Bulma-component .has-text-brand-2-l90-dark { color: #27676d !important; } .Bulma-component a.has-text-brand-2-l90-dark:hover, .Bulma-component a.has-text-brand-2-l90-dark:focus { color: #348a93 !important; } .Bulma-component .has-background-brand-2-l90-dark { background-color: #27676d !important; } .Bulma-component .has-text-brand-2-l95 { color: #f8fcfc !important; } .Bulma-component a.has-text-brand-2-l95:hover, .Bulma-component a.has-text-brand-2-l95:focus { color: #d4eded !important; } .Bulma-component .has-background-brand-2-l95 { background-color: #f8fcfc !important; } .Bulma-component .has-text-brand-2-l95-light { color: #f8fcfc !important; } .Bulma-component a.has-text-brand-2-l95-light:hover, .Bulma-component a.has-text-brand-2-l95-light:focus { color: #d4eded !important; } .Bulma-component .has-background-brand-2-l95-light { background-color: #f8fcfc !important; } .Bulma-component .has-text-brand-2-l95-dark { color: #2c6868 !important; } .Bulma-component a.has-text-brand-2-l95-dark:hover, .Bulma-component a.has-text-brand-2-l95-dark:focus { color: #3c8b8b !important; } .Bulma-component .has-background-brand-2-l95-dark { background-color: #2c6868 !important; } .Bulma-component .has-text-brand-3 { color: #e2583f !important; } .Bulma-component a.has-text-brand-3:hover, .Bulma-component a.has-text-brand-3:focus { color: #cf3a1f !important; } .Bulma-component .has-background-brand-3 { background-color: #e2583f !important; } .Bulma-component .has-text-brand-3-light { color: #fcf0ed !important; } .Bulma-component a.has-text-brand-3-light:hover, .Bulma-component a.has-text-brand-3-light:focus { color: #f6c9c1 !important; } .Bulma-component .has-background-brand-3-light { background-color: #fcf0ed !important; } .Bulma-component .has-text-brand-3-dark { color: #ba341c !important; } .Bulma-component a.has-text-brand-3-dark:hover, .Bulma-component a.has-text-brand-3-dark:focus { color: #df462a !important; } .Bulma-component .has-background-brand-3-dark { background-color: #ba341c !important; } .Bulma-component .has-text-brand-3-d20 { color: #b54632 !important; } .Bulma-component a.has-text-brand-3-d20:hover, .Bulma-component a.has-text-brand-3-d20:focus { color: #8d3727 !important; } .Bulma-component .has-background-brand-3-d20 { background-color: #b54632 !important; } .Bulma-component .has-text-brand-3-d20-light { color: #fbf1ef !important; } .Bulma-component a.has-text-brand-3-d20-light:hover, .Bulma-component a.has-text-brand-3-d20-light:focus { color: #f0cdc7 !important; } .Bulma-component .has-background-brand-3-d20-light { background-color: #fbf1ef !important; } .Bulma-component .has-text-brand-3-d20-dark { color: #bc4934 !important; } .Bulma-component a.has-text-brand-3-d20-dark:hover, .Bulma-component a.has-text-brand-3-d20-dark:focus { color: #d06653 !important; } .Bulma-component .has-background-brand-3-d20-dark { background-color: #bc4934 !important; } .Bulma-component .has-text-brand-3-l20 { color: #e87965 !important; } .Bulma-component a.has-text-brand-3-l20:hover, .Bulma-component a.has-text-brand-3-l20:focus { color: #e15239 !important; } .Bulma-component .has-background-brand-3-l20 { background-color: #e87965 !important; } .Bulma-component .has-text-brand-3-l20-light { color: #fcf0ed !important; } .Bulma-component a.has-text-brand-3-l20-light:hover, .Bulma-component a.has-text-brand-3-l20-light:focus { color: #f6c9c1 !important; } .Bulma-component .has-background-brand-3-l20-light { background-color: #fcf0ed !important; } .Bulma-component .has-text-brand-3-l20-dark { color: #a42e19 !important; } .Bulma-component a.has-text-brand-3-l20-dark:hover, .Bulma-component a.has-text-brand-3-l20-dark:focus { color: #d13a1f !important; } .Bulma-component .has-background-brand-3-l20-dark { background-color: #a42e19 !important; } .Bulma-component .has-text-brand-3-l70 { color: #f6cdc5 !important; } .Bulma-component a.has-text-brand-3-l70:hover, .Bulma-component a.has-text-brand-3-l70:focus { color: #efa799 !important; } .Bulma-component .has-background-brand-3-l70 { background-color: #f6cdc5 !important; } .Bulma-component .has-text-brand-3-l70-light { color: #fcf0ed !important; } .Bulma-component a.has-text-brand-3-l70-light:hover, .Bulma-component a.has-text-brand-3-l70-light:focus { color: #f5cac1 !important; } .Bulma-component .has-background-brand-3-l70-light { background-color: #fcf0ed !important; } .Bulma-component .has-text-brand-3-l70-dark { color: #802614 !important; } .Bulma-component a.has-text-brand-3-l70-dark:hover, .Bulma-component a.has-text-brand-3-l70-dark:focus { color: #ac321b !important; } .Bulma-component .has-background-brand-3-l70-dark { background-color: #802614 !important; } .Bulma-component .has-text-brand-3-l80 { color: #f9ded9 !important; } .Bulma-component a.has-text-brand-3-l80:hover, .Bulma-component a.has-text-brand-3-l80:focus { color: #f2b8ad !important; } .Bulma-component .has-background-brand-3-l80 { background-color: #f9ded9 !important; } .Bulma-component .has-text-brand-3-l80-light { color: #fcf0ed !important; } .Bulma-component a.has-text-brand-3-l80-light:hover, .Bulma-component a.has-text-brand-3-l80-light:focus { color: #f5c9c1 !important; } .Bulma-component .has-background-brand-3-l80-light { background-color: #fcf0ed !important; } .Bulma-component .has-text-brand-3-l80-dark { color: #802514 !important; } .Bulma-component a.has-text-brand-3-l80-dark:hover, .Bulma-component a.has-text-brand-3-l80-dark:focus { color: #ac321b !important; } .Bulma-component .has-background-brand-3-l80-dark { background-color: #802514 !important; } .Bulma-component .has-text-brand-3-l90 { color: #fceeec !important; } .Bulma-component a.has-text-brand-3-l90:hover, .Bulma-component a.has-text-brand-3-l90:focus { color: #f5c7c0 !important; } .Bulma-component .has-background-brand-3-l90 { background-color: #fceeec !important; } .Bulma-component .has-text-brand-3-l90-light { color: #fcefed !important; } .Bulma-component a.has-text-brand-3-l90-light:hover, .Bulma-component a.has-text-brand-3-l90-light:focus { color: #f5c8c1 !important; } .Bulma-component .has-background-brand-3-l90-light { background-color: #fcefed !important; } .Bulma-component .has-text-brand-3-l90-dark { color: #802214 !important; } .Bulma-component a.has-text-brand-3-l90-dark:hover, .Bulma-component a.has-text-brand-3-l90-dark:focus { color: #ac2d1b !important; } .Bulma-component .has-background-brand-3-l90-dark { background-color: #802214 !important; } .Bulma-component .has-text-brand-3-l95 { color: #fef7f5 !important; } .Bulma-component a.has-text-brand-3-l95:hover, .Bulma-component a.has-text-brand-3-l95:focus { color: #f9d2c7 !important; } .Bulma-component .has-background-brand-3-l95 { background-color: #fef7f5 !important; } .Bulma-component .has-text-brand-3-l95-light { color: #fef7f5 !important; } .Bulma-component a.has-text-brand-3-l95-light:hover, .Bulma-component a.has-text-brand-3-l95-light:focus { color: #f9d2c7 !important; } .Bulma-component .has-background-brand-3-l95-light { background-color: #fef7f5 !important; } .Bulma-component .has-text-brand-3-l95-dark { color: #86280d !important; } .Bulma-component a.has-text-brand-3-l95-dark:hover, .Bulma-component a.has-text-brand-3-l95-dark:focus { color: #b53612 !important; } .Bulma-component .has-background-brand-3-l95-dark { background-color: #86280d !important; } .Bulma-component .has-text-black-bis { color: #0f0f0f !important; } .Bulma-component .has-background-black-bis { background-color: #0f0f0f !important; } .Bulma-component .has-text-black-ter { color: #0f0f0f !important; } .Bulma-component .has-background-black-ter { background-color: #0f0f0f !important; } .Bulma-component .has-text-grey-darker { color: #3f3f3f !important; } .Bulma-component .has-background-grey-darker { background-color: #3f3f3f !important; } .Bulma-component .has-text-grey-dark { color: #6f6f6f !important; } .Bulma-component .has-background-grey-dark { background-color: #6f6f6f !important; } .Bulma-component .has-text-grey { color: #878787 !important; } .Bulma-component .has-background-grey { background-color: #878787 !important; } .Bulma-component .has-text-grey-light { color: #e7e7e7 !important; } .Bulma-component .has-background-grey-light { background-color: #e7e7e7 !important; } .Bulma-component .has-text-grey-lighter { color: #f7f7f7 !important; } .Bulma-component .has-background-grey-lighter { background-color: #f7f7f7 !important; } .Bulma-component .has-text-white-ter { color: #ffffff !important; } .Bulma-component .has-background-white-ter { background-color: #ffffff !important; } .Bulma-component .has-text-white-bis { color: #ffffff !important; } .Bulma-component .has-background-white-bis { background-color: #ffffff !important; } .Bulma-component .is-flex-direction-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .Bulma-component .is-flex-direction-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .Bulma-component .is-flex-direction-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .Bulma-component .is-flex-direction-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .Bulma-component .is-flex-wrap-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .Bulma-component .is-flex-wrap-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .Bulma-component .is-flex-wrap-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .Bulma-component .is-justify-content-flex-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .Bulma-component .is-justify-content-flex-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .Bulma-component .is-justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .Bulma-component .is-justify-content-space-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .Bulma-component .is-justify-content-space-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .Bulma-component .is-justify-content-space-evenly { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .Bulma-component .is-justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; } .Bulma-component .is-justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: end !important; } .Bulma-component .is-justify-content-left { -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } .Bulma-component .is-justify-content-right { -webkit-box-pack: right !important; -ms-flex-pack: right !important; justify-content: right !important; } .Bulma-component .is-align-content-flex-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .Bulma-component .is-align-content-flex-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .Bulma-component .is-align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .Bulma-component .is-align-content-space-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .Bulma-component .is-align-content-space-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .Bulma-component .is-align-content-space-evenly { -ms-flex-line-pack: space-evenly !important; align-content: space-evenly !important; } .Bulma-component .is-align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .Bulma-component .is-align-content-start { -ms-flex-line-pack: start !important; align-content: start !important; } .Bulma-component .is-align-content-end { -ms-flex-line-pack: end !important; align-content: end !important; } .Bulma-component .is-align-content-baseline { -ms-flex-line-pack: baseline !important; align-content: baseline !important; } .Bulma-component .is-align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .Bulma-component .is-align-items-flex-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .Bulma-component .is-align-items-flex-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .Bulma-component .is-align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .Bulma-component .is-align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .Bulma-component .is-align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: start !important; } .Bulma-component .is-align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: end !important; } .Bulma-component .is-align-items-self-start { -webkit-box-align: self-start !important; -ms-flex-align: self-start !important; align-items: self-start !important; } .Bulma-component .is-align-items-self-end { -webkit-box-align: self-end !important; -ms-flex-align: self-end !important; align-items: self-end !important; } .Bulma-component .is-align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .Bulma-component .is-align-self-flex-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .Bulma-component .is-align-self-flex-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .Bulma-component .is-align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .Bulma-component .is-align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .Bulma-component .is-align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .Bulma-component .is-flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .Bulma-component .is-flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .Bulma-component .is-flex-grow-2 { -webkit-box-flex: 2 !important; -ms-flex-positive: 2 !important; flex-grow: 2 !important; } .Bulma-component .is-flex-grow-3 { -webkit-box-flex: 3 !important; -ms-flex-positive: 3 !important; flex-grow: 3 !important; } .Bulma-component .is-flex-grow-4 { -webkit-box-flex: 4 !important; -ms-flex-positive: 4 !important; flex-grow: 4 !important; } .Bulma-component .is-flex-grow-5 { -webkit-box-flex: 5 !important; -ms-flex-positive: 5 !important; flex-grow: 5 !important; } .Bulma-component .is-flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .Bulma-component .is-flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .Bulma-component .is-flex-shrink-2 { -ms-flex-negative: 2 !important; flex-shrink: 2 !important; } .Bulma-component .is-flex-shrink-3 { -ms-flex-negative: 3 !important; flex-shrink: 3 !important; } .Bulma-component .is-flex-shrink-4 { -ms-flex-negative: 4 !important; flex-shrink: 4 !important; } .Bulma-component .is-flex-shrink-5 { -ms-flex-negative: 5 !important; flex-shrink: 5 !important; } .Bulma-component .is-clearfix::after { clear: both; content: " "; display: table; } .Bulma-component .is-pulled-left { float: left !important; } .Bulma-component .is-pulled-right { float: right !important; } .Bulma-component .is-radiusless { border-radius: 0 !important; } .Bulma-component .is-shadowless { -webkit-box-shadow: none !important; box-shadow: none !important; } .Bulma-component .is-clickable { cursor: pointer !important; pointer-events: all !important; } .Bulma-component .is-clipped { overflow: hidden !important; } .Bulma-component .is-relative { position: relative !important; } .Bulma-component .is-marginless { margin: 0 !important; } .Bulma-component .is-paddingless { padding: 0 !important; } .Bulma-component .m-0 { margin: 0 !important; } .Bulma-component .mt-0 { margin-top: 0 !important; } .Bulma-component .mr-0 { margin-right: 0 !important; } .Bulma-component .mb-0 { margin-bottom: 0 !important; } .Bulma-component .ml-0 { margin-left: 0 !important; } .Bulma-component .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .Bulma-component .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .Bulma-component .m-auto { margin: auto !important; } .Bulma-component .mt-auto { margin-top: auto !important; } .Bulma-component .mr-auto { margin-right: auto !important; } .Bulma-component .mb-auto { margin-bottom: auto !important; } .Bulma-component .ml-auto { margin-left: auto !important; } .Bulma-component .mx-auto { margin-left: auto !important; margin-right: auto !important; } .Bulma-component .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .Bulma-component .m-1 { margin: 4px !important; } .Bulma-component .mt-1 { margin-top: 4px !important; } .Bulma-component .mr-1 { margin-right: 4px !important; } .Bulma-component .mb-1 { margin-bottom: 4px !important; } .Bulma-component .ml-1 { margin-left: 4px !important; } .Bulma-component .mx-1 { margin-left: 4px !important; margin-right: 4px !important; } .Bulma-component .my-1 { margin-top: 4px !important; margin-bottom: 4px !important; } .Bulma-component .m-2 { margin: 8px !important; } .Bulma-component .mt-2 { margin-top: 8px !important; } .Bulma-component .mr-2 { margin-right: 8px !important; } .Bulma-component .mb-2 { margin-bottom: 8px !important; } .Bulma-component .ml-2 { margin-left: 8px !important; } .Bulma-component .mx-2 { margin-left: 8px !important; margin-right: 8px !important; } .Bulma-component .my-2 { margin-top: 8px !important; margin-bottom: 8px !important; } .Bulma-component .m-3 { margin: 12px !important; } .Bulma-component .mt-3 { margin-top: 12px !important; } .Bulma-component .mr-3 { margin-right: 12px !important; } .Bulma-component .mb-3 { margin-bottom: 12px !important; } .Bulma-component .ml-3 { margin-left: 12px !important; } .Bulma-component .mx-3 { margin-left: 12px !important; margin-right: 12px !important; } .Bulma-component .my-3 { margin-top: 12px !important; margin-bottom: 12px !important; } .Bulma-component .m-4 { margin: 16px !important; } .Bulma-component .mt-4 { margin-top: 16px !important; } .Bulma-component .mr-4 { margin-right: 16px !important; } .Bulma-component .mb-4 { margin-bottom: 16px !important; } .Bulma-component .ml-4 { margin-left: 16px !important; } .Bulma-component .mx-4 { margin-left: 16px !important; margin-right: 16px !important; } .Bulma-component .my-4 { margin-top: 16px !important; margin-bottom: 16px !important; } .Bulma-component .m-5 { margin: 20px !important; } .Bulma-component .mt-5 { margin-top: 20px !important; } .Bulma-component .mr-5 { margin-right: 20px !important; } .Bulma-component .mb-5 { margin-bottom: 20px !important; } .Bulma-component .ml-5 { margin-left: 20px !important; } .Bulma-component .mx-5 { margin-left: 20px !important; margin-right: 20px !important; } .Bulma-component .my-5 { margin-top: 20px !important; margin-bottom: 20px !important; } .Bulma-component .m-6 { margin: 24px !important; } .Bulma-component .mt-6 { margin-top: 24px !important; } .Bulma-component .mr-6 { margin-right: 24px !important; } .Bulma-component .mb-6 { margin-bottom: 24px !important; } .Bulma-component .ml-6 { margin-left: 24px !important; } .Bulma-component .mx-6 { margin-left: 24px !important; margin-right: 24px !important; } .Bulma-component .my-6 { margin-top: 24px !important; margin-bottom: 24px !important; } .Bulma-component .m-7 { margin: 28px !important; } .Bulma-component .mt-7 { margin-top: 28px !important; } .Bulma-component .mr-7 { margin-right: 28px !important; } .Bulma-component .mb-7 { margin-bottom: 28px !important; } .Bulma-component .ml-7 { margin-left: 28px !important; } .Bulma-component .mx-7 { margin-left: 28px !important; margin-right: 28px !important; } .Bulma-component .my-7 { margin-top: 28px !important; margin-bottom: 28px !important; } .Bulma-component .m-8 { margin: 32px !important; } .Bulma-component .mt-8 { margin-top: 32px !important; } .Bulma-component .mr-8 { margin-right: 32px !important; } .Bulma-component .mb-8 { margin-bottom: 32px !important; } .Bulma-component .ml-8 { margin-left: 32px !important; } .Bulma-component .mx-8 { margin-left: 32px !important; margin-right: 32px !important; } .Bulma-component .my-8 { margin-top: 32px !important; margin-bottom: 32px !important; } .Bulma-component .m-9 { margin: 36px !important; } .Bulma-component .mt-9 { margin-top: 36px !important; } .Bulma-component .mr-9 { margin-right: 36px !important; } .Bulma-component .mb-9 { margin-bottom: 36px !important; } .Bulma-component .ml-9 { margin-left: 36px !important; } .Bulma-component .mx-9 { margin-left: 36px !important; margin-right: 36px !important; } .Bulma-component .my-9 { margin-top: 36px !important; margin-bottom: 36px !important; } .Bulma-component .m-10 { margin: 40px !important; } .Bulma-component .mt-10 { margin-top: 40px !important; } .Bulma-component .mr-10 { margin-right: 40px !important; } .Bulma-component .mb-10 { margin-bottom: 40px !important; } .Bulma-component .ml-10 { margin-left: 40px !important; } .Bulma-component .mx-10 { margin-left: 40px !important; margin-right: 40px !important; } .Bulma-component .my-10 { margin-top: 40px !important; margin-bottom: 40px !important; } .Bulma-component .m-11 { margin: 48px !important; } .Bulma-component .mt-11 { margin-top: 48px !important; } .Bulma-component .mr-11 { margin-right: 48px !important; } .Bulma-component .mb-11 { margin-bottom: 48px !important; } .Bulma-component .ml-11 { margin-left: 48px !important; } .Bulma-component .mx-11 { margin-left: 48px !important; margin-right: 48px !important; } .Bulma-component .my-11 { margin-top: 48px !important; margin-bottom: 48px !important; } .Bulma-component .m-12 { margin: 52px !important; } .Bulma-component .mt-12 { margin-top: 52px !important; } .Bulma-component .mr-12 { margin-right: 52px !important; } .Bulma-component .mb-12 { margin-bottom: 52px !important; } .Bulma-component .ml-12 { margin-left: 52px !important; } .Bulma-component .mx-12 { margin-left: 52px !important; margin-right: 52px !important; } .Bulma-component .my-12 { margin-top: 52px !important; margin-bottom: 52px !important; } .Bulma-component .m-13 { margin: 56px !important; } .Bulma-component .mt-13 { margin-top: 56px !important; } .Bulma-component .mr-13 { margin-right: 56px !important; } .Bulma-component .mb-13 { margin-bottom: 56px !important; } .Bulma-component .ml-13 { margin-left: 56px !important; } .Bulma-component .mx-13 { margin-left: 56px !important; margin-right: 56px !important; } .Bulma-component .my-13 { margin-top: 56px !important; margin-bottom: 56px !important; } .Bulma-component .m-14 { margin: 60px !important; } .Bulma-component .mt-14 { margin-top: 60px !important; } .Bulma-component .mr-14 { margin-right: 60px !important; } .Bulma-component .mb-14 { margin-bottom: 60px !important; } .Bulma-component .ml-14 { margin-left: 60px !important; } .Bulma-component .mx-14 { margin-left: 60px !important; margin-right: 60px !important; } .Bulma-component .my-14 { margin-top: 60px !important; margin-bottom: 60px !important; } .Bulma-component .m-15 { margin: 64px !important; } .Bulma-component .mt-15 { margin-top: 64px !important; } .Bulma-component .mr-15 { margin-right: 64px !important; } .Bulma-component .mb-15 { margin-bottom: 64px !important; } .Bulma-component .ml-15 { margin-left: 64px !important; } .Bulma-component .mx-15 { margin-left: 64px !important; margin-right: 64px !important; } .Bulma-component .my-15 { margin-top: 64px !important; margin-bottom: 64px !important; } .Bulma-component .p-0 { padding: 0 !important; } .Bulma-component .pt-0 { padding-top: 0 !important; } .Bulma-component .pr-0 { padding-right: 0 !important; } .Bulma-component .pb-0 { padding-bottom: 0 !important; } .Bulma-component .pl-0 { padding-left: 0 !important; } .Bulma-component .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .Bulma-component .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .Bulma-component .p-auto { padding: auto !important; } .Bulma-component .pt-auto { padding-top: auto !important; } .Bulma-component .pr-auto { padding-right: auto !important; } .Bulma-component .pb-auto { padding-bottom: auto !important; } .Bulma-component .pl-auto { padding-left: auto !important; } .Bulma-component .px-auto { padding-left: auto !important; padding-right: auto !important; } .Bulma-component .py-auto { padding-top: auto !important; padding-bottom: auto !important; } .Bulma-component .p-1 { padding: 4px !important; } .Bulma-component .pt-1 { padding-top: 4px !important; } .Bulma-component .pr-1 { padding-right: 4px !important; } .Bulma-component .pb-1 { padding-bottom: 4px !important; } .Bulma-component .pl-1 { padding-left: 4px !important; } .Bulma-component .px-1 { padding-left: 4px !important; padding-right: 4px !important; } .Bulma-component .py-1 { padding-top: 4px !important; padding-bottom: 4px !important; } .Bulma-component .p-2 { padding: 8px !important; } .Bulma-component .pt-2 { padding-top: 8px !important; } .Bulma-component .pr-2 { padding-right: 8px !important; } .Bulma-component .pb-2 { padding-bottom: 8px !important; } .Bulma-component .pl-2 { padding-left: 8px !important; } .Bulma-component .px-2 { padding-left: 8px !important; padding-right: 8px !important; } .Bulma-component .py-2 { padding-top: 8px !important; padding-bottom: 8px !important; } .Bulma-component .p-3 { padding: 12px !important; } .Bulma-component .pt-3 { padding-top: 12px !important; } .Bulma-component .pr-3 { padding-right: 12px !important; } .Bulma-component .pb-3 { padding-bottom: 12px !important; } .Bulma-component .pl-3 { padding-left: 12px !important; } .Bulma-component .px-3 { padding-left: 12px !important; padding-right: 12px !important; } .Bulma-component .py-3 { padding-top: 12px !important; padding-bottom: 12px !important; } .Bulma-component .p-4 { padding: 16px !important; } .Bulma-component .pt-4 { padding-top: 16px !important; } .Bulma-component .pr-4 { padding-right: 16px !important; } .Bulma-component .pb-4 { padding-bottom: 16px !important; } .Bulma-component .pl-4 { padding-left: 16px !important; } .Bulma-component .px-4 { padding-left: 16px !important; padding-right: 16px !important; } .Bulma-component .py-4 { padding-top: 16px !important; padding-bottom: 16px !important; } .Bulma-component .p-5 { padding: 20px !important; } .Bulma-component .pt-5 { padding-top: 20px !important; } .Bulma-component .pr-5 { padding-right: 20px !important; } .Bulma-component .pb-5 { padding-bottom: 20px !important; } .Bulma-component .pl-5 { padding-left: 20px !important; } .Bulma-component .px-5 { padding-left: 20px !important; padding-right: 20px !important; } .Bulma-component .py-5 { padding-top: 20px !important; padding-bottom: 20px !important; } .Bulma-component .p-6 { padding: 24px !important; } .Bulma-component .pt-6 { padding-top: 24px !important; } .Bulma-component .pr-6 { padding-right: 24px !important; } .Bulma-component .pb-6 { padding-bottom: 24px !important; } .Bulma-component .pl-6 { padding-left: 24px !important; } .Bulma-component .px-6 { padding-left: 24px !important; padding-right: 24px !important; } .Bulma-component .py-6 { padding-top: 24px !important; padding-bottom: 24px !important; } .Bulma-component .p-7 { padding: 28px !important; } .Bulma-component .pt-7 { padding-top: 28px !important; } .Bulma-component .pr-7 { padding-right: 28px !important; } .Bulma-component .pb-7 { padding-bottom: 28px !important; } .Bulma-component .pl-7 { padding-left: 28px !important; } .Bulma-component .px-7 { padding-left: 28px !important; padding-right: 28px !important; } .Bulma-component .py-7 { padding-top: 28px !important; padding-bottom: 28px !important; } .Bulma-component .p-8 { padding: 32px !important; } .Bulma-component .pt-8 { padding-top: 32px !important; } .Bulma-component .pr-8 { padding-right: 32px !important; } .Bulma-component .pb-8 { padding-bottom: 32px !important; } .Bulma-component .pl-8 { padding-left: 32px !important; } .Bulma-component .px-8 { padding-left: 32px !important; padding-right: 32px !important; } .Bulma-component .py-8 { padding-top: 32px !important; padding-bottom: 32px !important; } .Bulma-component .p-9 { padding: 36px !important; } .Bulma-component .pt-9 { padding-top: 36px !important; } .Bulma-component .pr-9 { padding-right: 36px !important; } .Bulma-component .pb-9 { padding-bottom: 36px !important; } .Bulma-component .pl-9 { padding-left: 36px !important; } .Bulma-component .px-9 { padding-left: 36px !important; padding-right: 36px !important; } .Bulma-component .py-9 { padding-top: 36px !important; padding-bottom: 36px !important; } .Bulma-component .p-10 { padding: 40px !important; } .Bulma-component .pt-10 { padding-top: 40px !important; } .Bulma-component .pr-10 { padding-right: 40px !important; } .Bulma-component .pb-10 { padding-bottom: 40px !important; } .Bulma-component .pl-10 { padding-left: 40px !important; } .Bulma-component .px-10 { padding-left: 40px !important; padding-right: 40px !important; } .Bulma-component .py-10 { padding-top: 40px !important; padding-bottom: 40px !important; } .Bulma-component .p-11 { padding: 48px !important; } .Bulma-component .pt-11 { padding-top: 48px !important; } .Bulma-component .pr-11 { padding-right: 48px !important; } .Bulma-component .pb-11 { padding-bottom: 48px !important; } .Bulma-component .pl-11 { padding-left: 48px !important; } .Bulma-component .px-11 { padding-left: 48px !important; padding-right: 48px !important; } .Bulma-component .py-11 { padding-top: 48px !important; padding-bottom: 48px !important; } .Bulma-component .p-12 { padding: 52px !important; } .Bulma-component .pt-12 { padding-top: 52px !important; } .Bulma-component .pr-12 { padding-right: 52px !important; } .Bulma-component .pb-12 { padding-bottom: 52px !important; } .Bulma-component .pl-12 { padding-left: 52px !important; } .Bulma-component .px-12 { padding-left: 52px !important; padding-right: 52px !important; } .Bulma-component .py-12 { padding-top: 52px !important; padding-bottom: 52px !important; } .Bulma-component .p-13 { padding: 56px !important; } .Bulma-component .pt-13 { padding-top: 56px !important; } .Bulma-component .pr-13 { padding-right: 56px !important; } .Bulma-component .pb-13 { padding-bottom: 56px !important; } .Bulma-component .pl-13 { padding-left: 56px !important; } .Bulma-component .px-13 { padding-left: 56px !important; padding-right: 56px !important; } .Bulma-component .py-13 { padding-top: 56px !important; padding-bottom: 56px !important; } .Bulma-component .p-14 { padding: 60px !important; } .Bulma-component .pt-14 { padding-top: 60px !important; } .Bulma-component .pr-14 { padding-right: 60px !important; } .Bulma-component .pb-14 { padding-bottom: 60px !important; } .Bulma-component .pl-14 { padding-left: 60px !important; } .Bulma-component .px-14 { padding-left: 60px !important; padding-right: 60px !important; } .Bulma-component .py-14 { padding-top: 60px !important; padding-bottom: 60px !important; } .Bulma-component .p-15 { padding: 64px !important; } .Bulma-component .pt-15 { padding-top: 64px !important; } .Bulma-component .pr-15 { padding-right: 64px !important; } .Bulma-component .pb-15 { padding-bottom: 64px !important; } .Bulma-component .pl-15 { padding-left: 64px !important; } .Bulma-component .px-15 { padding-left: 64px !important; padding-right: 64px !important; } .Bulma-component .py-15 { padding-top: 64px !important; padding-bottom: 64px !important; } .Bulma-component .is-size-1 { font-size: 48px !important; } .Bulma-component .is-size-2 { font-size: 40px !important; } .Bulma-component .is-size-3 { font-size: 32px !important; } .Bulma-component .is-size-4 { font-size: 28px !important; } .Bulma-component .is-size-5 { font-size: 24px !important; } .Bulma-component .is-size-6 { font-size: 18px !important; } .Bulma-component .is-size-7 { font-size: 16px !important; } .Bulma-component .is-size-8 { font-size: 14px !important; } @media screen and (max-width: 767px) { .Bulma-component .is-size-1-mobile { font-size: 48px !important; } .Bulma-component .is-size-2-mobile { font-size: 40px !important; } .Bulma-component .is-size-3-mobile { font-size: 32px !important; } .Bulma-component .is-size-4-mobile { font-size: 28px !important; } .Bulma-component .is-size-5-mobile { font-size: 24px !important; } .Bulma-component .is-size-6-mobile { font-size: 18px !important; } .Bulma-component .is-size-7-mobile { font-size: 16px !important; } .Bulma-component .is-size-8-mobile { font-size: 14px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-size-1-tablet { font-size: 48px !important; } .Bulma-component .is-size-2-tablet { font-size: 40px !important; } .Bulma-component .is-size-3-tablet { font-size: 32px !important; } .Bulma-component .is-size-4-tablet { font-size: 28px !important; } .Bulma-component .is-size-5-tablet { font-size: 24px !important; } .Bulma-component .is-size-6-tablet { font-size: 18px !important; } .Bulma-component .is-size-7-tablet { font-size: 16px !important; } .Bulma-component .is-size-8-tablet { font-size: 14px !important; } } @media screen and (max-width: 991px) { .Bulma-component .is-size-1-touch { font-size: 48px !important; } .Bulma-component .is-size-2-touch { font-size: 40px !important; } .Bulma-component .is-size-3-touch { font-size: 32px !important; } .Bulma-component .is-size-4-touch { font-size: 28px !important; } .Bulma-component .is-size-5-touch { font-size: 24px !important; } .Bulma-component .is-size-6-touch { font-size: 18px !important; } .Bulma-component .is-size-7-touch { font-size: 16px !important; } .Bulma-component .is-size-8-touch { font-size: 14px !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-size-1-desktop { font-size: 48px !important; } .Bulma-component .is-size-2-desktop { font-size: 40px !important; } .Bulma-component .is-size-3-desktop { font-size: 32px !important; } .Bulma-component .is-size-4-desktop { font-size: 28px !important; } .Bulma-component .is-size-5-desktop { font-size: 24px !important; } .Bulma-component .is-size-6-desktop { font-size: 18px !important; } .Bulma-component .is-size-7-desktop { font-size: 16px !important; } .Bulma-component .is-size-8-desktop { font-size: 14px !important; } } @media screen and (min-width: 1200px) { .Bulma-component .is-size-1-widescreen { font-size: 48px !important; } .Bulma-component .is-size-2-widescreen { font-size: 40px !important; } .Bulma-component .is-size-3-widescreen { font-size: 32px !important; } .Bulma-component .is-size-4-widescreen { font-size: 28px !important; } .Bulma-component .is-size-5-widescreen { font-size: 24px !important; } .Bulma-component .is-size-6-widescreen { font-size: 18px !important; } .Bulma-component .is-size-7-widescreen { font-size: 16px !important; } .Bulma-component .is-size-8-widescreen { font-size: 14px !important; } } @media screen and (min-width: 1441px) { .Bulma-component .is-size-1-fullhd { font-size: 48px !important; } .Bulma-component .is-size-2-fullhd { font-size: 40px !important; } .Bulma-component .is-size-3-fullhd { font-size: 32px !important; } .Bulma-component .is-size-4-fullhd { font-size: 28px !important; } .Bulma-component .is-size-5-fullhd { font-size: 24px !important; } .Bulma-component .is-size-6-fullhd { font-size: 18px !important; } .Bulma-component .is-size-7-fullhd { font-size: 16px !important; } .Bulma-component .is-size-8-fullhd { font-size: 14px !important; } } .Bulma-component .has-text-centered { text-align: center !important; } .Bulma-component .has-text-justified { text-align: justify !important; } .Bulma-component .has-text-left { text-align: left !important; } .Bulma-component .has-text-right { text-align: right !important; } @media screen and (max-width: 767px) { .Bulma-component .has-text-centered-mobile { text-align: center !important; } } @media screen and (min-width: 768px), print { .Bulma-component .has-text-centered-tablet { text-align: center !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .has-text-centered-tablet-only { text-align: center !important; } } @media screen and (max-width: 991px) { .Bulma-component .has-text-centered-touch { text-align: center !important; } } @media screen and (min-width: 992px) { .Bulma-component .has-text-centered-desktop { text-align: center !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .has-text-centered-desktop-only { text-align: center !important; } } @media screen and (min-width: 1200px) { .Bulma-component .has-text-centered-widescreen { text-align: center !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .has-text-centered-widescreen-only { text-align: center !important; } } @media screen and (min-width: 1441px) { .Bulma-component .has-text-centered-fullhd { text-align: center !important; } } @media screen and (max-width: 767px) { .Bulma-component .has-text-justified-mobile { text-align: justify !important; } } @media screen and (min-width: 768px), print { .Bulma-component .has-text-justified-tablet { text-align: justify !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .has-text-justified-tablet-only { text-align: justify !important; } } @media screen and (max-width: 991px) { .Bulma-component .has-text-justified-touch { text-align: justify !important; } } @media screen and (min-width: 992px) { .Bulma-component .has-text-justified-desktop { text-align: justify !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .has-text-justified-desktop-only { text-align: justify !important; } } @media screen and (min-width: 1200px) { .Bulma-component .has-text-justified-widescreen { text-align: justify !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .has-text-justified-widescreen-only { text-align: justify !important; } } @media screen and (min-width: 1441px) { .Bulma-component .has-text-justified-fullhd { text-align: justify !important; } } @media screen and (max-width: 767px) { .Bulma-component .has-text-left-mobile { text-align: left !important; } } @media screen and (min-width: 768px), print { .Bulma-component .has-text-left-tablet { text-align: left !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .has-text-left-tablet-only { text-align: left !important; } } @media screen and (max-width: 991px) { .Bulma-component .has-text-left-touch { text-align: left !important; } } @media screen and (min-width: 992px) { .Bulma-component .has-text-left-desktop { text-align: left !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .has-text-left-desktop-only { text-align: left !important; } } @media screen and (min-width: 1200px) { .Bulma-component .has-text-left-widescreen { text-align: left !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .has-text-left-widescreen-only { text-align: left !important; } } @media screen and (min-width: 1441px) { .Bulma-component .has-text-left-fullhd { text-align: left !important; } } @media screen and (max-width: 767px) { .Bulma-component .has-text-right-mobile { text-align: right !important; } } @media screen and (min-width: 768px), print { .Bulma-component .has-text-right-tablet { text-align: right !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .has-text-right-tablet-only { text-align: right !important; } } @media screen and (max-width: 991px) { .Bulma-component .has-text-right-touch { text-align: right !important; } } @media screen and (min-width: 992px) { .Bulma-component .has-text-right-desktop { text-align: right !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .has-text-right-desktop-only { text-align: right !important; } } @media screen and (min-width: 1200px) { .Bulma-component .has-text-right-widescreen { text-align: right !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .has-text-right-widescreen-only { text-align: right !important; } } @media screen and (min-width: 1441px) { .Bulma-component .has-text-right-fullhd { text-align: right !important; } } .Bulma-component .is-capitalized { text-transform: capitalize !important; } .Bulma-component .is-lowercase { text-transform: lowercase !important; } .Bulma-component .is-uppercase { text-transform: uppercase !important; } .Bulma-component .is-italic { font-style: italic !important; } .Bulma-component .is-underlined { text-decoration: underline !important; } .Bulma-component .has-text-weight-light { font-weight: 300 !important; } .Bulma-component .has-text-weight-normal { font-weight: 400 !important; } .Bulma-component .has-text-weight-medium { font-weight: 500 !important; } .Bulma-component .has-text-weight-semibold { font-weight: 600 !important; } .Bulma-component .has-text-weight-bold { font-weight: 700 !important; } .Bulma-component .is-family-primary { font-family: "Open Sans", sans-serif !important; } .Bulma-component .is-family-secondary { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .Bulma-component .is-family-sans-serif { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .Bulma-component .is-family-monospace { font-family: monospace !important; } .Bulma-component .is-family-code { font-family: monospace !important; } .Bulma-component .is-block { display: block !important; } @media screen and (max-width: 767px) { .Bulma-component .is-block-mobile { display: block !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-block-tablet { display: block !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .is-block-tablet-only { display: block !important; } } @media screen and (max-width: 991px) { .Bulma-component .is-block-touch { display: block !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-block-desktop { display: block !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .is-block-desktop-only { display: block !important; } } @media screen and (min-width: 1200px) { .Bulma-component .is-block-widescreen { display: block !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .is-block-widescreen-only { display: block !important; } } @media screen and (min-width: 1441px) { .Bulma-component .is-block-fullhd { display: block !important; } } .Bulma-component .is-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media screen and (max-width: 767px) { .Bulma-component .is-flex-mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-tablet { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .is-flex-tablet-only { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 991px) { .Bulma-component .is-flex-touch { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-desktop { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .is-flex-desktop-only { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1200px) { .Bulma-component .is-flex-widescreen { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .is-flex-widescreen-only { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1441px) { .Bulma-component .is-flex-fullhd { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .Bulma-component .is-inline { display: inline !important; } @media screen and (max-width: 767px) { .Bulma-component .is-inline-mobile { display: inline !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-inline-tablet { display: inline !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .is-inline-tablet-only { display: inline !important; } } @media screen and (max-width: 991px) { .Bulma-component .is-inline-touch { display: inline !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-inline-desktop { display: inline !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .is-inline-desktop-only { display: inline !important; } } @media screen and (min-width: 1200px) { .Bulma-component .is-inline-widescreen { display: inline !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .is-inline-widescreen-only { display: inline !important; } } @media screen and (min-width: 1441px) { .Bulma-component .is-inline-fullhd { display: inline !important; } } .Bulma-component .is-inline-block { display: inline-block !important; } @media screen and (max-width: 767px) { .Bulma-component .is-inline-block-mobile { display: inline-block !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-inline-block-tablet { display: inline-block !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .is-inline-block-tablet-only { display: inline-block !important; } } @media screen and (max-width: 991px) { .Bulma-component .is-inline-block-touch { display: inline-block !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-inline-block-desktop { display: inline-block !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .is-inline-block-desktop-only { display: inline-block !important; } } @media screen and (min-width: 1200px) { .Bulma-component .is-inline-block-widescreen { display: inline-block !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .is-inline-block-widescreen-only { display: inline-block !important; } } @media screen and (min-width: 1441px) { .Bulma-component .is-inline-block-fullhd { display: inline-block !important; } } .Bulma-component .is-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media screen and (max-width: 767px) { .Bulma-component .is-inline-flex-mobile { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-inline-flex-tablet { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .is-inline-flex-tablet-only { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (max-width: 991px) { .Bulma-component .is-inline-flex-touch { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-inline-flex-desktop { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .is-inline-flex-desktop-only { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1200px) { .Bulma-component .is-inline-flex-widescreen { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .is-inline-flex-widescreen-only { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1441px) { .Bulma-component .is-inline-flex-fullhd { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .Bulma-component .is-hidden { display: none !important; } .Bulma-component .is-sr-only { border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; } @media screen and (max-width: 767px) { .Bulma-component .is-hidden-mobile { display: none !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-hidden-tablet { display: none !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .is-hidden-tablet-only { display: none !important; } } @media screen and (max-width: 991px) { .Bulma-component .is-hidden-touch { display: none !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-hidden-desktop { display: none !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .is-hidden-desktop-only { display: none !important; } } @media screen and (min-width: 1200px) { .Bulma-component .is-hidden-widescreen { display: none !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .is-hidden-widescreen-only { display: none !important; } } @media screen and (min-width: 1441px) { .Bulma-component .is-hidden-fullhd { display: none !important; } } .Bulma-component .is-invisible { visibility: hidden !important; } @media screen and (max-width: 767px) { .Bulma-component .is-invisible-mobile { visibility: hidden !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-invisible-tablet { visibility: hidden !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .is-invisible-tablet-only { visibility: hidden !important; } } @media screen and (max-width: 991px) { .Bulma-component .is-invisible-touch { visibility: hidden !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-invisible-desktop { visibility: hidden !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .Bulma-component .is-invisible-desktop-only { visibility: hidden !important; } } @media screen and (min-width: 1200px) { .Bulma-component .is-invisible-widescreen { visibility: hidden !important; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .Bulma-component .is-invisible-widescreen-only { visibility: hidden !important; } } @media screen and (min-width: 1441px) { .Bulma-component .is-invisible-fullhd { visibility: hidden !important; } } .Bulma-component .hero { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .Bulma-component .hero .navbar { background: none; } .Bulma-component .hero .tabs ul { border-bottom: none; } .Bulma-component .hero.is-white { background-color: #FFFFFF; color: #000000; } .Bulma-component .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .Bulma-component .hero.is-white strong { color: inherit; } .Bulma-component .hero.is-white .title { color: #000000; } .Bulma-component .hero.is-white .subtitle { color: rgba(0, 0, 0, 0.9); } .Bulma-component .hero.is-white .subtitle a:not(.button), .Bulma-component .hero.is-white .subtitle strong { color: #000000; } @media screen and (max-width: 991px) { .Bulma-component .hero.is-white .navbar-menu { background-color: #FFFFFF; } } .Bulma-component .hero.is-white .navbar-item, .Bulma-component .hero.is-white .navbar-link { color: rgba(0, 0, 0, 0.7); } .Bulma-component .hero.is-white a.navbar-item:hover, .Bulma-component .hero.is-white a.navbar-item.is-active, .Bulma-component .hero.is-white .navbar-link:hover, .Bulma-component .hero.is-white .navbar-link.is-active { background-color: #f2f2f2; color: #000000; } .Bulma-component .hero.is-white .tabs a { color: #000000; opacity: 0.9; } .Bulma-component .hero.is-white .tabs a:hover { opacity: 1; } .Bulma-component .hero.is-white .tabs li.is-active a { color: #FFFFFF !important; opacity: 1; } .Bulma-component .hero.is-white .tabs.is-boxed a, .Bulma-component .hero.is-white .tabs.is-toggle a { color: #000000; } .Bulma-component .hero.is-white .tabs.is-boxed a:hover, .Bulma-component .hero.is-white .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .Bulma-component .hero.is-white .tabs.is-boxed li.is-active a, .Bulma-component .hero.is-white .tabs.is-boxed li.is-active a:hover, .Bulma-component .hero.is-white .tabs.is-toggle li.is-active a, .Bulma-component .hero.is-white .tabs.is-toggle li.is-active a:hover { background-color: #000000; border-color: #000000; color: #FFFFFF; } .Bulma-component .hero.is-white.is-bold { background-image: linear-gradient(141deg, #e8e3e4 0%, #FFFFFF 71%, white 100%); } @media screen and (max-width: 767px) { .Bulma-component .hero.is-white.is-bold .navbar-menu { background-image: linear-gradient(141deg, #e8e3e4 0%, #FFFFFF 71%, white 100%); } } .Bulma-component .hero.is-black { background-color: #000000; color: #FFFFFF; } .Bulma-component .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .Bulma-component .hero.is-black strong { color: inherit; } .Bulma-component .hero.is-black .title { color: #FFFFFF; } .Bulma-component .hero.is-black .subtitle { color: rgba(255, 255, 255, 0.9); } .Bulma-component .hero.is-black .subtitle a:not(.button), .Bulma-component .hero.is-black .subtitle strong { color: #FFFFFF; } @media screen and (max-width: 991px) { .Bulma-component .hero.is-black .navbar-menu { background-color: #000000; } } .Bulma-component .hero.is-black .navbar-item, .Bulma-component .hero.is-black .navbar-link { color: rgba(255, 255, 255, 0.7); } .Bulma-component .hero.is-black a.navbar-item:hover, .Bulma-component .hero.is-black a.navbar-item.is-active, .Bulma-component .hero.is-black .navbar-link:hover, .Bulma-component .hero.is-black .navbar-link.is-active { background-color: black; color: #FFFFFF; } .Bulma-component .hero.is-black .tabs a { color: #FFFFFF; opacity: 0.9; } .Bulma-component .hero.is-black .tabs a:hover { opacity: 1; } .Bulma-component .hero.is-black .tabs li.is-active a { color: #000000 !important; opacity: 1; } .Bulma-component .hero.is-black .tabs.is-boxed a, .Bulma-component .hero.is-black .tabs.is-toggle a { color: #FFFFFF; } .Bulma-component .hero.is-black .tabs.is-boxed a:hover, .Bulma-component .hero.is-black .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .Bulma-component .hero.is-black .tabs.is-boxed li.is-active a, .Bulma-component .hero.is-black .tabs.is-boxed li.is-active a:hover, .Bulma-component .hero.is-black .tabs.is-toggle li.is-active a, .Bulma-component .hero.is-black .tabs.is-toggle li.is-active a:hover { background-color: #FFFFFF; border-color: #FFFFFF; color: #000000; } .Bulma-component .hero.is-black.is-bold { background-image: linear-gradient(141deg, black 0%, #000000 71%, #0d0c0c 100%); } @media screen and (max-width: 767px) { .Bulma-component .hero.is-black.is-bold .navbar-menu { background-image: linear-gradient(141deg, black 0%, #000000 71%, #0d0c0c 100%); } } .Bulma-component .hero.is-light { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } .Bulma-component .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .Bulma-component .hero.is-light strong { color: inherit; } .Bulma-component .hero.is-light .title { color: rgba(0, 0, 0, 0.7); } .Bulma-component .hero.is-light .subtitle { color: rgba(0, 0, 0, 0.9); } .Bulma-component .hero.is-light .subtitle a:not(.button), .Bulma-component .hero.is-light .subtitle strong { color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 991px) { .Bulma-component .hero.is-light .navbar-menu { background-color: whitesmoke; } } .Bulma-component .hero.is-light .navbar-item, .Bulma-component .hero.is-light .navbar-link { color: rgba(0, 0, 0, 0.7); } .Bulma-component .hero.is-light a.navbar-item:hover, .Bulma-component .hero.is-light a.navbar-item.is-active, .Bulma-component .hero.is-light .navbar-link:hover, .Bulma-component .hero.is-light .navbar-link.is-active { background-color: #e8e8e8; color: rgba(0, 0, 0, 0.7); } .Bulma-component .hero.is-light .tabs a { color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .Bulma-component .hero.is-light .tabs a:hover { opacity: 1; } .Bulma-component .hero.is-light .tabs li.is-active a { color: whitesmoke !important; opacity: 1; } .Bulma-component .hero.is-light .tabs.is-boxed a, .Bulma-component .hero.is-light .tabs.is-toggle a { color: rgba(0, 0, 0, 0.7); } .Bulma-component .hero.is-light .tabs.is-boxed a:hover, .Bulma-component .hero.is-light .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .Bulma-component .hero.is-light .tabs.is-boxed li.is-active a, .Bulma-component .hero.is-light .tabs.is-boxed li.is-active a:hover, .Bulma-component .hero.is-light .tabs.is-toggle li.is-active a, .Bulma-component .hero.is-light .tabs.is-toggle li.is-active a:hover { background-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); color: whitesmoke; } .Bulma-component .hero.is-light.is-bold { background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } @media screen and (max-width: 767px) { .Bulma-component .hero.is-light.is-bold .navbar-menu { background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } } .Bulma-component .hero.is-dark { background-color: #363636; color: #fff; } .Bulma-component .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .Bulma-component .hero.is-dark strong { color: inherit; } .Bulma-component .hero.is-dark .title { color: #fff; } .Bulma-component .hero.is-dark .subtitle { color: rgba(255, 255, 255, 0.9); } .Bulma-component .hero.is-dark .subtitle a:not(.button), .Bulma-component .hero.is-dark .subtitle strong { color: #fff; } @media screen and (max-width: 991px) { .Bulma-component .hero.is-dark .navbar-menu { background-color: #363636; } } .Bulma-component .hero.is-dark .navbar-item, .Bulma-component .hero.is-dark .navbar-link { color: rgba(255, 255, 255, 0.7); } .Bulma-component .hero.is-dark a.navbar-item:hover, .Bulma-component .hero.is-dark a.navbar-item.is-active, .Bulma-component .hero.is-dark .navbar-link:hover, .Bulma-component .hero.is-dark .navbar-link.is-active { background-color: #292929; color: #fff; } .Bulma-component .hero.is-dark .tabs a { color: #fff; opacity: 0.9; } .Bulma-component .hero.is-dark .tabs a:hover { opacity: 1; } .Bulma-component .hero.is-dark .tabs li.is-active a { color: #363636 !important; opacity: 1; } .Bulma-component .hero.is-dark .tabs.is-boxed a, .Bulma-component .hero.is-dark .tabs.is-toggle a { color: #fff; } .Bulma-component .hero.is-dark .tabs.is-boxed a:hover, .Bulma-component .hero.is-dark .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .Bulma-component .hero.is-dark .tabs.is-boxed li.is-active a, .Bulma-component .hero.is-dark .tabs.is-boxed li.is-active a:hover, .Bulma-component .hero.is-dark .tabs.is-toggle li.is-active a, .Bulma-component .hero.is-dark .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #363636; } .Bulma-component .hero.is-dark.is-bold { background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } @media screen and (max-width: 767px) { .Bulma-component .hero.is-dark.is-bold .navbar-menu { background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } } .Bulma-component .hero.is-primary { background-color: #1064f4; color: #fff; } .Bulma-component .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .Bulma-component .hero.is-primary strong { color: inherit; } .Bulma-component .hero.is-primary .title { color: #fff; } .Bulma-component .hero.is-primary .subtitle { color: rgba(255, 255, 255, 0.9); } .Bulma-component .hero.is-primary .subtitle a:not(.button), .Bulma-component .hero.is-primary .subtitle strong { color: #fff; } @media screen and (max-width: 991px) { .Bulma-component .hero.is-primary .navbar-menu { background-color: #1064f4; } } .Bulma-component .hero.is-primary .navbar-item, .Bulma-component .hero.is-primary .navbar-link { color: rgba(255, 255, 255, 0.7); } .Bulma-component .hero.is-primary a.navbar-item:hover, .Bulma-component .hero.is-primary a.navbar-item.is-active, .Bulma-component .hero.is-primary .navbar-link:hover, .Bulma-component .hero.is-primary .navbar-link.is-active { background-color: #0a59e0; color: #fff; } .Bulma-component .hero.is-primary .tabs a { color: #fff; opacity: 0.9; } .Bulma-component .hero.is-primary .tabs a:hover { opacity: 1; } .Bulma-component .hero.is-primary .tabs li.is-active a { color: #1064f4 !important; opacity: 1; } .Bulma-component .hero.is-primary .tabs.is-boxed a, .Bulma-component .hero.is-primary .tabs.is-toggle a { color: #fff; } .Bulma-component .hero.is-primary .tabs.is-boxed a:hover, .Bulma-component .hero.is-primary .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .Bulma-component .hero.is-primary .tabs.is-boxed li.is-active a, .Bulma-component .hero.is-primary .tabs.is-boxed li.is-active a:hover, .Bulma-component .hero.is-primary .tabs.is-toggle li.is-active a, .Bulma-component .hero.is-primary .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #1064f4; } .Bulma-component .hero.is-primary.is-bold { background-image: linear-gradient(141deg, #0070d1 0%, #1064f4 71%, #234efb 100%); } @media screen and (max-width: 767px) { .Bulma-component .hero.is-primary.is-bold .navbar-menu { background-image: linear-gradient(141deg, #0070d1 0%, #1064f4 71%, #234efb 100%); } } .Bulma-component .hero.is-link { background-color: #1064f4; color: #fff; } .Bulma-component .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .Bulma-component .hero.is-link strong { color: inherit; } .Bulma-component .hero.is-link .title { color: #fff; } .Bulma-component .hero.is-link .subtitle { color: rgba(255, 255, 255, 0.9); } .Bulma-component .hero.is-link .subtitle a:not(.button), .Bulma-component .hero.is-link .subtitle strong { color: #fff; } @media screen and (max-width: 991px) { .Bulma-component .hero.is-link .navbar-menu { background-color: #1064f4; } } .Bulma-component .hero.is-link .navbar-item, .Bulma-component .hero.is-link .navbar-link { color: rgba(255, 255, 255, 0.7); } .Bulma-component .hero.is-link a.navbar-item:hover, .Bulma-component .hero.is-link a.navbar-item.is-active, .Bulma-component .hero.is-link .navbar-link:hover, .Bulma-component .hero.is-link .navbar-link.is-active { background-color: #0a59e0; color: #fff; } .Bulma-component .hero.is-link .tabs a { color: #fff; opacity: 0.9; } .Bulma-component .hero.is-link .tabs a:hover { opacity: 1; } .Bulma-component .hero.is-link .tabs li.is-active a { color: #1064f4 !important; opacity: 1; } .Bulma-component .hero.is-link .tabs.is-boxed a, .Bulma-component .hero.is-link .tabs.is-toggle a { color: #fff; } .Bulma-component .hero.is-link .tabs.is-boxed a:hover, .Bulma-component .hero.is-link .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .Bulma-component .hero.is-link .tabs.is-boxed li.is-active a, .Bulma-component .hero.is-link .tabs.is-boxed li.is-active a:hover, .Bulma-component .hero.is-link .tabs.is-toggle li.is-active a, .Bulma-component .hero.is-link .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #1064f4; } .Bulma-component .hero.is-link.is-bold { background-image: linear-gradient(141deg, #0070d1 0%, #1064f4 71%, #234efb 100%); } @media screen and (max-width: 767px) { .Bulma-component .hero.is-link.is-bold .navbar-menu { background-image: linear-gradient(141deg, #0070d1 0%, #1064f4 71%, #234efb 100%); } } .Bulma-component .hero.is-info { background-color: #24c9fd; color: #fff; } .Bulma-component .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .Bulma-component .hero.is-info strong { color: inherit; } .Bulma-component .hero.is-info .title { color: #fff; } .Bulma-component .hero.is-info .subtitle { color: rgba(255, 255, 255, 0.9); } .Bulma-component .hero.is-info .subtitle a:not(.button), .Bulma-component .hero.is-info .subtitle strong { color: #fff; } @media screen and (max-width: 991px) { .Bulma-component .hero.is-info .navbar-menu { background-color: #24c9fd; } } .Bulma-component .hero.is-info .navbar-item, .Bulma-component .hero.is-info .navbar-link { color: rgba(255, 255, 255, 0.7); } .Bulma-component .hero.is-info a.navbar-item:hover, .Bulma-component .hero.is-info a.navbar-item.is-active, .Bulma-component .hero.is-info .navbar-link:hover, .Bulma-component .hero.is-info .navbar-link.is-active { background-color: #0bc3fd; color: #fff; } .Bulma-component .hero.is-info .tabs a { color: #fff; opacity: 0.9; } .Bulma-component .hero.is-info .tabs a:hover { opacity: 1; } .Bulma-component .hero.is-info .tabs li.is-active a { color: #24c9fd !important; opacity: 1; } .Bulma-component .hero.is-info .tabs.is-boxed a, .Bulma-component .hero.is-info .tabs.is-toggle a { color: #fff; } .Bulma-component .hero.is-info .tabs.is-boxed a:hover, .Bulma-component .hero.is-info .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .Bulma-component .hero.is-info .tabs.is-boxed li.is-active a, .Bulma-component .hero.is-info .tabs.is-boxed li.is-active a:hover, .Bulma-component .hero.is-info .tabs.is-toggle li.is-active a, .Bulma-component .hero.is-info .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #24c9fd; } .Bulma-component .hero.is-info.is-bold { background-image: linear-gradient(141deg, #00ddee 0%, #24c9fd 71%, #3cb0ff 100%); } @media screen and (max-width: 767px) { .Bulma-component .hero.is-info.is-bold .navbar-menu { background-image: linear-gradient(141deg, #00ddee 0%, #24c9fd 71%, #3cb0ff 100%); } } .Bulma-component .hero.is-success { background-color: #027d3f; color: #fff; } .Bulma-component .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .Bulma-component .hero.is-success strong { color: inherit; } .Bulma-component .hero.is-success .title { color: #fff; } .Bulma-component .hero.is-success .subtitle { color: rgba(255, 255, 255, 0.9); } .Bulma-component .hero.is-success .subtitle a:not(.button), .Bulma-component .hero.is-success .subtitle strong { color: #fff; } @media screen and (max-width: 991px) { .Bulma-component .hero.is-success .navbar-menu { background-color: #027d3f; } } .Bulma-component .hero.is-success .navbar-item, .Bulma-component .hero.is-success .navbar-link { color: rgba(255, 255, 255, 0.7); } .Bulma-component .hero.is-success a.navbar-item:hover, .Bulma-component .hero.is-success a.navbar-item.is-active, .Bulma-component .hero.is-success .navbar-link:hover, .Bulma-component .hero.is-success .navbar-link.is-active { background-color: #026432; color: #fff; } .Bulma-component .hero.is-success .tabs a { color: #fff; opacity: 0.9; } .Bulma-component .hero.is-success .tabs a:hover { opacity: 1; } .Bulma-component .hero.is-success .tabs li.is-active a { color: #027d3f !important; opacity: 1; } .Bulma-component .hero.is-success .tabs.is-boxed a, .Bulma-component .hero.is-success .tabs.is-toggle a { color: #fff; } .Bulma-component .hero.is-success .tabs.is-boxed a:hover, .Bulma-component .hero.is-success .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .Bulma-component .hero.is-success .tabs.is-boxed li.is-active a, .Bulma-component .hero.is-success .tabs.is-boxed li.is-active a:hover, .Bulma-component .hero.is-success .tabs.is-toggle li.is-active a, .Bulma-component .hero.is-success .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #027d3f; } .Bulma-component .hero.is-success.is-bold { background-image: linear-gradient(141deg, #004c19 0%, #027d3f 71%, #009965 100%); } @media screen and (max-width: 767px) { .Bulma-component .hero.is-success.is-bold .navbar-menu { background-image: linear-gradient(141deg, #004c19 0%, #027d3f 71%, #009965 100%); } } .Bulma-component .hero.is-warning { background-color: #ffbf00; color: rgba(0, 0, 0, 0.7); } .Bulma-component .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .Bulma-component .hero.is-warning strong { color: inherit; } .Bulma-component .hero.is-warning .title { color: rgba(0, 0, 0, 0.7); } .Bulma-component .hero.is-warning .subtitle { color: rgba(0, 0, 0, 0.9); } .Bulma-component .hero.is-warning .subtitle a:not(.button), .Bulma-component .hero.is-warning .subtitle strong { color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 991px) { .Bulma-component .hero.is-warning .navbar-menu { background-color: #ffbf00; } } .Bulma-component .hero.is-warning .navbar-item, .Bulma-component .hero.is-warning .navbar-link { color: rgba(0, 0, 0, 0.7); } .Bulma-component .hero.is-warning a.navbar-item:hover, .Bulma-component .hero.is-warning a.navbar-item.is-active, .Bulma-component .hero.is-warning .navbar-link:hover, .Bulma-component .hero.is-warning .navbar-link.is-active { background-color: #e6ac00; color: rgba(0, 0, 0, 0.7); } .Bulma-component .hero.is-warning .tabs a { color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .Bulma-component .hero.is-warning .tabs a:hover { opacity: 1; } .Bulma-component .hero.is-warning .tabs li.is-active a { color: #ffbf00 !important; opacity: 1; } .Bulma-component .hero.is-warning .tabs.is-boxed a, .Bulma-component .hero.is-warning .tabs.is-toggle a { color: rgba(0, 0, 0, 0.7); } .Bulma-component .hero.is-warning .tabs.is-boxed a:hover, .Bulma-component .hero.is-warning .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .Bulma-component .hero.is-warning .tabs.is-boxed li.is-active a, .Bulma-component .hero.is-warning .tabs.is-boxed li.is-active a:hover, .Bulma-component .hero.is-warning .tabs.is-toggle li.is-active a, .Bulma-component .hero.is-warning .tabs.is-toggle li.is-active a:hover { background-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); color: #ffbf00; } .Bulma-component .hero.is-warning.is-bold { background-image: linear-gradient(141deg, #cc7700 0%, #ffbf00 71%, #ffec1a 100%); } @media screen and (max-width: 767px) { .Bulma-component .hero.is-warning.is-bold .navbar-menu { background-image: linear-gradient(141deg, #cc7700 0%, #ffbf00 71%, #ffec1a 100%); } } .Bulma-component .hero.is-danger { background-color: #ba1b1b; color: #fff; } .Bulma-component .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .Bulma-component .hero.is-danger strong { color: inherit; } .Bulma-component .hero.is-danger .title { color: #fff; } .Bulma-component .hero.is-danger .subtitle { color: rgba(255, 255, 255, 0.9); } .Bulma-component .hero.is-danger .subtitle a:not(.button), .Bulma-component .hero.is-danger .subtitle strong { color: #fff; } @media screen and (max-width: 991px) { .Bulma-component .hero.is-danger .navbar-menu { background-color: #ba1b1b; } } .Bulma-component .hero.is-danger .navbar-item, .Bulma-component .hero.is-danger .navbar-link { color: rgba(255, 255, 255, 0.7); } .Bulma-component .hero.is-danger a.navbar-item:hover, .Bulma-component .hero.is-danger a.navbar-item.is-active, .Bulma-component .hero.is-danger .navbar-link:hover, .Bulma-component .hero.is-danger .navbar-link.is-active { background-color: #a41818; color: #fff; } .Bulma-component .hero.is-danger .tabs a { color: #fff; opacity: 0.9; } .Bulma-component .hero.is-danger .tabs a:hover { opacity: 1; } .Bulma-component .hero.is-danger .tabs li.is-active a { color: #ba1b1b !important; opacity: 1; } .Bulma-component .hero.is-danger .tabs.is-boxed a, .Bulma-component .hero.is-danger .tabs.is-toggle a { color: #fff; } .Bulma-component .hero.is-danger .tabs.is-boxed a:hover, .Bulma-component .hero.is-danger .tabs.is-toggle a:hover { background-color: rgba(0, 0, 0, 0.1); } .Bulma-component .hero.is-danger .tabs.is-boxed li.is-active a, .Bulma-component .hero.is-danger .tabs.is-boxed li.is-active a:hover, .Bulma-component .hero.is-danger .tabs.is-toggle li.is-active a, .Bulma-component .hero.is-danger .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: #ba1b1b; } .Bulma-component .hero.is-danger.is-bold { background-image: linear-gradient(141deg, #960c23 0%, #ba1b1b 71%, #d63818 100%); } @media screen and (max-width: 767px) { .Bulma-component .hero.is-danger.is-bold .navbar-menu { background-image: linear-gradient(141deg, #960c23 0%, #ba1b1b 71%, #d63818 100%); } } .Bulma-component .hero.is-small .hero-body { padding: 1.5rem; } @media screen and (min-width: 768px), print { .Bulma-component .hero.is-medium .hero-body { padding: 9rem 4.5rem; } } @media screen and (min-width: 768px), print { .Bulma-component .hero.is-large .hero-body { padding: 18rem 6rem; } } .Bulma-component .hero.is-halfheight .hero-body, .Bulma-component .hero.is-fullheight .hero-body, .Bulma-component .hero.is-fullheight-with-navbar .hero-body { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .hero.is-halfheight .hero-body > .container, .Bulma-component .hero.is-fullheight .hero-body > .container, .Bulma-component .hero.is-fullheight-with-navbar .hero-body > .container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .hero.is-halfheight { min-height: 50vh; } .Bulma-component .hero.is-fullheight { min-height: 100vh; } .Bulma-component .hero-video { overflow: hidden; } .Bulma-component .hero-video video { left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .Bulma-component .hero-video.is-transparent { opacity: 0.3; } @media screen and (max-width: 767px) { .Bulma-component .hero-video { display: none; } } .Bulma-component .hero-buttons { margin-top: 1.5rem; } @media screen and (max-width: 767px) { .Bulma-component .hero-buttons .button { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .hero-buttons .button:not(:last-child) { margin-bottom: 0.75rem; } } @media screen and (min-width: 768px), print { .Bulma-component .hero-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .hero-buttons .button:not(:last-child) { margin-right: 1.5rem; } } .Bulma-component .hero-head, .Bulma-component .hero-foot { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .Bulma-component .hero-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; padding: 3rem 1.5rem; } @media screen and (min-width: 768px), print { .Bulma-component .hero-body { padding: 3rem 3rem; } } .Bulma-component .section { padding: 3rem 1.5rem; } @media screen and (min-width: 992px) { .Bulma-component .section { padding: 3rem 3rem; } .Bulma-component .section.is-medium { padding: 9rem 4.5rem; } .Bulma-component .section.is-large { padding: 18rem 6rem; } } .Bulma-component .footer { background-color: #fafafa; padding: 3rem 1.5rem 6rem; } .Bulma-component .is-noscroll { position: fixed; overflow-y: hidden; width: 100%; bottom: 0; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .Bulma-component .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .Bulma-component .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .Bulma-component .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .Bulma-component .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .Bulma-component .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .Bulma-component .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .Bulma-component .fade-enter-active, .Bulma-component .fade-leave-active { -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; } .Bulma-component .fade-enter, .Bulma-component .fade-leave-to { opacity: 0; } .Bulma-component .zoom-in-enter-active, .Bulma-component .zoom-in-leave-active { -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; } .Bulma-component .zoom-in-enter-active .animation-content, .Bulma-component .zoom-in-enter-active .animation-content, .Bulma-component .zoom-in-leave-active .animation-content, .Bulma-component .zoom-in-leave-active .animation-content { -webkit-transition: -webkit-transform 150ms ease-out; transition: -webkit-transform 150ms ease-out; transition: transform 150ms ease-out; transition: transform 150ms ease-out, -webkit-transform 150ms ease-out; } .Bulma-component .zoom-in-enter, .Bulma-component .zoom-in-leave-active { opacity: 0; } .Bulma-component .zoom-in-enter .animation-content, .Bulma-component .zoom-in-enter .animation-content, .Bulma-component .zoom-in-leave-active .animation-content, .Bulma-component .zoom-in-leave-active .animation-content { -webkit-transform: scale(0.95); transform: scale(0.95); } .Bulma-component .zoom-out-enter-active, .Bulma-component .zoom-out-leave-active { -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; } .Bulma-component .zoom-out-enter-active .animation-content, .Bulma-component .zoom-out-enter-active .animation-content, .Bulma-component .zoom-out-leave-active .animation-content, .Bulma-component .zoom-out-leave-active .animation-content { -webkit-transition: -webkit-transform 150ms ease-out; transition: -webkit-transform 150ms ease-out; transition: transform 150ms ease-out; transition: transform 150ms ease-out, -webkit-transform 150ms ease-out; } .Bulma-component .zoom-out-enter, .Bulma-component .zoom-out-leave-active { opacity: 0; } .Bulma-component .zoom-out-enter .animation-content, .Bulma-component .zoom-out-enter .animation-content, .Bulma-component .zoom-out-leave-active .animation-content, .Bulma-component .zoom-out-leave-active .animation-content { -webkit-transform: scale(1.05); transform: scale(1.05); } .Bulma-component .slide-next-enter-active, .Bulma-component .slide-next-leave-active, .Bulma-component .slide-prev-enter-active, .Bulma-component .slide-prev-leave-active { -webkit-transition: -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } .Bulma-component .slide-prev-leave-to, .Bulma-component .slide-next-enter { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); position: absolute; width: 100%; } .Bulma-component .slide-prev-enter, .Bulma-component .slide-next-leave-to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); position: absolute; width: 100%; } .Bulma-component .slide-down-enter-active, .Bulma-component .slide-down-leave-active, .Bulma-component .slide-up-enter-active, .Bulma-component .slide-up-leave-active { -webkit-transition: -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } .Bulma-component .slide-up-leave-to, .Bulma-component .slide-down-enter { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); position: absolute; height: 100%; } .Bulma-component .slide-up-enter, .Bulma-component .slide-down-leave-to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: absolute; height: 100%; } .Bulma-component .slide-enter-active { -webkit-transition: 150ms ease-out; transition: 150ms ease-out; } .Bulma-component .slide-leave-active { -webkit-transition: 150ms ease-out; transition: 150ms ease-out; -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .Bulma-component .slide-enter-to, .Bulma-component .slide-leave { max-height: 100px; overflow: hidden; } .Bulma-component .slide-enter, .Bulma-component .slide-leave-to { overflow: hidden; max-height: 0; } .Bulma-component .autocomplete { position: relative; } .Bulma-component .autocomplete .dropdown-menu { display: block; width: 100%; } .Bulma-component .autocomplete .dropdown-menu.is-opened-top { top: auto; bottom: 100%; } .Bulma-component .autocomplete .dropdown-content { overflow: auto; max-height: 200px; } .Bulma-component .autocomplete .dropdown-item, .Bulma-component .autocomplete .dropdown .dropdown-menu .has-link a, .Bulma-component .dropdown .dropdown-menu .has-link .autocomplete a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Bulma-component .autocomplete .dropdown-item.is-hovered, .Bulma-component .autocomplete .dropdown .dropdown-menu .has-link a.is-hovered, .Bulma-component .dropdown .dropdown-menu .has-link .autocomplete a.is-hovered { background: inherit; color: #000000; } .Bulma-component .autocomplete .dropdown-item.is-disabled, .Bulma-component .autocomplete .dropdown .dropdown-menu .has-link a.is-disabled, .Bulma-component .dropdown .dropdown-menu .has-link .autocomplete a.is-disabled { opacity: 0.5; cursor: not-allowed; } .Bulma-component .autocomplete.is-small { border-radius: 2px; font-size: 14px; } .Bulma-component .autocomplete.is-medium { font-size: 18px; } .Bulma-component .autocomplete.is-large { font-size: 24px; } .Bulma-component .carousel { min-height: 120px; position: relative; } .Bulma-component .carousel.is-overlay { background-color: rgba(0, 0, 0, 0.86); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 100vh; position: fixed; z-index: 40; } .Bulma-component .carousel.is-overlay .carousel-item img { cursor: default; } .Bulma-component .carousel.is-overlay .carousel-indicator.has-background { background: transparent; } .Bulma-component .carousel .progress, .Bulma-component .carousel .progress-wrapper.is-not-native { border-radius: 8px; height: 0.25rem; margin-bottom: 0; } .Bulma-component .carousel .carousel-items { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; } @media screen and (min-width: 768px), print { .Bulma-component .carousel .carousel-items:hover .carousel-arrow.is-hovered { opacity: 1; } } .Bulma-component .carousel .carousel-items .carousel-item { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .Bulma-component .carousel .carousel-pause { pointer-events: none; position: absolute; top: 0; right: 0.15rem; z-index: 1; } .Bulma-component .carousel .carousel-indicator { width: 100%; padding: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .carousel .carousel-indicator.has-background { background: rgba(0, 0, 0, 0.5); } .Bulma-component .carousel .carousel-indicator.has-custom { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-overflow-scrolling: touch; overflow: hidden; overflow-x: auto; } .Bulma-component .carousel .carousel-indicator.has-custom.is-small .indicator-item { -webkit-box-flex: 1; -ms-flex: 1 0 10%; flex: 1 0 10%; } .Bulma-component .carousel .carousel-indicator.has-custom.is-medium .indicator-item { -webkit-box-flex: 1; -ms-flex: 1 0 16.66667%; flex: 1 0 16.66667%; } .Bulma-component .carousel .carousel-indicator.is-inside { position: absolute; } .Bulma-component .carousel .carousel-indicator.is-inside.is-bottom { bottom: 0; } .Bulma-component .carousel .carousel-indicator.is-inside.is-top { top: 0; } .Bulma-component .carousel .carousel-indicator .indicator-item:not(:last-child) { margin-right: 0.5rem; } .Bulma-component .carousel .carousel-indicator .indicator-item.is-active .indicator-style, .Bulma-component .carousel .carousel-indicator .indicator-item .indicator-style:hover { background: #1064f4; border: 1px solid #FFFFFF; } .Bulma-component .carousel .carousel-indicator .indicator-item .indicator-style { display: block; border: 1px solid #1064f4; background: #FFFFFF; outline: none; -webkit-transition: 150ms ease-out; transition: 150ms ease-out; } .Bulma-component .carousel .carousel-indicator .indicator-item .indicator-style.is-boxes { height: 10px; width: 10px; } .Bulma-component .carousel .carousel-indicator .indicator-item .indicator-style.is-dots { border-radius: 9999px; height: 10px; width: 10px; } .Bulma-component .carousel .carousel-indicator .indicator-item .indicator-style.is-lines { height: 5px; width: 25px; } .Bulma-component .carousel-list { position: relative; overflow: hidden; width: 100%; } .Bulma-component .carousel-list.has-shadow { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); } @media screen and (min-width: 768px), print { .Bulma-component .carousel-list:hover .carousel-arrow.is-hovered { opacity: 1; } } .Bulma-component .carousel-list .carousel-slides { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .Bulma-component .carousel-list .carousel-slides:not(.is-dragging) { -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } .Bulma-component .carousel-list .carousel-slides.has-grayscale .carousel-slide img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .Bulma-component .carousel-list .carousel-slides.has-grayscale .carousel-slide.is-active img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .Bulma-component .carousel-list .carousel-slides.has-opacity .carousel-slide img { opacity: 0.25; } .Bulma-component .carousel-list .carousel-slides.has-opacity .carousel-slide.is-active img { opacity: 1; } .Bulma-component .carousel-list .carousel-slides .carousel-slide { border: 2px solid transparent; -ms-flex-negative: 0; flex-shrink: 0; } .Bulma-component .carousel-arrow { -webkit-transition: 150ms ease-out; transition: 150ms ease-out; } .Bulma-component .carousel-arrow.is-hovered { opacity: 0; } .Bulma-component .carousel-arrow .icon { background: #FFFFFF; color: #1064f4; cursor: pointer; border: 1px solid #FFFFFF; border-radius: 9999px; outline: 0; } .Bulma-component .carousel-arrow .icon:hover { border: 1px solid #1064f4; opacity: 1; } .Bulma-component .carousel-arrow .icon.has-icons-left, .Bulma-component .carousel-arrow .icon.has-icons-right { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .Bulma-component .carousel-arrow .icon.has-icons-left { left: 1.5rem; } .Bulma-component .carousel-arrow .icon.has-icons-right { right: 1.5rem; } .Bulma-component .b-checkbox.checkbox { outline: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .Bulma-component .b-checkbox.checkbox:not(.button) { margin-right: 0.5em; } .Bulma-component .b-checkbox.checkbox:not(.button) + .checkbox:last-child { margin-right: 0; } .Bulma-component .b-checkbox.checkbox input[type=checkbox] { position: absolute; left: 0; opacity: 0; outline: none; z-index: -1; } .Bulma-component .b-checkbox.checkbox input[type=checkbox] + .check { width: 1.25em; height: 1.25em; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 8px; border: 2px solid #878787; -webkit-transition: background 150ms ease-out; transition: background 150ms ease-out; background: transparent; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:checked + .check { background: #1064f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #1064f4; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-white { background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23000000' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #FFFFFF; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-black { background: #000000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23FFFFFF' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #000000; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-light { background: whitesmoke url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:rgba(0, 0, 0, 0.7)' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: whitesmoke; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-dark { background: #363636 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #363636; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-primary { background: #1064f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #1064f4; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-link { background: #1064f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #1064f4; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-info { background: #24c9fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #24c9fd; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-success { background: #027d3f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #027d3f; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-warning { background: #ffbf00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:rgba(0, 0, 0, 0.7)' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #ffbf00; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-danger { background: #ba1b1b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #ba1b1b; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check { background: #1064f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #1064f4; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-white { background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23000000' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #FFFFFF; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-black { background: #000000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23FFFFFF' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #000000; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-light { background: whitesmoke url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:rgba(0, 0, 0, 0.7)' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: whitesmoke; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-dark { background: #363636 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #363636; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-primary { background: #1064f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #1064f4; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-link { background: #1064f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #1064f4; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-info { background: #24c9fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #24c9fd; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-success { background: #027d3f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #027d3f; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-warning { background: #ffbf00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:rgba(0, 0, 0, 0.7)' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #ffbf00; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-danger { background: #ba1b1b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #ba1b1b; } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:focus + .check { -webkit-box-shadow: 0 0 0.5em rgba(135, 135, 135, 0.8); box-shadow: 0 0 0.5em rgba(135, 135, 135, 0.8); } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check { -webkit-box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-white { -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-black { -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8); box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8); } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-light { -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8); box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8); } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-dark { -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8); box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8); } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-primary { -webkit-box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-link { -webkit-box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-info { -webkit-box-shadow: 0 0 0.5em rgba(36, 201, 253, 0.8); box-shadow: 0 0 0.5em rgba(36, 201, 253, 0.8); } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-success { -webkit-box-shadow: 0 0 0.5em rgba(2, 125, 63, 0.8); box-shadow: 0 0 0.5em rgba(2, 125, 63, 0.8); } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-warning { -webkit-box-shadow: 0 0 0.5em rgba(255, 191, 0, 0.8); box-shadow: 0 0 0.5em rgba(255, 191, 0, 0.8); } .Bulma-component .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-danger { -webkit-box-shadow: 0 0 0.5em rgba(186, 27, 27, 0.8); box-shadow: 0 0 0.5em rgba(186, 27, 27, 0.8); } .Bulma-component .b-checkbox.checkbox .control-label { padding-left: calc(0.75em - 1px); } .Bulma-component .b-checkbox.checkbox.button { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .b-checkbox.checkbox[disabled] { opacity: 0.5; } .Bulma-component .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check { border-color: #1064f4; } .Bulma-component .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-white { border-color: #FFFFFF; } .Bulma-component .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-black { border-color: #000000; } .Bulma-component .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-light { border-color: whitesmoke; } .Bulma-component .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-dark { border-color: #363636; } .Bulma-component .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-primary { border-color: #1064f4; } .Bulma-component .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-link { border-color: #1064f4; } .Bulma-component .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-info { border-color: #24c9fd; } .Bulma-component .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-success { border-color: #027d3f; } .Bulma-component .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-warning { border-color: #ffbf00; } .Bulma-component .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-danger { border-color: #ba1b1b; } .Bulma-component .b-checkbox.checkbox.is-small { border-radius: 2px; font-size: 14px; } .Bulma-component .b-checkbox.checkbox.is-medium { font-size: 18px; } .Bulma-component .b-checkbox.checkbox.is-large { font-size: 24px; } .Bulma-component .b-clockpicker .card-header { background-color: #1064f4; color: #fff; } .Bulma-component .b-clockpicker .b-clockpicker-face:after { background-color: #1064f4; } .Bulma-component .b-clockpicker .b-clockpicker-face-hand { background-color: #1064f4; border-color: #1064f4; } .Bulma-component .b-clockpicker .b-clockpicker-face-number.active { background-color: #1064f4; color: #fff; } .Bulma-component .b-clockpicker.is-white .card-header { background-color: #FFFFFF; color: #000000; } .Bulma-component .b-clockpicker.is-white .b-clockpicker-face:after { background-color: #FFFFFF; } .Bulma-component .b-clockpicker.is-white .b-clockpicker-face-hand { background-color: #FFFFFF; border-color: #FFFFFF; } .Bulma-component .b-clockpicker.is-white .b-clockpicker-face-number.active { background-color: #FFFFFF; color: #000000; } .Bulma-component .b-clockpicker.is-black .card-header { background-color: #000000; color: #FFFFFF; } .Bulma-component .b-clockpicker.is-black .b-clockpicker-face:after { background-color: #000000; } .Bulma-component .b-clockpicker.is-black .b-clockpicker-face-hand { background-color: #000000; border-color: #000000; } .Bulma-component .b-clockpicker.is-black .b-clockpicker-face-number.active { background-color: #000000; color: #FFFFFF; } .Bulma-component .b-clockpicker.is-light .card-header { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-clockpicker.is-light .b-clockpicker-face:after { background-color: whitesmoke; } .Bulma-component .b-clockpicker.is-light .b-clockpicker-face-hand { background-color: whitesmoke; border-color: whitesmoke; } .Bulma-component .b-clockpicker.is-light .b-clockpicker-face-number.active { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-clockpicker.is-dark .card-header { background-color: #363636; color: #fff; } .Bulma-component .b-clockpicker.is-dark .b-clockpicker-face:after { background-color: #363636; } .Bulma-component .b-clockpicker.is-dark .b-clockpicker-face-hand { background-color: #363636; border-color: #363636; } .Bulma-component .b-clockpicker.is-dark .b-clockpicker-face-number.active { background-color: #363636; color: #fff; } .Bulma-component .b-clockpicker.is-primary .card-header { background-color: #1064f4; color: #fff; } .Bulma-component .b-clockpicker.is-primary .b-clockpicker-face:after { background-color: #1064f4; } .Bulma-component .b-clockpicker.is-primary .b-clockpicker-face-hand { background-color: #1064f4; border-color: #1064f4; } .Bulma-component .b-clockpicker.is-primary .b-clockpicker-face-number.active { background-color: #1064f4; color: #fff; } .Bulma-component .b-clockpicker.is-link .card-header { background-color: #1064f4; color: #fff; } .Bulma-component .b-clockpicker.is-link .b-clockpicker-face:after { background-color: #1064f4; } .Bulma-component .b-clockpicker.is-link .b-clockpicker-face-hand { background-color: #1064f4; border-color: #1064f4; } .Bulma-component .b-clockpicker.is-link .b-clockpicker-face-number.active { background-color: #1064f4; color: #fff; } .Bulma-component .b-clockpicker.is-info .card-header { background-color: #24c9fd; color: #fff; } .Bulma-component .b-clockpicker.is-info .b-clockpicker-face:after { background-color: #24c9fd; } .Bulma-component .b-clockpicker.is-info .b-clockpicker-face-hand { background-color: #24c9fd; border-color: #24c9fd; } .Bulma-component .b-clockpicker.is-info .b-clockpicker-face-number.active { background-color: #24c9fd; color: #fff; } .Bulma-component .b-clockpicker.is-success .card-header { background-color: #027d3f; color: #fff; } .Bulma-component .b-clockpicker.is-success .b-clockpicker-face:after { background-color: #027d3f; } .Bulma-component .b-clockpicker.is-success .b-clockpicker-face-hand { background-color: #027d3f; border-color: #027d3f; } .Bulma-component .b-clockpicker.is-success .b-clockpicker-face-number.active { background-color: #027d3f; color: #fff; } .Bulma-component .b-clockpicker.is-warning .card-header { background-color: #ffbf00; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-clockpicker.is-warning .b-clockpicker-face:after { background-color: #ffbf00; } .Bulma-component .b-clockpicker.is-warning .b-clockpicker-face-hand { background-color: #ffbf00; border-color: #ffbf00; } .Bulma-component .b-clockpicker.is-warning .b-clockpicker-face-number.active { background-color: #ffbf00; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-clockpicker.is-danger .card-header { background-color: #ba1b1b; color: #fff; } .Bulma-component .b-clockpicker.is-danger .b-clockpicker-face:after { background-color: #ba1b1b; } .Bulma-component .b-clockpicker.is-danger .b-clockpicker-face-hand { background-color: #ba1b1b; border-color: #ba1b1b; } .Bulma-component .b-clockpicker.is-danger .b-clockpicker-face-number.active { background-color: #ba1b1b; color: #fff; } .Bulma-component .b-clockpicker .dropdown-menu { min-width: 0; } .Bulma-component .b-clockpicker .dropdown, .Bulma-component .b-clockpicker .dropdown-trigger { width: 100%; } .Bulma-component .b-clockpicker .dropdown .input[readonly], .Bulma-component .b-clockpicker .dropdown-trigger .input[readonly] { cursor: pointer; -webkit-box-shadow: inset 0 0.0625em 0.125em rgba(0, 0, 0, 0.05); box-shadow: inset 0 0.0625em 0.125em rgba(0, 0, 0, 0.05); } .Bulma-component .b-clockpicker .dropdown .input[readonly]:focus, .Bulma-component .b-clockpicker .dropdown .input[readonly].is-focused, .Bulma-component .b-clockpicker .dropdown .input[readonly]:active, .Bulma-component .b-clockpicker .dropdown .input[readonly].is-active, .Bulma-component .b-clockpicker .dropdown-trigger .input[readonly]:focus, .Bulma-component .b-clockpicker .dropdown-trigger .input[readonly].is-focused, .Bulma-component .b-clockpicker .dropdown-trigger .input[readonly]:active, .Bulma-component .b-clockpicker .dropdown-trigger .input[readonly].is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component .b-clockpicker .dropdown-item, .Bulma-component .b-clockpicker .dropdown .dropdown-menu .has-link a, .Bulma-component .dropdown .dropdown-menu .has-link .b-clockpicker a { font-size: inherit; padding: 0; } .Bulma-component .b-clockpicker .dropdown-content { padding-top: 0; padding-bottom: 0; } .Bulma-component .b-clockpicker .card { border-radius: 0.25rem; } .Bulma-component .b-clockpicker .card-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .Bulma-component .b-clockpicker .card-content { padding: 12px; } .Bulma-component .b-clockpicker-btn { cursor: pointer; opacity: 0.6; } .Bulma-component .b-clockpicker-btn:hover, .Bulma-component .b-clockpicker-btn.active { opacity: 1; } .Bulma-component .b-clockpicker-period .b-clockpicker-btn { font-size: 16px; } .Bulma-component .b-clockpicker-time span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .b-clockpicker-header { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: inherit; } .Bulma-component .b-clockpicker-header .b-clockpicker-time { white-space: nowrap; } .Bulma-component .b-clockpicker-header .b-clockpicker-time span { height: 60px; font-size: 60px; } .Bulma-component .b-clockpicker-header .b-clockpicker-period { -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 8px 0 6px 8px; } .Bulma-component .b-clockpicker-body { -webkit-transition: 0.9s cubic-bezier(0.25, 0.8, 0.5, 1); transition: 0.9s cubic-bezier(0.25, 0.8, 0.5, 1); } .Bulma-component .b-clockpicker-body .b-clockpicker-btn { padding: 0 8px; border-radius: 9999px; margin-bottom: 2px; } .Bulma-component .b-clockpicker-body .b-clockpicker-btn:hover, .Bulma-component .b-clockpicker-body .b-clockpicker-btn.active { background-color: #1064f4; color: white; } .Bulma-component .b-clockpicker-body .b-clockpicker-period { position: absolute; top: 5px; right: 5px; } .Bulma-component .b-clockpicker-body .b-clockpicker-time { position: absolute; top: 5px; left: 5px; font-size: 16px; } .Bulma-component .b-clockpicker-body .b-clockpicker-face { border-radius: 50%; position: relative; background-color: #f7f7f7; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .b-clockpicker-body .b-clockpicker-face:after { border-radius: 50%; content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 12px; height: 12px; z-index: 10; } .Bulma-component .b-clockpicker-body .b-clockpicker-face-outer-ring { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: calc(100% - 50px); width: calc(100% - 50px); position: relative; border-radius: 50%; } .Bulma-component .b-clockpicker-body .b-clockpicker-face-number { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; cursor: default; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 40px; height: 40px; left: calc(50% - 40px * 0.5); top: calc(50% - 40px * 0.5); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .Bulma-component .b-clockpicker-body .b-clockpicker-face-number > span { z-index: 1; } .Bulma-component .b-clockpicker-body .b-clockpicker-face-number:before, .Bulma-component .b-clockpicker-body .b-clockpicker-face-number:after { content: ""; height: 40px; width: 40px; border-radius: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .Bulma-component .b-clockpicker-body .b-clockpicker-face-number.active { cursor: default; z-index: 2; } .Bulma-component .b-clockpicker-body .b-clockpicker-face-number.disabled { pointer-events: none; opacity: 0.25; } .Bulma-component .b-clockpicker-body .b-clockpicker-face-hand { height: calc(50% - 6px); width: 2px; bottom: 50%; left: calc(50% - 1px); -webkit-transform-origin: center bottom; transform-origin: center bottom; position: absolute; will-change: transform; z-index: 1; } .Bulma-component .b-clockpicker-body .b-clockpicker-face-hand:before { background: transparent; border-width: 2px; border-style: solid; border-color: inherit; border-radius: 100%; width: 12px; height: 12px; content: ""; position: absolute; top: -6px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .Bulma-component .b-clockpicker-footer { display: block; padding: 12px; } .Bulma-component .b-clockpicker.is-small { border-radius: 2px; font-size: 14px; } .Bulma-component .b-clockpicker.is-medium { font-size: 18px; } .Bulma-component .b-clockpicker.is-large { font-size: 24px; } .Bulma-component .collapse .collapse-trigger { display: inline; cursor: pointer; } .Bulma-component .collapse .collapse-content { display: inherit; } .Bulma-component .colorpicker .color-name { font-family: monospace; text-transform: uppercase; } .Bulma-component .colorpicker .colorpicker-footer { margin-top: 0.875rem; padding-top: 0.875rem; border: 1px solid #dbdbdb; border-width: 1px 0 0 0; } .Bulma-component .colorpicker .colorpicker-footer .colorpicker-fields { margin-bottom: 0.875rem; } .Bulma-component .colorpicker .colorpicker-footer .colorpicker-fields .field { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .Bulma-component .colorpicker .colorpicker-footer .colorpicker-fields .field .field-label { margin-right: 0.5rem; } .Bulma-component .colorpicker .colorpicker-footer .colorpicker-fields .field .control { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .colorpicker .colorpicker-footer .colorpicker-fields .field .control .input { -webkit-appearance: none; -moz-appearance: textfield; appearance: textfield; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 0; min-width: 42px; text-align: right; } .Bulma-component .colorpicker .colorpicker-footer .colorpicker-fields .field .control .input::-webkit-outer-spin-button, .Bulma-component .colorpicker .colorpicker-footer .colorpicker-fields .field .control .input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .Bulma-component .colorpicker .dropdown.is-expanded .dropdown-menu, .Bulma-component .colorpicker .dropdown.is-expanded.is-mobile-modal .dropdown-menu { width: unset; } .Bulma-component .colorpicker .dropdown-horizontal-colorpicker { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .Bulma-component .colorpicker .dropdown-horizontal-colorpicker .colorpicker-footer { border-width: 0 0 0 1px; margin-top: 0; padding-top: 0; margin-left: 0.875rem; padding-left: 0.875rem; } .Bulma-component svg.b-colorpicker-triangle { width: 200px; height: 200px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 768px) { .Bulma-component svg.b-colorpicker-triangle { width: 100%; height: auto; } } .Bulma-component svg.b-colorpicker-triangle .colorpicker-triangle-hue { width: 100%; height: 100%; background: conic-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00); } .Bulma-component svg.b-colorpicker-triangle .colorpicker-triangle-slider-hue, .Bulma-component svg.b-colorpicker-triangle .colorpicker-triangle-slider-hue foreignObject, .Bulma-component svg.b-colorpicker-triangle .colorpicker-triangle-slider-hue g, .Bulma-component svg.b-colorpicker-triangle .colorpicker-triangle-slider-sl, .Bulma-component svg.b-colorpicker-triangle .colorpicker-triangle-slider-sl foreignObject, .Bulma-component svg.b-colorpicker-triangle .colorpicker-triangle-slider-sl g { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .Bulma-component svg.b-colorpicker-triangle .hue-range-thumb, .Bulma-component svg.b-colorpicker-triangle .sl-range-thumb { background: transparent; border-radius: 12px; -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #dbdbdb; box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #dbdbdb; cursor: -webkit-grab; cursor: grab; height: calc(100% - 0.25em); width: calc(100% - 0.25em); margin: 0.125em; } .Bulma-component svg.b-colorpicker-triangle .hue-range-thumb:hover, .Bulma-component svg.b-colorpicker-triangle .sl-range-thumb:hover { -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #b5b5b5; box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #b5b5b5; } .Bulma-component svg.b-colorpicker-triangle .hue-range-thumb:focus, .Bulma-component svg.b-colorpicker-triangle .sl-range-thumb:focus { -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #1064f4, 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #1064f4, 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component svg.b-colorpicker-triangle .hue-range-thumb:active, .Bulma-component svg.b-colorpicker-triangle .sl-range-thumb:active { cursor: -webkit-grabbing; cursor: grabbing; } .Bulma-component div.b-colorpicker-square { position: relative; aspect-ratio: 1/1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .Bulma-component div.b-colorpicker-square .colorpicker-square-slider-hue { background: conic-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00); border-radius: 12px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .Bulma-component div.b-colorpicker-square .colorpicker-square-slider-hue .hue-range-thumb { border-radius: calc(12px / 1.75); position: absolute; aspect-ratio: 1/1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #dbdbdb; box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #dbdbdb; cursor: -webkit-grab; cursor: grab; } .Bulma-component div.b-colorpicker-square .colorpicker-square-slider-hue .hue-range-thumb:hover { -webkit-box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #b5b5b5, 0 0 0 1px #b5b5b5; box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #b5b5b5, 0 0 0 1px #b5b5b5; } .Bulma-component div.b-colorpicker-square .colorpicker-square-slider-hue .hue-range-thumb:focus { -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #1064f4, 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #1064f4, 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component div.b-colorpicker-square .colorpicker-square-slider-hue .hue-range-thumb:active { cursor: -webkit-grabbing; cursor: grabbing; } .Bulma-component div.b-colorpicker-square .colorpicker-square-slider-sl { background: #fff; border-radius: 6px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .Bulma-component div.b-colorpicker-square .colorpicker-square-slider-sl::before { content: ""; background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#fff)); background: linear-gradient(0deg, #000, #fff); position: absolute; top: 0; right: 0; bottom: 0; left: 0; mix-blend-mode: hard-light; } .Bulma-component div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb { display: block; border-radius: 12px; position: absolute; width: 8px; height: 8px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #dbdbdb; box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #dbdbdb; cursor: -webkit-grab; cursor: grab; } .Bulma-component div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:hover { -webkit-box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #b5b5b5, 0 0 0 1px #b5b5b5; box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #b5b5b5, 0 0 0 1px #b5b5b5; } .Bulma-component div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:focus { -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #1064f4, 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #1064f4, 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:active { cursor: -webkit-grabbing; cursor: grabbing; } .Bulma-component .b-colorpicker-alpha-slider { height: 1em; background-image: linear-gradient(45deg, #c7c7c7 25%, transparent 25%, transparent 75%, #c7c7c7 75%, #c7c7c7), linear-gradient(45deg, #c7c7c7 25%, transparent 25%, transparent 75%, #c7c7c7 75%, #c7c7c7); background-size: 1em 1em; background-position: 0.5em 0.5em, 0 0; border-radius: 12px; margin-top: 0.125em; margin-bottom: 0.875rem; position: relative; } .Bulma-component .b-colorpicker-alpha-slider .alpha-range-thumb { width: 0.4em; height: 1.25em; border-radius: 12px; -webkit-box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #dbdbdb, 0 0 0 1px #dbdbdb; box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #dbdbdb, 0 0 0 1px #dbdbdb; cursor: -webkit-grab; cursor: grab; position: absolute; top: 50%; left: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .Bulma-component .b-colorpicker-alpha-slider .alpha-range-thumb:hover { -webkit-box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #b5b5b5, 0 0 0 1px #b5b5b5; box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #b5b5b5, 0 0 0 1px #b5b5b5; } .Bulma-component .b-colorpicker-alpha-slider .alpha-range-thumb:focus { -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #1064f4, 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #1064f4, 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component .b-colorpicker-alpha-slider .alpha-range-thumb:active { cursor: -webkit-grabbing; cursor: grabbing; } .Bulma-component .b-colorpicker-alpha-slider .alpha-range-thumb > .b-tooltip, .Bulma-component .b-colorpicker-alpha-slider .alpha-range-thumb > .b-tooltip > .tooltip-trigger { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; } .Bulma-component .datepicker { font-size: 0.875rem; } .Bulma-component .datepicker .dropdown, .Bulma-component .datepicker .dropdown-trigger { width: 100%; } .Bulma-component .datepicker .dropdown .input[readonly], .Bulma-component .datepicker .dropdown-trigger .input[readonly] { cursor: pointer; -webkit-box-shadow: inset 0 0.0625em 0.125em rgba(0, 0, 0, 0.05); box-shadow: inset 0 0.0625em 0.125em rgba(0, 0, 0, 0.05); } .Bulma-component .datepicker .dropdown .input[readonly]:focus, .Bulma-component .datepicker .dropdown .input[readonly].is-focused, .Bulma-component .datepicker .dropdown .input[readonly]:active, .Bulma-component .datepicker .dropdown .input[readonly].is-active, .Bulma-component .datepicker .dropdown-trigger .input[readonly]:focus, .Bulma-component .datepicker .dropdown-trigger .input[readonly].is-focused, .Bulma-component .datepicker .dropdown-trigger .input[readonly]:active, .Bulma-component .datepicker .dropdown-trigger .input[readonly].is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component .datepicker .dropdown.is-disabled { opacity: 1; } .Bulma-component .datepicker .dropdown-content { background-color: #FFFFFF; border-radius: 12px; -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0px 0 1px rgba(0, 0, 0, 0.02); box-shadow: 0 0.5em 1em -0.125em rgba(0, 0, 0, 0.1), 0 0px 0 1px rgba(0, 0, 0, 0.02); } .Bulma-component .datepicker .dropdown-item, .Bulma-component .datepicker .dropdown .dropdown-menu .has-link a, .Bulma-component .dropdown .dropdown-menu .has-link .datepicker a { font-size: inherit; } .Bulma-component .datepicker .datepicker-header { padding-bottom: 0.875rem; margin-bottom: 0.875rem; border-bottom: 1px solid #f7f7f7; } .Bulma-component .datepicker .datepicker-footer { margin-top: 0.875rem; padding-top: 0.875rem; border-top: 1px solid #f7f7f7; } .Bulma-component .datepicker .datepicker-table { display: table; margin: 0 auto 0 auto; } .Bulma-component .datepicker .datepicker-table .datepicker-cell { text-align: center; vertical-align: middle; display: table-cell; border-radius: 8px; padding: 0.5rem 0.75rem; } .Bulma-component .datepicker .datepicker-table .datepicker-header { display: table-header-group; } .Bulma-component .datepicker .datepicker-table .datepicker-header .datepicker-cell { color: #878787; font-weight: 600; } .Bulma-component .datepicker .datepicker-table .datepicker-body { display: table-row-group; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-row { display: table-row; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-months { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 17rem; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-months .datepicker-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 33.33%; height: 2.5rem; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-unselectable { color: #e7e7e7; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-today { border: solid 2px #1064f4; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable { color: #6f6f6f; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable:hover:not(.is-selected), .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable:focus:not(.is-selected) { background-color: whitesmoke; color: #000000; cursor: pointer; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable.is-within-hovered-range.is-first-hovered { background-color: #878787; color: #f7f7f7; border-bottom-right-radius: 0; border-top-right-radius: 0; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable.is-within-hovered-range.is-within-hovered { background-color: whitesmoke; color: #000000; border-radius: 0; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable.is-within-hovered-range.is-last-hovered { background-color: #878787; color: #f7f7f7; border-bottom-left-radius: 0; border-top-left-radius: 0; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected { background-color: #1064f4; color: #fff; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected.is-first-selected { background-color: #1064f4; color: #fff; border-bottom-right-radius: 0; border-top-right-radius: 0; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected.is-within-selected { background-color: rgba(16, 100, 244, 0.5); border-radius: 0; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected.is-last-selected { background-color: #1064f4; color: #fff; border-bottom-left-radius: 0; border-top-left-radius: 0; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-nearby:not(.is-selected) { color: #e7e7e7; } .Bulma-component .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-week-number { cursor: default; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell { padding: 0.3rem 0.75rem 0.75rem; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event { position: relative; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events { bottom: 0.425rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; padding: 0 0.35rem; position: absolute; width: 100%; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-white { background-color: #FFFFFF; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-black { background-color: #000000; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-light { background-color: whitesmoke; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-dark { background-color: #363636; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-primary { background-color: #1064f4; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-link { background-color: #1064f4; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-info { background-color: #24c9fd; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-success { background-color: #027d3f; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-warning { background-color: #ffbf00; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-danger { background-color: #ba1b1b; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event.dots .event { border-radius: 50%; height: 0.35em; margin: 0 0.1em; width: 0.35em; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event.bars .event { height: 0.25em; width: 100%; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.is-selected { overflow: hidden; } .Bulma-component .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.is-selected .events .event.is-primary { background-color: #5993f7; } .Bulma-component .datepicker.is-small { border-radius: 2px; font-size: 14px; } .Bulma-component .datepicker.is-medium { font-size: 18px; } .Bulma-component .datepicker.is-large { font-size: 24px; } @media screen and (min-width: 992px) { .Bulma-component .datepicker .footer-horizontal-timepicker { border: none; padding-left: 10px; margin-left: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .datepicker .dropdown-horizontal-timepicker { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .datepicker .content-horizontal-timepicker { border-right: 1px solid #dbdbdb; } } .Bulma-component .dialog .modal-card { max-width: 460px; width: auto; } .Bulma-component .dialog .modal-card .modal-card-head { font-size: 1.25rem; font-weight: 600; } .Bulma-component .dialog .modal-card .modal-card-body .field { margin-top: 16px; } .Bulma-component .dialog .modal-card .modal-card-body.is-titleless { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .Bulma-component .dialog .modal-card .modal-card-foot { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .Bulma-component .dialog .modal-card .modal-card-foot .button { display: inline; min-width: 5em; font-weight: 600; } @media screen and (min-width: 768px), print { .Bulma-component .dialog .modal-card { min-width: 320px; } } .Bulma-component .dialog.is-small .modal-card, .Bulma-component .dialog.is-small .input, .Bulma-component .dialog.is-small .button { border-radius: 2px; font-size: 14px; } .Bulma-component .dialog.is-medium .modal-card, .Bulma-component .dialog.is-medium .input, .Bulma-component .dialog.is-medium .button { font-size: 18px; } .Bulma-component .dialog.is-large .modal-card, .Bulma-component .dialog.is-large .input, .Bulma-component .dialog.is-large .button { font-size: 24px; } .Bulma-component .dialog.has-custom-container { position: absolute; } .Bulma-component .dropdown + .dropdown { margin-left: 0.5em; } .Bulma-component .dropdown .background { bottom: 0; left: 0; position: absolute; right: 0; top: 0; position: fixed; background-color: rgba(0, 0, 0, 0.86); z-index: 40; cursor: pointer; } @media screen and (min-width: 992px) { .Bulma-component .dropdown .background { display: none; } } .Bulma-component .dropdown.dropdown-menu-animation .dropdown-menu { display: block; } .Bulma-component .dropdown .dropdown-menu .dropdown-item.is-disabled, .Bulma-component .dropdown .dropdown-menu .has-link a.is-disabled { cursor: not-allowed; } .Bulma-component .dropdown .dropdown-menu .dropdown-item.is-disabled:hover, .Bulma-component .dropdown .dropdown-menu .has-link a.is-disabled:hover { background: inherit; color: inherit; } .Bulma-component .dropdown .dropdown-menu .has-link a { padding-right: 3rem; white-space: nowrap; } .Bulma-component .dropdown.is-hoverable:not(.is-active) .dropdown-menu { display: none; } .Bulma-component .dropdown.is-hoverable:hover .dropdown-menu { display: inherit; } .Bulma-component .dropdown.is-expanded { width: 100%; } .Bulma-component .dropdown.is-expanded .dropdown-trigger { width: 100%; } .Bulma-component .dropdown.is-expanded .dropdown-menu { width: 100%; } .Bulma-component .dropdown.is-expanded.is-mobile-modal .dropdown-menu { max-width: 100%; } .Bulma-component .dropdown:not(.is-disabled) .dropdown-menu .dropdown-item.is-disabled, .Bulma-component .dropdown:not(.is-disabled) .dropdown-menu .has-link a.is-disabled { opacity: 0.5; } .Bulma-component .dropdown .navbar-item { height: 100%; } .Bulma-component .dropdown.is-disabled { opacity: 0.5; cursor: not-allowed; } .Bulma-component .dropdown.is-disabled .dropdown-trigger { pointer-events: none; } .Bulma-component .dropdown.is-inline .dropdown-menu { position: static; display: inline-block; padding: 0; } .Bulma-component .dropdown.is-top-right .dropdown-menu { top: auto; bottom: 100%; } .Bulma-component .dropdown.is-top-left .dropdown-menu { top: auto; bottom: 100%; right: 0; left: auto; } .Bulma-component .dropdown.is-bottom-left .dropdown-menu { right: 0; left: auto; } @media screen and (max-width: 991px) { .Bulma-component .dropdown.is-mobile-modal > .dropdown-menu { position: fixed !important; width: calc(100vw - 40px); max-width: 460px; max-height: calc(100vh - 120px); top: 25% !important; left: 50% !important; bottom: auto !important; right: auto !important; -webkit-transform: translate3d(-50%, -25%, 0); transform: translate3d(-50%, -25%, 0); white-space: normal; overflow-y: auto; z-index: 50 !important; } .Bulma-component .dropdown.is-mobile-modal > .dropdown-menu > .dropdown-content > .dropdown-item, .Bulma-component .dropdown .dropdown-menu .has-link .dropdown.is-mobile-modal > .dropdown-menu > .dropdown-content > a, .Bulma-component .dropdown.is-mobile-modal > .dropdown-menu > .dropdown-content > .has-link a { padding: 1rem 1.5rem; } } @media screen and (max-width: 991px) { .Bulma-component html.is-clipped-touch { overflow: hidden !important; } } .Bulma-component .field.is-grouped .field { -ms-flex-negative: 0; flex-shrink: 0; } .Bulma-component .field.is-grouped .field:not(:last-child) { margin-right: 0.75rem; } .Bulma-component .field.is-grouped .field.is-expanded { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .field.has-addons .control:first-child .control .button, .Bulma-component .field.has-addons .control:first-child .control .input, .Bulma-component .field.has-addons .control:first-child .control .select select { border-bottom-left-radius: 8px; border-top-left-radius: 8px; } .Bulma-component .field.has-addons .control:last-child .control .button, .Bulma-component .field.has-addons .control:last-child .control .input, .Bulma-component .field.has-addons .control:last-child .control .select select { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } .Bulma-component .field.has-addons .control .control .button, .Bulma-component .field.has-addons .control .control .input, .Bulma-component .field.has-addons .control .control .select select { border-radius: 0; } .Bulma-component .field.has-addons .b-numberinput:not(:first-child) .control:first-child .button, .Bulma-component .field.has-addons .b-numberinput:not(:first-child) .control:first-child .input, .Bulma-component .field.has-addons .b-numberinput:not(:first-child) .control:first-child .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; } .Bulma-component .field.has-addons .b-numberinput:not(:last-child) .control:last-child .button, .Bulma-component .field.has-addons .b-numberinput:not(:last-child) .control:last-child .input, .Bulma-component .field.has-addons .b-numberinput:not(:last-child) .control:last-child .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; } .Bulma-component .field.has-addons.b-numberinput .control { margin-right: unset; } .Bulma-component .field.is-floating-label, .Bulma-component .field.is-floating-in-label { position: relative; } .Bulma-component .field.is-floating-label .label, .Bulma-component .field.is-floating-in-label .label { position: absolute; left: 1em; font-size: calc(16px * 0.75); background-color: transparent; z-index: 5; white-space: nowrap; text-overflow: ellipsis; max-width: calc(100% - 2em); overflow: hidden; } .Bulma-component .field.is-floating-label .label.is-small, .Bulma-component .field.is-floating-in-label .label.is-small { font-size: calc(14px * 0.75); } .Bulma-component .field.is-floating-label .label.is-medium, .Bulma-component .field.is-floating-in-label .label.is-medium { font-size: calc(18px * 0.75); } .Bulma-component .field.is-floating-label .label.is-large, .Bulma-component .field.is-floating-in-label .label.is-large { font-size: calc(24px * 0.75); } .Bulma-component .field.is-floating-label .taginput .counter, .Bulma-component .field.is-floating-in-label .taginput .counter { float: none; text-align: right; } .Bulma-component .field.is-floating-label.has-addons > .label + .control .button, .Bulma-component .field.is-floating-label.has-addons > .label + .control .input, .Bulma-component .field.is-floating-label.has-addons > .label + .control .select select, .Bulma-component .field.is-floating-in-label.has-addons > .label + .control .button, .Bulma-component .field.is-floating-in-label.has-addons > .label + .control .input, .Bulma-component .field.is-floating-in-label.has-addons > .label + .control .select select { border-bottom-left-radius: 8px; border-top-left-radius: 8px; } .Bulma-component .field.is-floating-label .label { top: -0.775em; padding-left: 0.125em; padding-right: 0.125em; } .Bulma-component .field.is-floating-label .label:before { content: ""; display: block; position: absolute; top: 0.775em; left: 0; right: 0; height: 0.375em; background-color: #FFFFFF; z-index: -1; } .Bulma-component .field.is-floating-label .input:focus, .Bulma-component .field.is-floating-label .textarea:focus, .Bulma-component .field.is-floating-label .select select:focus { -webkit-box-shadow: none; box-shadow: none; } .Bulma-component .field.is-floating-label .taginput .taginput-container { padding-top: 0.475em; } .Bulma-component .field.is-floating-label .taginput .taginput-container.is-focused { -webkit-box-shadow: none; box-shadow: none; } .Bulma-component .field.is-floating-in-label > .label { top: 0.25em; } .Bulma-component .field.is-floating-in-label > .label + .control.datepicker .input, .Bulma-component .field.is-floating-in-label > .label + .control.timepicker .input { padding-top: calc(3.25em * 0.5 - (24px * 0.75) * 0.5); padding-bottom: 1px; height: 3.25em; } .Bulma-component .field.is-floating-in-label > .label + .control:not(.datepicker):not(.timepicker):not(.taginput) .input, .Bulma-component .field.is-floating-in-label > .label + .control:not(.datepicker):not(.timepicker):not(.taginput) .textarea, .Bulma-component .field.is-floating-in-label > .label + .control:not(.datepicker):not(.timepicker):not(.taginput) select { padding-top: calc(3.25em * 0.5 - (24px * 0.75) * 0.5); padding-bottom: 1px; height: 3.25em; } .Bulma-component .field.is-floating-in-label > .label + .control:not(.datepicker):not(.timepicker):not(.taginput) .select:not(multiple) { height: 3.25em; } .Bulma-component .field.is-floating-in-label > .label + .control:not(.datepicker):not(.timepicker):not(.taginput) .select:not(multiple).is-loading::after { margin-top: calc(3.25em * 0.5 - (24px * 0.75) * 0.5); } .Bulma-component .field.is-floating-in-label > .label + .control:not(.datepicker):not(.timepicker):not(.taginput) .select:not(multiple)::after { margin-top: 1px; } .Bulma-component .field.is-floating-in-label > .label + .control.taginput .taginput-container { padding-top: calc(3.25em * 0.5 - (24px * 0.75) * 0.5 + (0.275em - 1px)); } .Bulma-component .field.is-floating-in-label > .label + .control:not(.taginput) .is-left.icon, .Bulma-component .field.is-floating-in-label > .label + .control:not(.taginput) .is-right.icon { height: 3.25em; } .Bulma-component .field.is-floating-in-label > .label + .control:not(.taginput) .is-left.icon { padding-top: calc(3.25em * 0.5 - (24px * 0.75) * 0.5); } .Bulma-component .field.is-floating-in-label > .label + .control.is-loading::after { margin-top: calc(3.25em * 0.5 - (24px * 0.75) * 0.5); } .Bulma-component .field.is-floating-in-label > .label + .field-body > .is-grouped .control .input, .Bulma-component .field.is-floating-in-label > .label + .field-body > .is-grouped .control .textarea, .Bulma-component .field.is-floating-in-label > .label + .field-body > .is-grouped .control select, .Bulma-component .field.is-floating-in-label > .label + .field-body > .has-addons .control .input, .Bulma-component .field.is-floating-in-label > .label + .field-body > .has-addons .control .textarea, .Bulma-component .field.is-floating-in-label > .label + .field-body > .has-addons .control select { padding-top: calc(3.25em * 0.5 - (24px * 0.75) * 0.5); padding-bottom: 1px; } .Bulma-component .field.is-floating-in-label > .label + .field-body > .is-grouped .control .input, .Bulma-component .field.is-floating-in-label > .label + .field-body > .is-grouped .control .textarea, .Bulma-component .field.is-floating-in-label > .label + .field-body > .is-grouped .control select, .Bulma-component .field.is-floating-in-label > .label + .field-body > .is-grouped .control .button, .Bulma-component .field.is-floating-in-label > .label + .field-body > .has-addons .control .input, .Bulma-component .field.is-floating-in-label > .label + .field-body > .has-addons .control .textarea, .Bulma-component .field.is-floating-in-label > .label + .field-body > .has-addons .control select, .Bulma-component .field.is-floating-in-label > .label + .field-body > .has-addons .control .button { height: 3.25em; } .Bulma-component .field.is-floating-in-label.has-numberinput .b-numberinput .control .input, .Bulma-component .field.is-floating-in-label.has-numberinput .b-numberinput .control .button { height: 3.25em; } .Bulma-component .field.is-floating-label.has-numberinput .label, .Bulma-component .field.is-floating-in-label.has-numberinput .label { margin-left: calc(16px * 3); } .Bulma-component .field.is-floating-label.has-numberinput.has-numberinput-is-small .label, .Bulma-component .field.is-floating-in-label.has-numberinput.has-numberinput-is-small .label { margin-left: calc(14px * 3); } .Bulma-component .field.is-floating-label.has-numberinput.has-numberinput-is-medium .label, .Bulma-component .field.is-floating-in-label.has-numberinput.has-numberinput-is-medium .label { margin-left: calc(18px * 3); } .Bulma-component .field.is-floating-label.has-numberinput.has-numberinput-is-large .label, .Bulma-component .field.is-floating-in-label.has-numberinput.has-numberinput-is-large .label { margin-left: calc(24px * 3); } .Bulma-component .field.is-floating-label.has-numberinput-compact .label, .Bulma-component .field.is-floating-in-label.has-numberinput-compact .label { margin-left: calc(16px * 2.25); } .Bulma-component .field.is-floating-label.has-numberinput-compact.has-numberinput-is-small .label, .Bulma-component .field.is-floating-in-label.has-numberinput-compact.has-numberinput-is-small .label { margin-left: calc(14px * 2.25); } .Bulma-component .field.is-floating-label.has-numberinput-compact.has-numberinput-is-medium .label, .Bulma-component .field.is-floating-in-label.has-numberinput-compact.has-numberinput-is-medium .label { margin-left: calc(18px * 2.25); } .Bulma-component .field.is-floating-label.has-numberinput-compact.has-numberinput-is-large .label, .Bulma-component .field.is-floating-in-label.has-numberinput-compact.has-numberinput-is-large .label { margin-left: calc(24px * 2.25); } .Bulma-component .field.is-grouped-right.is-floating-in-label .label, .Bulma-component .field.has-addons-right.is-floating-in-label .label { position: relative; left: 5.25em; } .Bulma-component .field.is-grouped-right.is-floating-label .label, .Bulma-component .field.has-addons-right.is-floating-label .label { position: relative; left: 5.25em; } .Bulma-component .control .help.counter { float: right; margin-left: 0.5em; } .Bulma-component .control .icon.is-clickable { pointer-events: auto; cursor: pointer; } .Bulma-component .control.is-loading::after { top: calc(50% - 0.5em); right: 0.75em; } .Bulma-component .icon { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: inherit; } .Bulma-component .icon svg { background-color: transparent; fill: currentColor; stroke-width: 0; stroke: currentColor; pointer-events: none; width: auto; height: auto; } .Bulma-component .b-image-wrapper > img { -o-object-fit: cover; object-fit: cover; } .Bulma-component .b-image-wrapper > img.has-ratio, .Bulma-component .b-image-wrapper > img.placeholder { height: 100%; width: 100%; } .Bulma-component .b-image-wrapper > img.placeholder { -webkit-filter: blur(10px); filter: blur(10px); } .Bulma-component .loading-overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; z-index: 29; } .Bulma-component .loading-overlay.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .loading-overlay.is-full-page { position: fixed; z-index: 999; } .Bulma-component .loading-overlay.is-full-page .loading-icon:after { top: calc(50% - 2.5em); left: calc(50% - 2.5em); width: 5em; height: 5em; } .Bulma-component .loading-overlay .loading-background { bottom: 0; left: 0; position: absolute; right: 0; top: 0; background: #7f7f7f; background: rgba(255, 255, 255, 0.5); } .Bulma-component .loading-overlay .loading-icon { position: relative; } .Bulma-component .loading-overlay .loading-icon:after { -webkit-animation: spinAround 500ms infinite linear; animation: spinAround 500ms infinite linear; border: 2px solid #f7f7f7; border-radius: 9999px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; position: absolute; top: calc(50% - 1.5em); left: calc(50% - 1.5em); width: 3em; height: 3em; border-width: 0.25em; } .Bulma-component .menu .menu-list li > a.is-disabled { pointer-events: none; cursor: not-allowed; opacity: 0.5; } .Bulma-component .message .media, .Bulma-component .notification .media { padding-top: 0; border: 0; } .Bulma-component .message .auto-close-progress progress, .Bulma-component .notification .auto-close-progress progress { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; height: 10px !important; } .Bulma-component .modal.is-full-screen > .animation-content, .Bulma-component .modal.is-full-screen > .animation-content > .modal-card { width: 100%; height: 100%; max-height: 100vh; margin: 0; background-color: whitesmoke; } .Bulma-component .modal .animation-content { margin: 0 20px; } .Bulma-component .modal .animation-content .modal-card { margin: 0; } @media screen and (max-width: 767px) { .Bulma-component .modal .animation-content { width: 100%; } } .Bulma-component .modal .modal-content { width: 100%; } .Bulma-component .navbar.has-navbar-centered .navbar-start { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: auto; } .Bulma-component .navbar.has-navbar-centered .navbar-end { margin-left: 0; } .Bulma-component .navbar .navbar-dropdown.is-boxed { visibility: hidden; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; } .Bulma-component .navbar .navbar-item.has-dropdown.is-active .is-boxed, .Bulma-component .navbar .navbar-item.has-dropdown.is-hoverable:hover .is-boxed { visibility: visible; } .Bulma-component .notices { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; bottom: 0; left: 0; right: 0; padding: 2em; overflow: hidden; z-index: 1000; pointer-events: none; } .Bulma-component .notices .toast { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-animation-duration: 150ms; animation-duration: 150ms; margin: 0.5em 0; text-align: center; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); border-radius: 2em; padding: 0.75em 1.5em; pointer-events: auto; opacity: 0.92; } .Bulma-component .notices .toast.is-success { color: #01582c; background: #ebf5f0; } .Bulma-component .notices .toast.is-info { color: #167998; background: #edfbff; } .Bulma-component .notices .toast.is-warning { color: #806000; background: #fffaeb; } .Bulma-component .notices .toast.is-error { color: #951616; background: #fcf4f4; } .Bulma-component .notices .snackbar { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; -webkit-animation-duration: 150ms; animation-duration: 150ms; margin: 0.5em 0; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); border-radius: 8px; pointer-events: auto; background: #363636; color: #fff; min-height: 3em; } .Bulma-component .notices .snackbar .text { padding: 0.5em 1em; } .Bulma-component .notices .snackbar .action { margin-left: auto; padding: 0.5em; padding-left: 0; } .Bulma-component .notices .snackbar .action .button { font-weight: 600; text-transform: uppercase; background: #363636; border: transparent; } .Bulma-component .notices .snackbar .action .button:hover { background: #292929; } .Bulma-component .notices .snackbar .action .button:active { background: #292929; } .Bulma-component .notices .snackbar .action.is-success .button { color: #ebf5f0; } .Bulma-component .notices .snackbar .action.is-info .button { color: #edfbff; } .Bulma-component .notices .snackbar .action.is-warning .button { color: #fffaeb; } .Bulma-component .notices .snackbar .action.is-error .button { color: #fcf4f4; } .Bulma-component .notices .snackbar .action.is-cancel { padding-right: 0; } @media screen and (max-width: 767px) { .Bulma-component .notices .snackbar { width: 100%; margin: 0; border-radius: 0; } } @media screen and (min-width: 768px), print { .Bulma-component .notices .snackbar { min-width: 350px; max-width: 600px; overflow: hidden; } } .Bulma-component .notices .notification { pointer-events: auto; max-width: 600px; } .Bulma-component .notices .toast.is-top, .Bulma-component .notices .toast.is-bottom, .Bulma-component .notices .snackbar.is-top, .Bulma-component .notices .snackbar.is-bottom, .Bulma-component .notices .notification.is-top, .Bulma-component .notices .notification.is-bottom { -ms-flex-item-align: center; align-self: center; } .Bulma-component .notices .toast.is-top-right, .Bulma-component .notices .toast.is-bottom-right, .Bulma-component .notices .snackbar.is-top-right, .Bulma-component .notices .snackbar.is-bottom-right, .Bulma-component .notices .notification.is-top-right, .Bulma-component .notices .notification.is-bottom-right { -ms-flex-item-align: end; align-self: flex-end; } .Bulma-component .notices .toast.is-top-left, .Bulma-component .notices .toast.is-bottom-left, .Bulma-component .notices .snackbar.is-top-left, .Bulma-component .notices .snackbar.is-bottom-left, .Bulma-component .notices .notification.is-top-left, .Bulma-component .notices .notification.is-bottom-left { -ms-flex-item-align: start; align-self: flex-start; } .Bulma-component .notices .toast.is-toast, .Bulma-component .notices .snackbar.is-toast, .Bulma-component .notices .notification.is-toast { opacity: 0.92; } .Bulma-component .notices.is-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .Bulma-component .notices.is-bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .Bulma-component .notices.is-bottom .notification { margin-bottom: 0; } .Bulma-component .notices.is-bottom .notification:not(:first-child) { margin-bottom: 1.5rem; } .Bulma-component .notices.has-custom-container { position: absolute; } @media screen and (max-width: 767px) { .Bulma-component .notices { padding: 0; position: fixed !important; } } .Bulma-component .notification .auto-close-progress.progress-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; } .Bulma-component .b-numberinput.field { margin-bottom: 0; } .Bulma-component .b-numberinput.field.is-grouped div.control { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .b-numberinput.field.has-addons.is-expanded { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .b-numberinput input[type=number]::-webkit-inner-spin-button, .Bulma-component .b-numberinput input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } .Bulma-component .b-numberinput input[type=number] { -moz-appearance: textfield; } .Bulma-component .b-numberinput input[type=number] { text-align: center; } .Bulma-component .b-numberinput .button.is-rounded { padding-left: 1em; padding-right: 1em; } .Bulma-component .pagination .pagination-next, .Bulma-component .pagination .pagination-previous { padding-left: 0.75em; padding-right: 0.75em; } .Bulma-component .pagination .pagination-next.is-disabled, .Bulma-component .pagination .pagination-previous.is-disabled { pointer-events: none; cursor: not-allowed; opacity: 0.5; } .Bulma-component .pagination.is-simple { -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; } .Bulma-component .pagination.is-simple.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Bulma-component .pagination.is-simple.is-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .Bulma-component .pagination .is-current { pointer-events: none; cursor: not-allowed; } @media screen and (min-width: 768px), print { .Bulma-component .pagination.has-input .pagination-list { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Bulma-component .pagination.has-input .pagination-input { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .Bulma-component .pagination.has-input .pagination-previous { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .Bulma-component .pagination.has-input .pagination-next { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .Bulma-component .pagination.has-input.is-centered .pagination-previous { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Bulma-component .pagination.has-input.is-centered .pagination-list { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .Bulma-component .pagination.has-input.is-centered .pagination-input { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .Bulma-component .pagination.has-input.is-centered .pagination-next { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .Bulma-component .pagination.has-input.is-centered.is-input-right .pagination-previous { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Bulma-component .pagination.has-input.is-centered.is-input-right .pagination-list { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .Bulma-component .pagination.has-input.is-centered.is-input-right .pagination-next { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .Bulma-component .pagination.has-input.is-centered.is-input-right .pagination-input { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .Bulma-component .pagination.has-input.is-centered.is-input-left .pagination-input { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Bulma-component .pagination.has-input.is-centered.is-input-left .pagination-previous { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .Bulma-component .pagination.has-input.is-centered.is-input-left .pagination-list { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .Bulma-component .pagination.has-input.is-centered.is-input-left .pagination-next { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .Bulma-component .pagination.has-input.is-right .pagination-previous { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Bulma-component .pagination.has-input.is-right .pagination-next { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .Bulma-component .pagination.has-input.is-right .pagination-input { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .Bulma-component .pagination.has-input.is-right .pagination-list { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .Bulma-component .pagination.has-input.is-right.is-input-right .pagination-previous { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Bulma-component .pagination.has-input.is-right.is-input-right .pagination-next { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .Bulma-component .pagination.has-input.is-right.is-input-right .pagination-list { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .Bulma-component .pagination.has-input.is-right.is-input-right .pagination-input { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .Bulma-component .pagination.has-input.is-right.is-input-left .pagination-input { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Bulma-component .pagination.has-input.is-right.is-input-left .pagination-previous { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .Bulma-component .pagination.has-input.is-right.is-input-left .pagination-next { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .Bulma-component .pagination.has-input.is-right.is-input-left .pagination-list { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .Bulma-component .pagination.has-input.is-input-right .pagination-list { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Bulma-component .pagination.has-input.is-input-right .pagination-previous { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .Bulma-component .pagination.has-input.is-input-right .pagination-next { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .Bulma-component .pagination.has-input.is-input-right .pagination-input { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .Bulma-component .pagination.has-input.is-input-left .pagination-input { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Bulma-component .pagination.has-input.is-input-left .pagination-list { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .Bulma-component .pagination.has-input.is-input-left .pagination-previous { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .Bulma-component .pagination.has-input.is-input-left .pagination-next { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .Bulma-component .progress-wrapper { position: relative; overflow: hidden; } .Bulma-component .progress-wrapper:not(:last-child) { margin-bottom: 1.5rem; } .Bulma-component .progress-wrapper .progress-value { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: calc(16px / 1.5); line-height: 16px; font-weight: 700; color: rgba(0, 0, 0, 0.7); white-space: nowrap; } .Bulma-component .progress-wrapper .progress, .Bulma-component .progress-wrapper .progress-wrapper.is-not-native, .Bulma-component .progress-wrapper .progress-bar { margin-bottom: 0; } .Bulma-component .progress-wrapper .progress.is-small + .progress-value, .Bulma-component .progress-wrapper .is-small.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress.is-small .progress-value, .Bulma-component .progress-wrapper .is-small.progress-wrapper.is-not-native .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-small + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-small .progress-value { font-size: calc(14px / 1.5); line-height: 14px; } .Bulma-component .progress-wrapper .progress.is-medium + .progress-value, .Bulma-component .progress-wrapper .is-medium.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress.is-medium .progress-value, .Bulma-component .progress-wrapper .is-medium.progress-wrapper.is-not-native .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-medium + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-medium .progress-value { font-size: calc(18px / 1.5); line-height: 18px; } .Bulma-component .progress-wrapper .progress.is-large + .progress-value, .Bulma-component .progress-wrapper .is-large.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress.is-large .progress-value, .Bulma-component .progress-wrapper .is-large.progress-wrapper.is-not-native .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-large + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-large .progress-value { font-size: calc(24px / 1.5); line-height: 24px; } .Bulma-component .progress-wrapper .progress::-webkit-progress-value, .Bulma-component .progress-wrapper .progress-wrapper.is-not-native::-webkit-progress-value, .Bulma-component .progress-wrapper .progress-bar::-webkit-progress-value { -webkit-transition: width 0.5s ease; transition: width 0.5s ease; } .Bulma-component .progress-wrapper .progress.is-more-than-half + .progress-value, .Bulma-component .progress-wrapper .is-more-than-half.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-more-than-half + .progress-value { color: #fff; } .Bulma-component .progress-wrapper .progress.is-more-than-half.is-white + .progress-value, .Bulma-component .progress-wrapper .is-more-than-half.is-white.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-more-than-half.is-white + .progress-value { color: #000000; } .Bulma-component .progress-wrapper .progress.is-more-than-half.is-black + .progress-value, .Bulma-component .progress-wrapper .is-more-than-half.is-black.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-more-than-half.is-black + .progress-value { color: #FFFFFF; } .Bulma-component .progress-wrapper .progress.is-more-than-half.is-light + .progress-value, .Bulma-component .progress-wrapper .is-more-than-half.is-light.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-more-than-half.is-light + .progress-value { color: rgba(0, 0, 0, 0.7); } .Bulma-component .progress-wrapper .progress.is-more-than-half.is-dark + .progress-value, .Bulma-component .progress-wrapper .is-more-than-half.is-dark.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-more-than-half.is-dark + .progress-value { color: #fff; } .Bulma-component .progress-wrapper .progress.is-more-than-half.is-primary + .progress-value, .Bulma-component .progress-wrapper .is-more-than-half.is-primary.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-more-than-half.is-primary + .progress-value { color: #fff; } .Bulma-component .progress-wrapper .progress.is-more-than-half.is-link + .progress-value, .Bulma-component .progress-wrapper .is-more-than-half.is-link.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-more-than-half.is-link + .progress-value { color: #fff; } .Bulma-component .progress-wrapper .progress.is-more-than-half.is-info + .progress-value, .Bulma-component .progress-wrapper .is-more-than-half.is-info.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-more-than-half.is-info + .progress-value { color: #fff; } .Bulma-component .progress-wrapper .progress.is-more-than-half.is-success + .progress-value, .Bulma-component .progress-wrapper .is-more-than-half.is-success.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-more-than-half.is-success + .progress-value { color: #fff; } .Bulma-component .progress-wrapper .progress.is-more-than-half.is-warning + .progress-value, .Bulma-component .progress-wrapper .is-more-than-half.is-warning.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-more-than-half.is-warning + .progress-value { color: rgba(0, 0, 0, 0.7); } .Bulma-component .progress-wrapper .progress.is-more-than-half.is-danger + .progress-value, .Bulma-component .progress-wrapper .is-more-than-half.is-danger.progress-wrapper.is-not-native + .progress-value, .Bulma-component .progress-wrapper .progress-bar.is-more-than-half.is-danger + .progress-value { color: #fff; } .Bulma-component .progress-wrapper .progress.is-squared, .Bulma-component .progress-wrapper .is-squared.progress-wrapper.is-not-native, .Bulma-component .progress-wrapper .progress-bar.is-squared { border-radius: 0; } .Bulma-component .progress-wrapper.is-not-native { white-space: nowrap; background-color: #ededed; border-radius: 9999px; } .Bulma-component .progress-wrapper.is-not-native .progress-bar { position: relative; display: inline-block; vertical-align: top; height: 100%; background-color: #4a4a4a; } .Bulma-component .progress-wrapper.is-not-native .progress-bar .progress-value { color: #fff; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-white { background-color: #FFFFFF; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-white .progress-value { color: #000000; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-black { background-color: #000000; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-black .progress-value { color: #FFFFFF; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-light { background-color: whitesmoke; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-light .progress-value { color: rgba(0, 0, 0, 0.7); } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-dark { background-color: #363636; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-dark .progress-value { color: #fff; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-primary { background-color: #1064f4; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-primary .progress-value { color: #fff; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-link { background-color: #1064f4; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-link .progress-value { color: #fff; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-info { background-color: #24c9fd; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-info .progress-value { color: #fff; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-success { background-color: #027d3f; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-success .progress-value { color: #fff; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-warning { background-color: #ffbf00; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-warning .progress-value { color: rgba(0, 0, 0, 0.7); } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-danger { background-color: #ba1b1b; } .Bulma-component .progress-wrapper.is-not-native .progress-bar.is-danger .progress-value { color: #fff; } .Bulma-component .progress-wrapper.is-squared { border-radius: 0; } .Bulma-component .b-radio.radio { outline: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .Bulma-component .b-radio.radio:not(.button) { margin-right: 0.5em; } .Bulma-component .b-radio.radio:not(.button) + .radio:last-child { margin-right: 0; } .Bulma-component .b-radio.radio + .radio { margin-left: 0; } .Bulma-component .b-radio.radio input[type=radio] { position: absolute; left: 0; opacity: 0; outline: none; z-index: -1; } .Bulma-component .b-radio.radio input[type=radio] + .check { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; position: relative; cursor: pointer; width: 1.25em; height: 1.25em; -webkit-transition: background 150ms ease-out; transition: background 150ms ease-out; border-radius: 50%; border: 2px solid #878787; } .Bulma-component .b-radio.radio input[type=radio] + .check:before { content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 50%; margin-left: calc(-1.25em * 0.5); bottom: 50%; margin-bottom: calc(-1.25em * 0.5); width: 1.25em; height: 1.25em; -webkit-transition: -webkit-transform 150ms ease-out; transition: -webkit-transform 150ms ease-out; transition: transform 150ms ease-out; transition: transform 150ms ease-out, -webkit-transform 150ms ease-out; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); background-color: #1064f4; } .Bulma-component .b-radio.radio input[type=radio] + .check.is-white:before { background: #FFFFFF; } .Bulma-component .b-radio.radio input[type=radio] + .check.is-black:before { background: #000000; } .Bulma-component .b-radio.radio input[type=radio] + .check.is-light:before { background: whitesmoke; } .Bulma-component .b-radio.radio input[type=radio] + .check.is-dark:before { background: #363636; } .Bulma-component .b-radio.radio input[type=radio] + .check.is-primary:before { background: #1064f4; } .Bulma-component .b-radio.radio input[type=radio] + .check.is-link:before { background: #1064f4; } .Bulma-component .b-radio.radio input[type=radio] + .check.is-info:before { background: #24c9fd; } .Bulma-component .b-radio.radio input[type=radio] + .check.is-success:before { background: #027d3f; } .Bulma-component .b-radio.radio input[type=radio] + .check.is-warning:before { background: #ffbf00; } .Bulma-component .b-radio.radio input[type=radio] + .check.is-danger:before { background: #ba1b1b; } .Bulma-component .b-radio.radio input[type=radio]:checked + .check { border-color: #1064f4; } .Bulma-component .b-radio.radio input[type=radio]:checked + .check.is-white { border-color: #FFFFFF; } .Bulma-component .b-radio.radio input[type=radio]:checked + .check.is-black { border-color: #000000; } .Bulma-component .b-radio.radio input[type=radio]:checked + .check.is-light { border-color: whitesmoke; } .Bulma-component .b-radio.radio input[type=radio]:checked + .check.is-dark { border-color: #363636; } .Bulma-component .b-radio.radio input[type=radio]:checked + .check.is-primary { border-color: #1064f4; } .Bulma-component .b-radio.radio input[type=radio]:checked + .check.is-link { border-color: #1064f4; } .Bulma-component .b-radio.radio input[type=radio]:checked + .check.is-info { border-color: #24c9fd; } .Bulma-component .b-radio.radio input[type=radio]:checked + .check.is-success { border-color: #027d3f; } .Bulma-component .b-radio.radio input[type=radio]:checked + .check.is-warning { border-color: #ffbf00; } .Bulma-component .b-radio.radio input[type=radio]:checked + .check.is-danger { border-color: #ba1b1b; } .Bulma-component .b-radio.radio input[type=radio]:checked + .check:before { -webkit-transform: scale(0.5); transform: scale(0.5); } .Bulma-component .b-radio.radio input[type=radio]:focus + .check { -webkit-box-shadow: 0 0 0.5em rgba(135, 135, 135, 0.8); box-shadow: 0 0 0.5em rgba(135, 135, 135, 0.8); } .Bulma-component .b-radio.radio input[type=radio]:focus:checked + .check { -webkit-box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); } .Bulma-component .b-radio.radio input[type=radio]:focus:checked + .check.is-white { -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); } .Bulma-component .b-radio.radio input[type=radio]:focus:checked + .check.is-black { -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8); box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8); } .Bulma-component .b-radio.radio input[type=radio]:focus:checked + .check.is-light { -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8); box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8); } .Bulma-component .b-radio.radio input[type=radio]:focus:checked + .check.is-dark { -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8); box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8); } .Bulma-component .b-radio.radio input[type=radio]:focus:checked + .check.is-primary { -webkit-box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); } .Bulma-component .b-radio.radio input[type=radio]:focus:checked + .check.is-link { -webkit-box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); } .Bulma-component .b-radio.radio input[type=radio]:focus:checked + .check.is-info { -webkit-box-shadow: 0 0 0.5em rgba(36, 201, 253, 0.8); box-shadow: 0 0 0.5em rgba(36, 201, 253, 0.8); } .Bulma-component .b-radio.radio input[type=radio]:focus:checked + .check.is-success { -webkit-box-shadow: 0 0 0.5em rgba(2, 125, 63, 0.8); box-shadow: 0 0 0.5em rgba(2, 125, 63, 0.8); } .Bulma-component .b-radio.radio input[type=radio]:focus:checked + .check.is-warning { -webkit-box-shadow: 0 0 0.5em rgba(255, 191, 0, 0.8); box-shadow: 0 0 0.5em rgba(255, 191, 0, 0.8); } .Bulma-component .b-radio.radio input[type=radio]:focus:checked + .check.is-danger { -webkit-box-shadow: 0 0 0.5em rgba(186, 27, 27, 0.8); box-shadow: 0 0 0.5em rgba(186, 27, 27, 0.8); } .Bulma-component .b-radio.radio input[type=radio][disabled] + .check { cursor: not-allowed; } .Bulma-component .b-radio.radio .control-label { padding-left: calc(0.75em - 1px); } .Bulma-component .b-radio.radio.button { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .b-radio.radio.button.is-selected { z-index: 1; } .Bulma-component .b-radio.radio[disabled] { opacity: 0.5; } .Bulma-component .b-radio.radio:hover input[type=radio]:not(:disabled) + .check { border-color: #1064f4; } .Bulma-component .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-white { border-color: #FFFFFF; } .Bulma-component .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-black { border-color: #000000; } .Bulma-component .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-light { border-color: whitesmoke; } .Bulma-component .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-dark { border-color: #363636; } .Bulma-component .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-primary { border-color: #1064f4; } .Bulma-component .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-link { border-color: #1064f4; } .Bulma-component .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-info { border-color: #24c9fd; } .Bulma-component .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-success { border-color: #027d3f; } .Bulma-component .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-warning { border-color: #ffbf00; } .Bulma-component .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-danger { border-color: #ba1b1b; } .Bulma-component .b-radio.radio.is-small { border-radius: 2px; font-size: 14px; } .Bulma-component .b-radio.radio.is-medium { font-size: 18px; } .Bulma-component .b-radio.radio.is-large { font-size: 24px; } .Bulma-component .rate { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .rate:not(:last-child) { margin-bottom: 0.75rem; } .Bulma-component .rate.is-spaced .rate-item:not(:last-child) { margin-right: 0.25rem; } .Bulma-component .rate.is-disabled .rate-item { cursor: initial; } .Bulma-component .rate.is-disabled .rate-item:hover { -webkit-transform: none; transform: none; } .Bulma-component .rate.is-rtl .rate-item { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Bulma-component .rate.is-rtl .rate-text { margin-left: 0; margin-right: 0.35rem; } .Bulma-component .rate .rate-item { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } .Bulma-component .rate .rate-item:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .Bulma-component .rate .rate-item.set-on .icon, .Bulma-component .rate .rate-item.set-half .is-half { color: #e6ac00; } .Bulma-component .rate .rate-item.set-half .is-half { position: absolute; left: 0; top: 0; overflow: hidden; } .Bulma-component .rate .icon { color: #f7f7f7; line-height: 1; pointer-events: none; width: inherit; } .Bulma-component .rate .is-half > i { position: absolute; left: 0; } .Bulma-component .rate .rate-text { font-size: calc(16px / 1.25); margin-left: 0.35rem; } .Bulma-component .rate .rate-text.is-small { font-size: calc(14px / 1.25); } .Bulma-component .rate .rate-text.is-medium { font-size: calc(18px / 1.25); } .Bulma-component .rate .rate-text.is-large { font-size: calc(24px / 1.25); } .Bulma-component .select select { text-rendering: auto !important; padding-right: 2.5em; } .Bulma-component .select select option { color: #6f6f6f; padding: calc(0.5em - 1px) calc(0.75em - 1px); } .Bulma-component .select select option:disabled { cursor: not-allowed; opacity: 0.5; } .Bulma-component .select select optgroup { color: #e7e7e7; font-weight: 400; font-style: normal; padding: 0.25em 0; } .Bulma-component .select select[disabled] { opacity: 1; } .Bulma-component .select.is-empty select { color: rgba(135, 135, 135, 0.7); } .Bulma-component .select.is-loading::after { top: calc(50% - 0.5em); right: 0.75em; } .Bulma-component .b-skeleton { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; vertical-align: middle; width: 100%; } .Bulma-component .b-skeleton > .b-skeleton-item { background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f7f7f7), color-stop(50%, rgba(247, 247, 247, 0.5)), color-stop(75%, #f7f7f7)); background: linear-gradient(90deg, #f7f7f7 25%, rgba(247, 247, 247, 0.5) 50%, #f7f7f7 75%); background-size: 400% 100%; width: 100%; } .Bulma-component .b-skeleton > .b-skeleton-item.is-rounded { border-radius: 8px; } .Bulma-component .b-skeleton > .b-skeleton-item::after { content: " "; } .Bulma-component .b-skeleton > .b-skeleton-item + .b-skeleton-item { margin-top: 0.5rem; } .Bulma-component .b-skeleton.is-animated > .b-skeleton-item { -webkit-animation: skeleton-loading 1.5s infinite; animation: skeleton-loading 1.5s infinite; } .Bulma-component .b-skeleton.is-centered { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .Bulma-component .b-skeleton.is-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .Bulma-component .b-skeleton + .b-skeleton { margin-top: 0.5rem; } .Bulma-component .b-skeleton > .b-skeleton-item { line-height: 16px; } .Bulma-component .b-skeleton.is-small > .b-skeleton-item { line-height: 14px; } .Bulma-component .b-skeleton.is-medium > .b-skeleton-item { line-height: 18px; } .Bulma-component .b-skeleton.is-large > .b-skeleton-item { line-height: 24px; } @-webkit-keyframes skeleton-loading { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } @keyframes skeleton-loading { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } .Bulma-component .b-sidebar .sidebar-content { background-color: whitesmoke; -webkit-box-shadow: 5px 0px 13px 3px rgba(0, 0, 0, 0.1); box-shadow: 5px 0px 13px 3px rgba(0, 0, 0, 0.1); width: 40%; z-index: 39; } .Bulma-component .b-sidebar .sidebar-content.is-white { background-color: #FFFFFF; } .Bulma-component .b-sidebar .sidebar-content.is-black { background-color: #000000; } .Bulma-component .b-sidebar .sidebar-content.is-light { background-color: whitesmoke; } .Bulma-component .b-sidebar .sidebar-content.is-dark { background-color: #363636; } .Bulma-component .b-sidebar .sidebar-content.is-primary { background-color: #1064f4; } .Bulma-component .b-sidebar .sidebar-content.is-link { background-color: #1064f4; } .Bulma-component .b-sidebar .sidebar-content.is-info { background-color: #24c9fd; } .Bulma-component .b-sidebar .sidebar-content.is-success { background-color: #027d3f; } .Bulma-component .b-sidebar .sidebar-content.is-warning { background-color: #ffbf00; } .Bulma-component .b-sidebar .sidebar-content.is-danger { background-color: #ba1b1b; } .Bulma-component .b-sidebar .sidebar-content.is-fixed { position: fixed; left: 0; top: 0; } .Bulma-component .b-sidebar .sidebar-content.is-fixed.is-right { left: auto; right: 0; } .Bulma-component .b-sidebar .sidebar-content.is-absolute { position: absolute; left: 0; top: 0; } .Bulma-component .b-sidebar .sidebar-content.is-absolute.is-right { left: auto; right: 0; } .Bulma-component .b-sidebar .sidebar-content.is-mini { width: 80px; } .Bulma-component .b-sidebar .sidebar-content.is-mini.is-mini-expand:hover:not(.is-mini-delayed) { -webkit-transition: width 150ms ease-out; transition: width 150ms ease-out; } .Bulma-component .b-sidebar .sidebar-content.is-mini.is-mini-expand:hover:not(.is-mini-delayed):not(.is-fullwidth) { width: 40%; } .Bulma-component .b-sidebar .sidebar-content.is-mini.is-mini-expand:hover:not(.is-mini-delayed):not(.is-fullwidth).is-mini-expand-fixed { position: fixed; } .Bulma-component .b-sidebar .sidebar-content.is-static { position: static; } .Bulma-component .b-sidebar .sidebar-content.is-absolute, .Bulma-component .b-sidebar .sidebar-content.is-static { -webkit-transition: width 150ms ease-out; transition: width 150ms ease-out; } .Bulma-component .b-sidebar .sidebar-content.is-fullwidth { width: 100%; max-width: 100%; } .Bulma-component .b-sidebar .sidebar-content.is-fullheight { height: 100%; max-height: 100%; overflow: hidden; overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: stretch; align-content: stretch; } @media screen and (max-width: 767px) { .Bulma-component .b-sidebar .sidebar-content.is-mini-mobile { width: 80px; } .Bulma-component .b-sidebar .sidebar-content.is-mini-mobile.is-mini-expand:hover:not(.is-fullwidth-mobile) { width: 40%; } .Bulma-component .b-sidebar .sidebar-content.is-mini-mobile.is-mini-expand:hover:not(.is-fullwidth-mobile).is-mini-expand-fixed { position: fixed; } .Bulma-component .b-sidebar .sidebar-content.is-hidden-mobile { width: 0; height: 0; overflow: hidden; } .Bulma-component .b-sidebar .sidebar-content.is-fullwidth-mobile { width: 100%; max-width: 100%; } } .Bulma-component .b-sidebar .sidebar-background { bottom: 0; left: 0; position: absolute; right: 0; top: 0; background: rgba(15, 15, 15, 0.3); position: fixed; z-index: 38; } .Bulma-component .b-slider { margin: 1em 0; background: transparent; width: 100%; } .Bulma-component .b-slider .b-slider-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; cursor: pointer; background: #f7f7f7; border-radius: 8px; } .Bulma-component .b-slider .b-slider-fill { position: absolute; height: 100%; -webkit-box-shadow: 0px 0px 0px #878787; box-shadow: 0px 0px 0px #878787; background: #f7f7f7; border-radius: 8px; border: 0px solid #878787; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .Bulma-component .b-slider .b-slider-thumb-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; cursor: -webkit-grab; cursor: grab; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .Bulma-component .b-slider .b-slider-thumb-wrapper .b-slider-thumb { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e7e7e7; border-radius: 8px; background: #FFFFFF; } .Bulma-component .b-slider .b-slider-thumb-wrapper .b-slider-thumb:focus { -webkit-transform: scale(1.25); transform: scale(1.25); } .Bulma-component .b-slider .b-slider-thumb-wrapper.is-dragging { cursor: -webkit-grabbing; cursor: grabbing; } .Bulma-component .b-slider .b-slider-thumb-wrapper.is-dragging .b-slider-thumb { -webkit-transform: scale(1.25); transform: scale(1.25); } .Bulma-component .b-slider .b-slider-thumb-wrapper.has-indicator .b-slider-thumb { padding: 16px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; } .Bulma-component .b-slider.slider-focus { padding-top: 20px; padding-bottom: 20px; margin-top: -20px; margin-bottom: -20px; cursor: pointer; } .Bulma-component .b-slider.is-rounded .b-slider-thumb { border-radius: 9999px; } .Bulma-component .b-slider.is-disabled .b-slider-track { cursor: not-allowed; opacity: 0.5; } .Bulma-component .b-slider.is-disabled .b-slider-thumb-wrapper { cursor: not-allowed; } .Bulma-component .b-slider.is-disabled .b-slider-thumb-wrapper .b-slider-thumb { -webkit-transform: scale(1); transform: scale(1); } .Bulma-component .b-slider .b-slider-track { height: 8px; } .Bulma-component .b-slider .b-slider-thumb { height: 16px; width: 16px; } .Bulma-component .b-slider .b-slider-tick { height: 4px; } .Bulma-component .b-slider .b-slider-tick-label { font-size: 0.75rem; position: absolute; top: calc(8px * 0.5 + 2px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .Bulma-component .b-slider.is-small .b-slider-track { height: 7px; } .Bulma-component .b-slider.is-small .b-slider-thumb { height: 14px; width: 14px; } .Bulma-component .b-slider.is-small .b-slider-tick { height: 3.5px; } .Bulma-component .b-slider.is-small .b-slider-tick-label { font-size: 0.75rem; position: absolute; top: calc(7px * 0.5 + 2px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .Bulma-component .b-slider.is-medium .b-slider-track { height: 9px; } .Bulma-component .b-slider.is-medium .b-slider-thumb { height: 18px; width: 18px; } .Bulma-component .b-slider.is-medium .b-slider-tick { height: 4.5px; } .Bulma-component .b-slider.is-medium .b-slider-tick-label { font-size: 0.75rem; position: absolute; top: calc(9px * 0.5 + 2px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .Bulma-component .b-slider.is-large .b-slider-track { height: 12px; } .Bulma-component .b-slider.is-large .b-slider-thumb { height: 24px; width: 24px; } .Bulma-component .b-slider.is-large .b-slider-tick { height: 6px; } .Bulma-component .b-slider.is-large .b-slider-tick-label { font-size: 0.75rem; position: absolute; top: calc(12px * 0.5 + 2px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .Bulma-component .b-slider.is-white .b-slider-fill { background: #FFFFFF !important; } .Bulma-component .b-slider.is-black .b-slider-fill { background: #000000 !important; } .Bulma-component .b-slider.is-light .b-slider-fill { background: whitesmoke !important; } .Bulma-component .b-slider.is-dark .b-slider-fill { background: #363636 !important; } .Bulma-component .b-slider.is-primary .b-slider-fill { background: #1064f4 !important; } .Bulma-component .b-slider.is-link .b-slider-fill { background: #1064f4 !important; } .Bulma-component .b-slider.is-info .b-slider-fill { background: #24c9fd !important; } .Bulma-component .b-slider.is-success .b-slider-fill { background: #027d3f !important; } .Bulma-component .b-slider.is-warning .b-slider-fill { background: #ffbf00 !important; } .Bulma-component .b-slider.is-danger .b-slider-fill { background: #ba1b1b !important; } .Bulma-component .b-slider.is-brand .b-slider-fill { background: #1064f4 !important; } .Bulma-component .b-slider.is-brand-d20 .b-slider-fill { background: #0c4ec3 !important; } .Bulma-component .b-slider.is-brand-d30 .b-slider-fill { background: #0b45ab !important; } .Bulma-component .b-slider.is-brand-l20 .b-slider-fill { background: #3f81f6 !important; } .Bulma-component .b-slider.is-brand-l70 .b-slider-fill { background: #b7d0fc !important; } .Bulma-component .b-slider.is-brand-l80 .b-slider-fill { background: #cfe0fd !important; } .Bulma-component .b-slider.is-brand-l90 .b-slider-fill { background: #e9f1fe !important; } .Bulma-component .b-slider.is-brand-l95 .b-slider-fill { background: #f3f7ff !important; } .Bulma-component .b-slider.is-neutral .b-slider-fill { background: #0f0f0f !important; } .Bulma-component .b-slider.is-neutral-l20 .b-slider-fill { background: #3f3f3f !important; } .Bulma-component .b-slider.is-neutral-l40 .b-slider-fill { background: #6f6f6f !important; } .Bulma-component .b-slider.is-neutral-l50 .b-slider-fill { background: #878787 !important; } .Bulma-component .b-slider.is-neutral-l90 .b-slider-fill { background: #e7e7e7 !important; } .Bulma-component .b-slider.is-neutral-l95 .b-slider-fill { background: #f7f7f7 !important; } .Bulma-component .b-slider.is-neutral-light .b-slider-fill { background: #ffffff !important; } .Bulma-component .b-slider.is-error .b-slider-fill { background: #ba1b1b !important; } .Bulma-component .b-slider.is-error-d20 .b-slider-fill { background: #951616 !important; } .Bulma-component .b-slider.is-error-l20 .b-slider-fill { background: #c84949 !important; } .Bulma-component .b-slider.is-error-l70 .b-slider-fill { background: #eabbbb !important; } .Bulma-component .b-slider.is-error-l80 .b-slider-fill { background: #f1d1d1 !important; } .Bulma-component .b-slider.is-error-l90 .b-slider-fill { background: #f8e8e8 !important; } .Bulma-component .b-slider.is-error-l95 .b-slider-fill { background: #fcf4f4 !important; } .Bulma-component .b-slider.is-info-d30 .b-slider-fill { background: #167998 !important; } .Bulma-component .b-slider.is-info-l95 .b-slider-fill { background: #edfbff !important; } .Bulma-component .b-slider.is-success-d30 .b-slider-fill { background: #01582c !important; } .Bulma-component .b-slider.is-success-l95 .b-slider-fill { background: #ebf5f0 !important; } .Bulma-component .b-slider.is-warning-d30 .b-slider-fill { background: #806000 !important; } .Bulma-component .b-slider.is-warning-l95 .b-slider-fill { background: #fffaeb !important; } .Bulma-component .b-slider.is-brand-2 .b-slider-fill { background: #0e9ca6 !important; } .Bulma-component .b-slider.is-brand-2-d20 .b-slider-fill { background: #0b7d85 !important; } .Bulma-component .b-slider.is-brand-2-l20 .b-slider-fill { background: #3eb0b8 !important; } .Bulma-component .b-slider.is-brand-2-l70 .b-slider-fill { background: #b7e1e4 !important; } .Bulma-component .b-slider.is-brand-2-l80 .b-slider-fill { background: #cfebed !important; } .Bulma-component .b-slider.is-brand-2-l90 .b-slider-fill { background: #eef8f9 !important; } .Bulma-component .b-slider.is-brand-2-l95 .b-slider-fill { background: #f8fcfc !important; } .Bulma-component .b-slider.is-brand-3 .b-slider-fill { background: #e2583f !important; } .Bulma-component .b-slider.is-brand-3-d20 .b-slider-fill { background: #b54632 !important; } .Bulma-component .b-slider.is-brand-3-l20 .b-slider-fill { background: #e87965 !important; } .Bulma-component .b-slider.is-brand-3-l70 .b-slider-fill { background: #f6cdc5 !important; } .Bulma-component .b-slider.is-brand-3-l80 .b-slider-fill { background: #f9ded9 !important; } .Bulma-component .b-slider.is-brand-3-l90 .b-slider-fill { background: #fceeec !important; } .Bulma-component .b-slider.is-brand-3-l95 .b-slider-fill { background: #fef7f5 !important; } .Bulma-component .b-slider .b-slider-tick { position: absolute; width: 3px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; background: #e7e7e7; border-radius: 8px; } .Bulma-component .b-slider .b-slider-tick.is-tick-hidden { background: transparent; } .Bulma-component .b-steps .steps .step-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .Bulma-component .b-steps .steps .step-items .step-item { margin-top: 0; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 1em; flex-basis: 1em; } .Bulma-component .b-steps .steps .step-items .step-item .step-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #4a4a4a; } .Bulma-component .b-steps .steps .step-items .step-item .step-link:not(.is-clickable) { cursor: not-allowed; } .Bulma-component .b-steps .steps .step-items .step-item .step-marker { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 8px; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #e7e7e7; color: #FFFFFF; border: 0.2em solid #fff; z-index: 1; overflow: hidden; } .Bulma-component .b-steps .steps .step-items .step-item.is-white::before, .Bulma-component .b-steps .steps .step-items .step-item.is-white::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #FFFFFF)); background: linear-gradient(to left, #f7f7f7 50%, #FFFFFF 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-white.is-active .step-marker { background-color: #FFFFFF; border-color: #FFFFFF; color: #FFFFFF; } .Bulma-component .b-steps .steps .step-items .step-item.is-white.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-white.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-white.is-previous .step-marker { color: #000000; background-color: #FFFFFF; } .Bulma-component .b-steps .steps .step-items .step-item.is-white.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-white.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-black::before, .Bulma-component .b-steps .steps .step-items .step-item.is-black::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #000000)); background: linear-gradient(to left, #f7f7f7 50%, #000000 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-black.is-active .step-marker { background-color: #FFFFFF; border-color: #000000; color: #000000; } .Bulma-component .b-steps .steps .step-items .step-item.is-black.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-black.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-black.is-previous .step-marker { color: #FFFFFF; background-color: #000000; } .Bulma-component .b-steps .steps .step-items .step-item.is-black.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-black.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-light::before, .Bulma-component .b-steps .steps .step-items .step-item.is-light::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, whitesmoke)); background: linear-gradient(to left, #f7f7f7 50%, whitesmoke 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-light.is-active .step-marker { background-color: #FFFFFF; border-color: whitesmoke; color: whitesmoke; } .Bulma-component .b-steps .steps .step-items .step-item.is-light.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-light.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-light.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: whitesmoke; } .Bulma-component .b-steps .steps .step-items .step-item.is-light.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-light.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-dark::before, .Bulma-component .b-steps .steps .step-items .step-item.is-dark::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #363636)); background: linear-gradient(to left, #f7f7f7 50%, #363636 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-dark.is-active .step-marker { background-color: #FFFFFF; border-color: #363636; color: #363636; } .Bulma-component .b-steps .steps .step-items .step-item.is-dark.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-dark.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-dark.is-previous .step-marker { color: #fff; background-color: #363636; } .Bulma-component .b-steps .steps .step-items .step-item.is-dark.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-dark.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-primary::before, .Bulma-component .b-steps .steps .step-items .step-item.is-primary::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #1064f4)); background: linear-gradient(to left, #f7f7f7 50%, #1064f4 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-primary.is-active .step-marker { background-color: #FFFFFF; border-color: #1064f4; color: #1064f4; } .Bulma-component .b-steps .steps .step-items .step-item.is-primary.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-primary.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-primary.is-previous .step-marker { color: #fff; background-color: #1064f4; } .Bulma-component .b-steps .steps .step-items .step-item.is-primary.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-primary.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-link::before, .Bulma-component .b-steps .steps .step-items .step-item.is-link::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #1064f4)); background: linear-gradient(to left, #f7f7f7 50%, #1064f4 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-link.is-active .step-marker { background-color: #FFFFFF; border-color: #1064f4; color: #1064f4; } .Bulma-component .b-steps .steps .step-items .step-item.is-link.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-link.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-link.is-previous .step-marker { color: #fff; background-color: #1064f4; } .Bulma-component .b-steps .steps .step-items .step-item.is-link.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-link.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-info::before, .Bulma-component .b-steps .steps .step-items .step-item.is-info::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #24c9fd)); background: linear-gradient(to left, #f7f7f7 50%, #24c9fd 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-info.is-active .step-marker { background-color: #FFFFFF; border-color: #24c9fd; color: #24c9fd; } .Bulma-component .b-steps .steps .step-items .step-item.is-info.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-info.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-info.is-previous .step-marker { color: #fff; background-color: #24c9fd; } .Bulma-component .b-steps .steps .step-items .step-item.is-info.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-info.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-success::before, .Bulma-component .b-steps .steps .step-items .step-item.is-success::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #027d3f)); background: linear-gradient(to left, #f7f7f7 50%, #027d3f 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-success.is-active .step-marker { background-color: #FFFFFF; border-color: #027d3f; color: #027d3f; } .Bulma-component .b-steps .steps .step-items .step-item.is-success.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-success.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-success.is-previous .step-marker { color: #fff; background-color: #027d3f; } .Bulma-component .b-steps .steps .step-items .step-item.is-success.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-success.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning::before, .Bulma-component .b-steps .steps .step-items .step-item.is-warning::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #ffbf00)); background: linear-gradient(to left, #f7f7f7 50%, #ffbf00 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning.is-active .step-marker { background-color: #FFFFFF; border-color: #ffbf00; color: #ffbf00; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-warning.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #ffbf00; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-warning.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-danger::before, .Bulma-component .b-steps .steps .step-items .step-item.is-danger::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #ba1b1b)); background: linear-gradient(to left, #f7f7f7 50%, #ba1b1b 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-danger.is-active .step-marker { background-color: #FFFFFF; border-color: #ba1b1b; color: #ba1b1b; } .Bulma-component .b-steps .steps .step-items .step-item.is-danger.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-danger.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-danger.is-previous .step-marker { color: #fff; background-color: #ba1b1b; } .Bulma-component .b-steps .steps .step-items .step-item.is-danger.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-danger.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #1064f4)); background: linear-gradient(to left, #f7f7f7 50%, #1064f4 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand.is-active .step-marker { background-color: #FFFFFF; border-color: #1064f4; color: #1064f4; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand.is-previous .step-marker { color: #fff; background-color: #1064f4; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d20::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d20::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #0c4ec3)); background: linear-gradient(to left, #f7f7f7 50%, #0c4ec3 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d20.is-active .step-marker { background-color: #FFFFFF; border-color: #0c4ec3; color: #0c4ec3; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d20.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d20.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d20.is-previous .step-marker { color: #fff; background-color: #0c4ec3; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d20.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d20.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d30::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d30::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #0b45ab)); background: linear-gradient(to left, #f7f7f7 50%, #0b45ab 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d30.is-active .step-marker { background-color: #FFFFFF; border-color: #0b45ab; color: #0b45ab; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d30.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d30.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d30.is-previous .step-marker { color: #fff; background-color: #0b45ab; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d30.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-d30.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l20::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l20::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #3f81f6)); background: linear-gradient(to left, #f7f7f7 50%, #3f81f6 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l20.is-active .step-marker { background-color: #FFFFFF; border-color: #3f81f6; color: #3f81f6; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l20.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l20.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l20.is-previous .step-marker { color: #fff; background-color: #3f81f6; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l20.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l20.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l70::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l70::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #b7d0fc)); background: linear-gradient(to left, #f7f7f7 50%, #b7d0fc 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l70.is-active .step-marker { background-color: #FFFFFF; border-color: #b7d0fc; color: #b7d0fc; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l70.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l70.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l70.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #b7d0fc; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l70.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l70.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l80::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l80::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #cfe0fd)); background: linear-gradient(to left, #f7f7f7 50%, #cfe0fd 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l80.is-active .step-marker { background-color: #FFFFFF; border-color: #cfe0fd; color: #cfe0fd; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l80.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l80.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l80.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #cfe0fd; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l80.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l80.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l90::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l90::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #e9f1fe)); background: linear-gradient(to left, #f7f7f7 50%, #e9f1fe 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l90.is-active .step-marker { background-color: #FFFFFF; border-color: #e9f1fe; color: #e9f1fe; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l90.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l90.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l90.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #e9f1fe; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l90.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l90.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l95::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l95::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f3f7ff)); background: linear-gradient(to left, #f7f7f7 50%, #f3f7ff 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l95.is-active .step-marker { background-color: #FFFFFF; border-color: #f3f7ff; color: #f3f7ff; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l95.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l95.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l95.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #f3f7ff; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l95.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-l95.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #0f0f0f)); background: linear-gradient(to left, #f7f7f7 50%, #0f0f0f 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral.is-active .step-marker { background-color: #FFFFFF; border-color: #0f0f0f; color: #0f0f0f; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral.is-previous .step-marker { color: #fff; background-color: #0f0f0f; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l20::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l20::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #3f3f3f)); background: linear-gradient(to left, #f7f7f7 50%, #3f3f3f 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l20.is-active .step-marker { background-color: #FFFFFF; border-color: #3f3f3f; color: #3f3f3f; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l20.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l20.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l20.is-previous .step-marker { color: #fff; background-color: #3f3f3f; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l20.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l20.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l40::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l40::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #6f6f6f)); background: linear-gradient(to left, #f7f7f7 50%, #6f6f6f 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l40.is-active .step-marker { background-color: #FFFFFF; border-color: #6f6f6f; color: #6f6f6f; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l40.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l40.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l40.is-previous .step-marker { color: #fff; background-color: #6f6f6f; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l40.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l40.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l50::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l50::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #878787)); background: linear-gradient(to left, #f7f7f7 50%, #878787 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l50.is-active .step-marker { background-color: #FFFFFF; border-color: #878787; color: #878787; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l50.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l50.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l50.is-previous .step-marker { color: #fff; background-color: #878787; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l50.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l50.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l90::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l90::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #e7e7e7)); background: linear-gradient(to left, #f7f7f7 50%, #e7e7e7 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l90.is-active .step-marker { background-color: #FFFFFF; border-color: #e7e7e7; color: #e7e7e7; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l90.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l90.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l90.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #e7e7e7; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l90.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l90.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l95::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l95::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f7f7f7)); background: linear-gradient(to left, #f7f7f7 50%, #f7f7f7 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l95.is-active .step-marker { background-color: #FFFFFF; border-color: #f7f7f7; color: #f7f7f7; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l95.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l95.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l95.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #f7f7f7; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l95.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-l95.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-light::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-light::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #ffffff)); background: linear-gradient(to left, #f7f7f7 50%, #ffffff 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-light.is-active .step-marker { background-color: #FFFFFF; border-color: #ffffff; color: #ffffff; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-light.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-light.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-light.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #ffffff; } .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-light.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-neutral-light.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #ba1b1b)); background: linear-gradient(to left, #f7f7f7 50%, #ba1b1b 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error.is-active .step-marker { background-color: #FFFFFF; border-color: #ba1b1b; color: #ba1b1b; } .Bulma-component .b-steps .steps .step-items .step-item.is-error.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error.is-previous .step-marker { color: #fff; background-color: #ba1b1b; } .Bulma-component .b-steps .steps .step-items .step-item.is-error.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-d20::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-d20::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #951616)); background: linear-gradient(to left, #f7f7f7 50%, #951616 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-d20.is-active .step-marker { background-color: #FFFFFF; border-color: #951616; color: #951616; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-d20.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-d20.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-d20.is-previous .step-marker { color: #fff; background-color: #951616; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-d20.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-d20.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l20::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l20::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #c84949)); background: linear-gradient(to left, #f7f7f7 50%, #c84949 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l20.is-active .step-marker { background-color: #FFFFFF; border-color: #c84949; color: #c84949; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l20.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l20.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l20.is-previous .step-marker { color: #fff; background-color: #c84949; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l20.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l20.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l70::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l70::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #eabbbb)); background: linear-gradient(to left, #f7f7f7 50%, #eabbbb 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l70.is-active .step-marker { background-color: #FFFFFF; border-color: #eabbbb; color: #eabbbb; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l70.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l70.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l70.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #eabbbb; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l70.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l70.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l80::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l80::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f1d1d1)); background: linear-gradient(to left, #f7f7f7 50%, #f1d1d1 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l80.is-active .step-marker { background-color: #FFFFFF; border-color: #f1d1d1; color: #f1d1d1; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l80.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l80.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l80.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #f1d1d1; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l80.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l80.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l90::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l90::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f8e8e8)); background: linear-gradient(to left, #f7f7f7 50%, #f8e8e8 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l90.is-active .step-marker { background-color: #FFFFFF; border-color: #f8e8e8; color: #f8e8e8; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l90.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l90.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l90.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #f8e8e8; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l90.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l90.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l95::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l95::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #fcf4f4)); background: linear-gradient(to left, #f7f7f7 50%, #fcf4f4 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l95.is-active .step-marker { background-color: #FFFFFF; border-color: #fcf4f4; color: #fcf4f4; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l95.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l95.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l95.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #fcf4f4; } .Bulma-component .b-steps .steps .step-items .step-item.is-error-l95.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-error-l95.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-info-d30::before, .Bulma-component .b-steps .steps .step-items .step-item.is-info-d30::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #167998)); background: linear-gradient(to left, #f7f7f7 50%, #167998 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-info-d30.is-active .step-marker { background-color: #FFFFFF; border-color: #167998; color: #167998; } .Bulma-component .b-steps .steps .step-items .step-item.is-info-d30.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-info-d30.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-info-d30.is-previous .step-marker { color: #fff; background-color: #167998; } .Bulma-component .b-steps .steps .step-items .step-item.is-info-d30.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-info-d30.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-info-l95::before, .Bulma-component .b-steps .steps .step-items .step-item.is-info-l95::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #edfbff)); background: linear-gradient(to left, #f7f7f7 50%, #edfbff 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-info-l95.is-active .step-marker { background-color: #FFFFFF; border-color: #edfbff; color: #edfbff; } .Bulma-component .b-steps .steps .step-items .step-item.is-info-l95.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-info-l95.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-info-l95.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #edfbff; } .Bulma-component .b-steps .steps .step-items .step-item.is-info-l95.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-info-l95.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-success-d30::before, .Bulma-component .b-steps .steps .step-items .step-item.is-success-d30::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #01582c)); background: linear-gradient(to left, #f7f7f7 50%, #01582c 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-success-d30.is-active .step-marker { background-color: #FFFFFF; border-color: #01582c; color: #01582c; } .Bulma-component .b-steps .steps .step-items .step-item.is-success-d30.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-success-d30.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-success-d30.is-previous .step-marker { color: #fff; background-color: #01582c; } .Bulma-component .b-steps .steps .step-items .step-item.is-success-d30.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-success-d30.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-success-l95::before, .Bulma-component .b-steps .steps .step-items .step-item.is-success-l95::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #ebf5f0)); background: linear-gradient(to left, #f7f7f7 50%, #ebf5f0 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-success-l95.is-active .step-marker { background-color: #FFFFFF; border-color: #ebf5f0; color: #ebf5f0; } .Bulma-component .b-steps .steps .step-items .step-item.is-success-l95.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-success-l95.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-success-l95.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #ebf5f0; } .Bulma-component .b-steps .steps .step-items .step-item.is-success-l95.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-success-l95.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning-d30::before, .Bulma-component .b-steps .steps .step-items .step-item.is-warning-d30::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #806000)); background: linear-gradient(to left, #f7f7f7 50%, #806000 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning-d30.is-active .step-marker { background-color: #FFFFFF; border-color: #806000; color: #806000; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning-d30.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-warning-d30.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning-d30.is-previous .step-marker { color: #fff; background-color: #806000; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning-d30.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-warning-d30.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning-l95::before, .Bulma-component .b-steps .steps .step-items .step-item.is-warning-l95::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #fffaeb)); background: linear-gradient(to left, #f7f7f7 50%, #fffaeb 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning-l95.is-active .step-marker { background-color: #FFFFFF; border-color: #fffaeb; color: #fffaeb; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning-l95.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-warning-l95.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning-l95.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #fffaeb; } .Bulma-component .b-steps .steps .step-items .step-item.is-warning-l95.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-warning-l95.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #0e9ca6)); background: linear-gradient(to left, #f7f7f7 50%, #0e9ca6 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2.is-active .step-marker { background-color: #FFFFFF; border-color: #0e9ca6; color: #0e9ca6; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2.is-previous .step-marker { color: #fff; background-color: #0e9ca6; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-d20::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-d20::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #0b7d85)); background: linear-gradient(to left, #f7f7f7 50%, #0b7d85 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-d20.is-active .step-marker { background-color: #FFFFFF; border-color: #0b7d85; color: #0b7d85; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-d20.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-d20.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-d20.is-previous .step-marker { color: #fff; background-color: #0b7d85; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-d20.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-d20.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l20::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l20::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #3eb0b8)); background: linear-gradient(to left, #f7f7f7 50%, #3eb0b8 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l20.is-active .step-marker { background-color: #FFFFFF; border-color: #3eb0b8; color: #3eb0b8; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l20.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l20.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l20.is-previous .step-marker { color: #fff; background-color: #3eb0b8; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l20.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l20.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l70::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l70::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #b7e1e4)); background: linear-gradient(to left, #f7f7f7 50%, #b7e1e4 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l70.is-active .step-marker { background-color: #FFFFFF; border-color: #b7e1e4; color: #b7e1e4; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l70.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l70.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l70.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #b7e1e4; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l70.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l70.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l80::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l80::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #cfebed)); background: linear-gradient(to left, #f7f7f7 50%, #cfebed 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l80.is-active .step-marker { background-color: #FFFFFF; border-color: #cfebed; color: #cfebed; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l80.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l80.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l80.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #cfebed; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l80.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l80.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l90::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l90::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #eef8f9)); background: linear-gradient(to left, #f7f7f7 50%, #eef8f9 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l90.is-active .step-marker { background-color: #FFFFFF; border-color: #eef8f9; color: #eef8f9; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l90.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l90.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l90.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #eef8f9; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l90.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l90.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l95::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l95::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f8fcfc)); background: linear-gradient(to left, #f7f7f7 50%, #f8fcfc 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l95.is-active .step-marker { background-color: #FFFFFF; border-color: #f8fcfc; color: #f8fcfc; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l95.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l95.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l95.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #f8fcfc; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l95.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-2-l95.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #e2583f)); background: linear-gradient(to left, #f7f7f7 50%, #e2583f 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3.is-active .step-marker { background-color: #FFFFFF; border-color: #e2583f; color: #e2583f; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3.is-previous .step-marker { color: #fff; background-color: #e2583f; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-d20::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-d20::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #b54632)); background: linear-gradient(to left, #f7f7f7 50%, #b54632 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-d20.is-active .step-marker { background-color: #FFFFFF; border-color: #b54632; color: #b54632; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-d20.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-d20.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-d20.is-previous .step-marker { color: #fff; background-color: #b54632; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-d20.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-d20.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l20::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l20::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #e87965)); background: linear-gradient(to left, #f7f7f7 50%, #e87965 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l20.is-active .step-marker { background-color: #FFFFFF; border-color: #e87965; color: #e87965; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l20.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l20.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l20.is-previous .step-marker { color: #fff; background-color: #e87965; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l20.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l20.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l70::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l70::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f6cdc5)); background: linear-gradient(to left, #f7f7f7 50%, #f6cdc5 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l70.is-active .step-marker { background-color: #FFFFFF; border-color: #f6cdc5; color: #f6cdc5; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l70.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l70.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l70.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #f6cdc5; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l70.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l70.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l80::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l80::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f9ded9)); background: linear-gradient(to left, #f7f7f7 50%, #f9ded9 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l80.is-active .step-marker { background-color: #FFFFFF; border-color: #f9ded9; color: #f9ded9; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l80.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l80.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l80.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #f9ded9; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l80.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l80.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l90::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l90::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #fceeec)); background: linear-gradient(to left, #f7f7f7 50%, #fceeec 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l90.is-active .step-marker { background-color: #FFFFFF; border-color: #fceeec; color: #fceeec; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l90.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l90.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l90.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #fceeec; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l90.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l90.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l95::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l95::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #fef7f5)); background: linear-gradient(to left, #f7f7f7 50%, #fef7f5 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l95.is-active .step-marker { background-color: #FFFFFF; border-color: #fef7f5; color: #fef7f5; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l95.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l95.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l95.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: #fef7f5; } .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l95.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-brand-3-l95.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item .step-marker { color: #FFFFFF; } .Bulma-component .b-steps .steps .step-items .step-item .step-details { text-align: center; z-index: 1; } .Bulma-component .b-steps .steps .step-items .step-item:not(:first-child), .Bulma-component .b-steps .steps .step-items .step-item:only-child { -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .b-steps .steps .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps .steps .step-items .step-item:only-child::before { content: " "; display: block; position: absolute; width: 100%; bottom: 0; left: -50%; } .Bulma-component .b-steps .steps .step-items .step-item:only-child::after { content: " "; display: block; position: absolute; height: 0.2em; bottom: 0; } .Bulma-component .b-steps .steps .step-items .step-item:only-child::before, .Bulma-component .b-steps .steps .step-items .step-item:only-child::after { width: 25%; left: 50%; } .Bulma-component .b-steps .steps .step-items .step-item:only-child::before { right: 50%; left: auto; } .Bulma-component .b-steps .steps .step-items .step-item::before, .Bulma-component .b-steps .steps .step-items .step-item::after { background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f7f7f7), color-stop(50%, #1064f4)); background: linear-gradient(to left, #f7f7f7 50%, #1064f4 50%); background-size: 200% 100%; background-position: right bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-active .step-link { cursor: default; } .Bulma-component .b-steps .steps .step-items .step-item.is-active .step-marker { background-color: #FFFFFF; border-color: #1064f4; color: #1064f4; } .Bulma-component .b-steps .steps .step-items .step-item.is-active::before, .Bulma-component .b-steps .steps .step-items .step-item.is-active::after { background-position: left bottom; } .Bulma-component .b-steps .steps .step-items .step-item.is-previous .step-marker { color: #FFFFFF; background-color: #1064f4; } .Bulma-component .b-steps .steps .step-items .step-item.is-previous::before, .Bulma-component .b-steps .steps .step-items .step-item.is-previous::after { background-position: left bottom; } .Bulma-component .b-steps .steps + .step-content { position: relative; overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 1rem; } .Bulma-component .b-steps .steps + .step-content .step-item { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; } .Bulma-component .b-steps .steps + .step-content .step-item:focus { outline: none; } .Bulma-component .b-steps .steps + .step-content.is-transitioning { overflow: hidden; } .Bulma-component .b-steps .steps.is-rounded .step-item .step-marker { border-radius: 9999px; } .Bulma-component .b-steps .steps.is-animated .step-item:not(:first-child)::before, .Bulma-component .b-steps .steps.is-animated .step-item:only-child::before { -webkit-transition: background 150ms ease-out; transition: background 150ms ease-out; } .Bulma-component .b-steps .steps.has-label-right .step-items .step-item .step-link, .Bulma-component .b-steps .steps.has-label-left .step-items .step-item .step-link { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .Bulma-component .b-steps .steps.has-label-right .step-items .step-item .step-link > .step-details, .Bulma-component .b-steps .steps.has-label-left .step-items .step-item .step-link > .step-details { background-color: #FFFFFF; padding: 0.2em; } .Bulma-component .b-steps .steps.has-label-left .step-items .step-item .step-link { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .Bulma-component .b-steps .steps { font-size: 16px; min-height: 32px; } .Bulma-component .b-steps .steps .step-items .step-item .step-marker { height: 32px; width: 32px; } .Bulma-component .b-steps .steps .step-items .step-item .step-marker .icon *, .Bulma-component .b-steps .steps .step-items .step-item .step-marker .icon *:before { font-size: 16px; } .Bulma-component .b-steps .steps .step-items .step-item .step-details .step-title { font-size: 19.2px; font-weight: 600; line-height: 16px; } .Bulma-component .b-steps .steps .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps .steps .step-items .step-item:only-child::before { height: 0.2em; top: 16px; } .Bulma-component .b-steps .steps .step-items .step-item:only-child::after { top: 16px; } @media screen and (max-width: 767px) { .Bulma-component .b-steps .steps .step-items .step-item::before, .Bulma-component .b-steps .steps .step-items .step-item::after, .Bulma-component .b-steps .steps .step-items .step-item:not(:first-child)::before { top: 16px; } } .Bulma-component .b-steps.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-vertical > .steps.has-label-right .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-vertical > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(16px - 0.1em); } .Bulma-component .b-steps.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-vertical > .steps.has-label-left .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-vertical > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(16px - 0.1em); } .Bulma-component .b-steps.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(16px - 0.1em); } .Bulma-component .b-steps.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(16px - 0.1em); } .Bulma-component .b-steps.is-small .steps { font-size: 14px; min-height: 28px; } .Bulma-component .b-steps.is-small .steps .step-items .step-item .step-marker { height: 28px; width: 28px; } .Bulma-component .b-steps.is-small .steps .step-items .step-item .step-marker .icon *, .Bulma-component .b-steps.is-small .steps .step-items .step-item .step-marker .icon *:before { font-size: 14px; } .Bulma-component .b-steps.is-small .steps .step-items .step-item .step-details .step-title { font-size: 16.8px; font-weight: 600; line-height: 14px; } .Bulma-component .b-steps.is-small .steps .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-small .steps .step-items .step-item:only-child::before { height: 0.2em; top: 14px; } .Bulma-component .b-steps.is-small .steps .step-items .step-item:only-child::after { top: 14px; } @media screen and (max-width: 767px) { .Bulma-component .b-steps.is-small .steps .step-items .step-item::before, .Bulma-component .b-steps.is-small .steps .step-items .step-item::after, .Bulma-component .b-steps.is-small .steps .step-items .step-item:not(:first-child)::before { top: 14px; } } .Bulma-component .b-steps.is-small.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-small.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-small.is-vertical > .steps.has-label-right .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-small.is-vertical > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(14px - 0.1em); } .Bulma-component .b-steps.is-small.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-small.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-small.is-vertical > .steps.has-label-left .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-small.is-vertical > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(14px - 0.1em); } .Bulma-component .b-steps.is-small.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-small.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-small.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-small.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(14px - 0.1em); } .Bulma-component .b-steps.is-small.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-small.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-small.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-small.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(14px - 0.1em); } .Bulma-component .b-steps.is-medium .steps { font-size: 18px; min-height: 36px; } .Bulma-component .b-steps.is-medium .steps .step-items .step-item .step-marker { height: 36px; width: 36px; } .Bulma-component .b-steps.is-medium .steps .step-items .step-item .step-marker .icon *, .Bulma-component .b-steps.is-medium .steps .step-items .step-item .step-marker .icon *:before { font-size: 18px; } .Bulma-component .b-steps.is-medium .steps .step-items .step-item .step-details .step-title { font-size: 21.6px; font-weight: 600; line-height: 18px; } .Bulma-component .b-steps.is-medium .steps .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-medium .steps .step-items .step-item:only-child::before { height: 0.2em; top: 18px; } .Bulma-component .b-steps.is-medium .steps .step-items .step-item:only-child::after { top: 18px; } @media screen and (max-width: 767px) { .Bulma-component .b-steps.is-medium .steps .step-items .step-item::before, .Bulma-component .b-steps.is-medium .steps .step-items .step-item::after, .Bulma-component .b-steps.is-medium .steps .step-items .step-item:not(:first-child)::before { top: 18px; } } .Bulma-component .b-steps.is-medium.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-medium.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-medium.is-vertical > .steps.has-label-right .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-medium.is-vertical > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(18px - 0.1em); } .Bulma-component .b-steps.is-medium.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-medium.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-medium.is-vertical > .steps.has-label-left .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-medium.is-vertical > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(18px - 0.1em); } .Bulma-component .b-steps.is-medium.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-medium.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-medium.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-medium.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(18px - 0.1em); } .Bulma-component .b-steps.is-medium.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-medium.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-medium.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-medium.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(18px - 0.1em); } .Bulma-component .b-steps.is-large .steps { font-size: 24px; min-height: 48px; } .Bulma-component .b-steps.is-large .steps .step-items .step-item .step-marker { height: 48px; width: 48px; } .Bulma-component .b-steps.is-large .steps .step-items .step-item .step-marker .icon *, .Bulma-component .b-steps.is-large .steps .step-items .step-item .step-marker .icon *:before { font-size: 24px; } .Bulma-component .b-steps.is-large .steps .step-items .step-item .step-details .step-title { font-size: 28.8px; font-weight: 600; line-height: 24px; } .Bulma-component .b-steps.is-large .steps .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-large .steps .step-items .step-item:only-child::before { height: 0.2em; top: 24px; } .Bulma-component .b-steps.is-large .steps .step-items .step-item:only-child::after { top: 24px; } @media screen and (max-width: 767px) { .Bulma-component .b-steps.is-large .steps .step-items .step-item::before, .Bulma-component .b-steps.is-large .steps .step-items .step-item::after, .Bulma-component .b-steps.is-large .steps .step-items .step-item:not(:first-child)::before { top: 24px; } } .Bulma-component .b-steps.is-large.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-large.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-large.is-vertical > .steps.has-label-right .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-large.is-vertical > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(24px - 0.1em); } .Bulma-component .b-steps.is-large.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-large.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-large.is-vertical > .steps.has-label-left .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-large.is-vertical > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(24px - 0.1em); } .Bulma-component .b-steps.is-large.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-large.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-large.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-large.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(24px - 0.1em); } .Bulma-component .b-steps.is-large.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-large.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .Bulma-component .b-steps.is-large.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-large.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(24px - 0.1em); } .Bulma-component .b-steps.is-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .Bulma-component .b-steps.is-vertical > .steps .step-items { height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom-color: transparent; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1em 0; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #1064f4)); background: linear-gradient(to top, #f7f7f7 50%, #1064f4 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-white::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-white::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #FFFFFF)); background: linear-gradient(to top, #f7f7f7 50%, #FFFFFF 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-black::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-black::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #000000)); background: linear-gradient(to top, #f7f7f7 50%, #000000 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-light::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-light::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, whitesmoke)); background: linear-gradient(to top, #f7f7f7 50%, whitesmoke 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-dark::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-dark::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #363636)); background: linear-gradient(to top, #f7f7f7 50%, #363636 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-primary::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-primary::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #1064f4)); background: linear-gradient(to top, #f7f7f7 50%, #1064f4 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-link::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-link::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #1064f4)); background: linear-gradient(to top, #f7f7f7 50%, #1064f4 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-info::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-info::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #24c9fd)); background: linear-gradient(to top, #f7f7f7 50%, #24c9fd 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-success::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-success::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #027d3f)); background: linear-gradient(to top, #f7f7f7 50%, #027d3f 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-warning::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-warning::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #ffbf00)); background: linear-gradient(to top, #f7f7f7 50%, #ffbf00 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-danger::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-danger::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #ba1b1b)); background: linear-gradient(to top, #f7f7f7 50%, #ba1b1b 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #1064f4)); background: linear-gradient(to top, #f7f7f7 50%, #1064f4 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-d20::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-d20::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #0c4ec3)); background: linear-gradient(to top, #f7f7f7 50%, #0c4ec3 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-d30::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-d30::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #0b45ab)); background: linear-gradient(to top, #f7f7f7 50%, #0b45ab 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-l20::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-l20::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #3f81f6)); background: linear-gradient(to top, #f7f7f7 50%, #3f81f6 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-l70::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-l70::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #b7d0fc)); background: linear-gradient(to top, #f7f7f7 50%, #b7d0fc 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-l80::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-l80::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #cfe0fd)); background: linear-gradient(to top, #f7f7f7 50%, #cfe0fd 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-l90::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-l90::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #e9f1fe)); background: linear-gradient(to top, #f7f7f7 50%, #e9f1fe 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-l95::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-l95::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f3f7ff)); background: linear-gradient(to top, #f7f7f7 50%, #f3f7ff 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #0f0f0f)); background: linear-gradient(to top, #f7f7f7 50%, #0f0f0f 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral-l20::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral-l20::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #3f3f3f)); background: linear-gradient(to top, #f7f7f7 50%, #3f3f3f 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral-l40::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral-l40::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #6f6f6f)); background: linear-gradient(to top, #f7f7f7 50%, #6f6f6f 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral-l50::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral-l50::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #878787)); background: linear-gradient(to top, #f7f7f7 50%, #878787 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral-l90::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral-l90::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #e7e7e7)); background: linear-gradient(to top, #f7f7f7 50%, #e7e7e7 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral-l95::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral-l95::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f7f7f7)); background: linear-gradient(to top, #f7f7f7 50%, #f7f7f7 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral-light::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-neutral-light::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #ffffff)); background: linear-gradient(to top, #f7f7f7 50%, #ffffff 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #ba1b1b)); background: linear-gradient(to top, #f7f7f7 50%, #ba1b1b 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error-d20::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error-d20::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #951616)); background: linear-gradient(to top, #f7f7f7 50%, #951616 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error-l20::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error-l20::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #c84949)); background: linear-gradient(to top, #f7f7f7 50%, #c84949 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error-l70::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error-l70::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #eabbbb)); background: linear-gradient(to top, #f7f7f7 50%, #eabbbb 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error-l80::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error-l80::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f1d1d1)); background: linear-gradient(to top, #f7f7f7 50%, #f1d1d1 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error-l90::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error-l90::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f8e8e8)); background: linear-gradient(to top, #f7f7f7 50%, #f8e8e8 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error-l95::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-error-l95::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #fcf4f4)); background: linear-gradient(to top, #f7f7f7 50%, #fcf4f4 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-info-d30::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-info-d30::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #167998)); background: linear-gradient(to top, #f7f7f7 50%, #167998 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-info-l95::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-info-l95::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #edfbff)); background: linear-gradient(to top, #f7f7f7 50%, #edfbff 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-success-d30::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-success-d30::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #01582c)); background: linear-gradient(to top, #f7f7f7 50%, #01582c 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-success-l95::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-success-l95::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #ebf5f0)); background: linear-gradient(to top, #f7f7f7 50%, #ebf5f0 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-warning-d30::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-warning-d30::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #806000)); background: linear-gradient(to top, #f7f7f7 50%, #806000 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-warning-l95::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-warning-l95::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #fffaeb)); background: linear-gradient(to top, #f7f7f7 50%, #fffaeb 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #0e9ca6)); background: linear-gradient(to top, #f7f7f7 50%, #0e9ca6 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2-d20::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2-d20::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #0b7d85)); background: linear-gradient(to top, #f7f7f7 50%, #0b7d85 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2-l20::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2-l20::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #3eb0b8)); background: linear-gradient(to top, #f7f7f7 50%, #3eb0b8 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2-l70::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2-l70::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #b7e1e4)); background: linear-gradient(to top, #f7f7f7 50%, #b7e1e4 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2-l80::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2-l80::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #cfebed)); background: linear-gradient(to top, #f7f7f7 50%, #cfebed 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2-l90::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2-l90::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #eef8f9)); background: linear-gradient(to top, #f7f7f7 50%, #eef8f9 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2-l95::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-2-l95::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f8fcfc)); background: linear-gradient(to top, #f7f7f7 50%, #f8fcfc 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #e2583f)); background: linear-gradient(to top, #f7f7f7 50%, #e2583f 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3-d20::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3-d20::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #b54632)); background: linear-gradient(to top, #f7f7f7 50%, #b54632 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3-l20::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3-l20::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #e87965)); background: linear-gradient(to top, #f7f7f7 50%, #e87965 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3-l70::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3-l70::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f6cdc5)); background: linear-gradient(to top, #f7f7f7 50%, #f6cdc5 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3-l80::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3-l80::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #f9ded9)); background: linear-gradient(to top, #f7f7f7 50%, #f9ded9 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3-l90::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3-l90::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #fceeec)); background: linear-gradient(to top, #f7f7f7 50%, #fceeec 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3-l95::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-brand-3-l95::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f7f7), color-stop(50%, #fef7f5)); background: linear-gradient(to top, #f7f7f7 50%, #fef7f5 50%); background-size: 100% 200%; background-position: left bottom; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item:not(:first-child)::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item:only-child::before { height: 100%; width: 0.2em; top: -50%; left: calc(50% - 0.1em); } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-active::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-active::after, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-previous::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item.is-previous::after { background-position: right top; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item:only-child::before { top: 50%; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item:only-child::after { width: 0.2em; top: auto; bottom: 50%; } .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item:only-child::before, .Bulma-component .b-steps.is-vertical > .steps .step-items .step-item:only-child::after { height: 25%; } .Bulma-component .b-steps.is-vertical > .steps.has-label-right .step-items .step-item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .Bulma-component .b-steps.is-vertical > .steps.has-label-left .step-items .step-item { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .Bulma-component .b-steps.is-vertical > .steps:not(.has-label-right):not(.has-label-left) .step-items .step-item .step-link > .step-details { background-color: #FFFFFF; } .Bulma-component .b-steps.is-vertical > .step-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .Bulma-component .b-steps.is-vertical > .step-navigation { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .Bulma-component .b-steps.is-vertical.is-right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media screen and (max-width: 767px) { .Bulma-component .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item:not(.is-active) { display: none; } .Bulma-component .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item::before, .Bulma-component .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item::after, .Bulma-component .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item:not(:first-child)::before { content: " "; display: block; position: absolute; height: 0.2em; width: 25%; bottom: 0; left: 50%; } .Bulma-component .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item::before, .Bulma-component .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item:not(:first-child)::before { right: 50%; left: auto; } .Bulma-component .b-steps:not(.is-vertical) .steps.mobile-compact .step-items .step-item:not(.is-active) .step-details { display: none; } } .Bulma-component .switch { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-right: 0.5em; } .Bulma-component .switch + .switch:last-child { margin-right: 0; } .Bulma-component .switch input[type=checkbox] { position: absolute; left: 0; opacity: 0; outline: none; z-index: -1; } .Bulma-component .switch input[type=checkbox] + .check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 2.75em; height: 1.575em; padding: 0.2em; background: #e7e7e7; border-radius: 8px; -webkit-transition: background 150ms ease-out, -webkit-box-shadow 150ms ease-out; transition: background 150ms ease-out, -webkit-box-shadow 150ms ease-out; transition: background 150ms ease-out, box-shadow 150ms ease-out; transition: background 150ms ease-out, box-shadow 150ms ease-out, -webkit-box-shadow 150ms ease-out; } .Bulma-component .switch input[type=checkbox] + .check.is-white-passive, .Bulma-component .switch input[type=checkbox] + .check:hover { background: #FFFFFF; } .Bulma-component .switch input[type=checkbox] + .check.input[type=checkbox] + .Bulma-component .switch input[type=checkbox] + .check.check { background: "pink"; } .Bulma-component .switch input[type=checkbox] + .check.is-black-passive, .Bulma-component .switch input[type=checkbox] + .check:hover { background: #000000; } .Bulma-component .switch input[type=checkbox] + .check.input[type=checkbox] + .Bulma-component .switch input[type=checkbox] + .check.check { background: "pink"; } .Bulma-component .switch input[type=checkbox] + .check.is-light-passive, .Bulma-component .switch input[type=checkbox] + .check:hover { background: whitesmoke; } .Bulma-component .switch input[type=checkbox] + .check.input[type=checkbox] + .Bulma-component .switch input[type=checkbox] + .check.check { background: "pink"; } .Bulma-component .switch input[type=checkbox] + .check.is-dark-passive, .Bulma-component .switch input[type=checkbox] + .check:hover { background: #363636; } .Bulma-component .switch input[type=checkbox] + .check.input[type=checkbox] + .Bulma-component .switch input[type=checkbox] + .check.check { background: "pink"; } .Bulma-component .switch input[type=checkbox] + .check.is-primary-passive, .Bulma-component .switch input[type=checkbox] + .check:hover { background: #1064f4; } .Bulma-component .switch input[type=checkbox] + .check.input[type=checkbox] + .Bulma-component .switch input[type=checkbox] + .check.check { background: "pink"; } .Bulma-component .switch input[type=checkbox] + .check.is-link-passive, .Bulma-component .switch input[type=checkbox] + .check:hover { background: #1064f4; } .Bulma-component .switch input[type=checkbox] + .check.input[type=checkbox] + .Bulma-component .switch input[type=checkbox] + .check.check { background: "pink"; } .Bulma-component .switch input[type=checkbox] + .check.is-info-passive, .Bulma-component .switch input[type=checkbox] + .check:hover { background: #24c9fd; } .Bulma-component .switch input[type=checkbox] + .check.input[type=checkbox] + .Bulma-component .switch input[type=checkbox] + .check.check { background: "pink"; } .Bulma-component .switch input[type=checkbox] + .check.is-success-passive, .Bulma-component .switch input[type=checkbox] + .check:hover { background: #027d3f; } .Bulma-component .switch input[type=checkbox] + .check.input[type=checkbox] + .Bulma-component .switch input[type=checkbox] + .check.check { background: "pink"; } .Bulma-component .switch input[type=checkbox] + .check.is-warning-passive, .Bulma-component .switch input[type=checkbox] + .check:hover { background: #ffbf00; } .Bulma-component .switch input[type=checkbox] + .check.input[type=checkbox] + .Bulma-component .switch input[type=checkbox] + .check.check { background: "pink"; } .Bulma-component .switch input[type=checkbox] + .check.is-danger-passive, .Bulma-component .switch input[type=checkbox] + .check:hover { background: #ba1b1b; } .Bulma-component .switch input[type=checkbox] + .check.input[type=checkbox] + .Bulma-component .switch input[type=checkbox] + .check.check { background: "pink"; } .Bulma-component .switch input[type=checkbox] + .check:before { content: ""; display: block; border-radius: 8px; width: 1.175em; height: 1.175em; background: whitesmoke; -webkit-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05); -webkit-transition: -webkit-transform 150ms ease-out; transition: -webkit-transform 150ms ease-out; transition: transform 150ms ease-out; transition: transform 150ms ease-out, -webkit-transform 150ms ease-out; will-change: transform; -webkit-transform-origin: left; transform-origin: left; } .Bulma-component .switch input[type=checkbox] + .check.is-elastic:before { -webkit-transform: scaleX(1.5); transform: scaleX(1.5); border-radius: 8px; } .Bulma-component .switch input[type=checkbox]:checked + .check { background: #1064f4; } .Bulma-component .switch input[type=checkbox]:checked + .check.is-white { background: #FFFFFF; } .Bulma-component .switch input[type=checkbox]:checked + .check.is-black { background: #000000; } .Bulma-component .switch input[type=checkbox]:checked + .check.is-light { background: whitesmoke; } .Bulma-component .switch input[type=checkbox]:checked + .check.is-dark { background: #363636; } .Bulma-component .switch input[type=checkbox]:checked + .check.is-primary { background: #1064f4; } .Bulma-component .switch input[type=checkbox]:checked + .check.is-link { background: #1064f4; } .Bulma-component .switch input[type=checkbox]:checked + .check.is-info { background: #24c9fd; } .Bulma-component .switch input[type=checkbox]:checked + .check.is-success { background: #027d3f; } .Bulma-component .switch input[type=checkbox]:checked + .check.is-warning { background: #ffbf00; } .Bulma-component .switch input[type=checkbox]:checked + .check.is-danger { background: #ba1b1b; } .Bulma-component .switch input[type=checkbox]:checked + .check:before { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .Bulma-component .switch input[type=checkbox]:checked + .check.is-elastic:before { -webkit-transform: translate3d(50%, 0, 0) scaleX(1.5); transform: translate3d(50%, 0, 0) scaleX(1.5); } .Bulma-component .switch input[type=checkbox]:focus, .Bulma-component .switch input[type=checkbox]:active { outline: none; } .Bulma-component .switch input[type=checkbox]:focus + .check, .Bulma-component .switch input[type=checkbox]:active + .check { -webkit-box-shadow: 0 0 0.5em rgba(135, 135, 135, 0.6); box-shadow: 0 0 0.5em rgba(135, 135, 135, 0.6); } .Bulma-component .switch input[type=checkbox]:focus + .check.is-white-passive, .Bulma-component .switch input[type=checkbox]:active + .check.is-white-passive { -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); } .Bulma-component .switch input[type=checkbox]:focus + .check.is-black-passive, .Bulma-component .switch input[type=checkbox]:active + .check.is-black-passive { -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8); box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8); } .Bulma-component .switch input[type=checkbox]:focus + .check.is-light-passive, .Bulma-component .switch input[type=checkbox]:active + .check.is-light-passive { -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8); box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8); } .Bulma-component .switch input[type=checkbox]:focus + .check.is-dark-passive, .Bulma-component .switch input[type=checkbox]:active + .check.is-dark-passive { -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8); box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8); } .Bulma-component .switch input[type=checkbox]:focus + .check.is-primary-passive, .Bulma-component .switch input[type=checkbox]:active + .check.is-primary-passive { -webkit-box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); } .Bulma-component .switch input[type=checkbox]:focus + .check.is-link-passive, .Bulma-component .switch input[type=checkbox]:active + .check.is-link-passive { -webkit-box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); } .Bulma-component .switch input[type=checkbox]:focus + .check.is-info-passive, .Bulma-component .switch input[type=checkbox]:active + .check.is-info-passive { -webkit-box-shadow: 0 0 0.5em rgba(36, 201, 253, 0.8); box-shadow: 0 0 0.5em rgba(36, 201, 253, 0.8); } .Bulma-component .switch input[type=checkbox]:focus + .check.is-success-passive, .Bulma-component .switch input[type=checkbox]:active + .check.is-success-passive { -webkit-box-shadow: 0 0 0.5em rgba(2, 125, 63, 0.8); box-shadow: 0 0 0.5em rgba(2, 125, 63, 0.8); } .Bulma-component .switch input[type=checkbox]:focus + .check.is-warning-passive, .Bulma-component .switch input[type=checkbox]:active + .check.is-warning-passive { -webkit-box-shadow: 0 0 0.5em rgba(255, 191, 0, 0.8); box-shadow: 0 0 0.5em rgba(255, 191, 0, 0.8); } .Bulma-component .switch input[type=checkbox]:focus + .check.is-danger-passive, .Bulma-component .switch input[type=checkbox]:active + .check.is-danger-passive { -webkit-box-shadow: 0 0 0.5em rgba(186, 27, 27, 0.8); box-shadow: 0 0 0.5em rgba(186, 27, 27, 0.8); } .Bulma-component .switch input[type=checkbox]:focus:checked + .check, .Bulma-component .switch input[type=checkbox]:active:checked + .check { -webkit-box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); } .Bulma-component .switch input[type=checkbox]:focus:checked + .check.is-white, .Bulma-component .switch input[type=checkbox]:active:checked + .check.is-white { -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); } .Bulma-component .switch input[type=checkbox]:focus:checked + .check.is-black, .Bulma-component .switch input[type=checkbox]:active:checked + .check.is-black { -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8); box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8); } .Bulma-component .switch input[type=checkbox]:focus:checked + .check.is-light, .Bulma-component .switch input[type=checkbox]:active:checked + .check.is-light { -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8); box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8); } .Bulma-component .switch input[type=checkbox]:focus:checked + .check.is-dark, .Bulma-component .switch input[type=checkbox]:active:checked + .check.is-dark { -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8); box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8); } .Bulma-component .switch input[type=checkbox]:focus:checked + .check.is-primary, .Bulma-component .switch input[type=checkbox]:active:checked + .check.is-primary { -webkit-box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); } .Bulma-component .switch input[type=checkbox]:focus:checked + .check.is-link, .Bulma-component .switch input[type=checkbox]:active:checked + .check.is-link { -webkit-box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); box-shadow: 0 0 0.5em rgba(16, 100, 244, 0.8); } .Bulma-component .switch input[type=checkbox]:focus:checked + .check.is-info, .Bulma-component .switch input[type=checkbox]:active:checked + .check.is-info { -webkit-box-shadow: 0 0 0.5em rgba(36, 201, 253, 0.8); box-shadow: 0 0 0.5em rgba(36, 201, 253, 0.8); } .Bulma-component .switch input[type=checkbox]:focus:checked + .check.is-success, .Bulma-component .switch input[type=checkbox]:active:checked + .check.is-success { -webkit-box-shadow: 0 0 0.5em rgba(2, 125, 63, 0.8); box-shadow: 0 0 0.5em rgba(2, 125, 63, 0.8); } .Bulma-component .switch input[type=checkbox]:focus:checked + .check.is-warning, .Bulma-component .switch input[type=checkbox]:active:checked + .check.is-warning { -webkit-box-shadow: 0 0 0.5em rgba(255, 191, 0, 0.8); box-shadow: 0 0 0.5em rgba(255, 191, 0, 0.8); } .Bulma-component .switch input[type=checkbox]:focus:checked + .check.is-danger, .Bulma-component .switch input[type=checkbox]:active:checked + .check.is-danger { -webkit-box-shadow: 0 0 0.5em rgba(186, 27, 27, 0.8); box-shadow: 0 0 0.5em rgba(186, 27, 27, 0.8); } .Bulma-component .switch.has-left-label { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .Bulma-component .switch.has-left-label .control-label { padding-right: calc(0.75em - 1px); } .Bulma-component .switch:not(.has-left-label) .control-label { padding-left: calc(0.75em - 1px); } .Bulma-component .switch:hover input[type=checkbox] + .check { background: rgba(231, 231, 231, 0.9); } .Bulma-component .switch:hover input[type=checkbox] + .check.is-white-passive { background: rgba(255, 255, 255, 0.9); } .Bulma-component .switch:hover input[type=checkbox] + .check.is-black-passive { background: rgba(0, 0, 0, 0.9); } .Bulma-component .switch:hover input[type=checkbox] + .check.is-light-passive { background: rgba(245, 245, 245, 0.9); } .Bulma-component .switch:hover input[type=checkbox] + .check.is-dark-passive { background: rgba(54, 54, 54, 0.9); } .Bulma-component .switch:hover input[type=checkbox] + .check.is-primary-passive { background: rgba(16, 100, 244, 0.9); } .Bulma-component .switch:hover input[type=checkbox] + .check.is-link-passive { background: rgba(16, 100, 244, 0.9); } .Bulma-component .switch:hover input[type=checkbox] + .check.is-info-passive { background: rgba(36, 201, 253, 0.9); } .Bulma-component .switch:hover input[type=checkbox] + .check.is-success-passive { background: rgba(2, 125, 63, 0.9); } .Bulma-component .switch:hover input[type=checkbox] + .check.is-warning-passive { background: rgba(255, 191, 0, 0.9); } .Bulma-component .switch:hover input[type=checkbox] + .check.is-danger-passive { background: rgba(186, 27, 27, 0.9); } .Bulma-component .switch:hover input[type=checkbox]:checked + .check { background: rgba(16, 100, 244, 0.9); } .Bulma-component .switch:hover input[type=checkbox]:checked + .check.is-white { background: rgba(255, 255, 255, 0.9); } .Bulma-component .switch:hover input[type=checkbox]:checked + .check.is-black { background: rgba(0, 0, 0, 0.9); } .Bulma-component .switch:hover input[type=checkbox]:checked + .check.is-light { background: rgba(245, 245, 245, 0.9); } .Bulma-component .switch:hover input[type=checkbox]:checked + .check.is-dark { background: rgba(54, 54, 54, 0.9); } .Bulma-component .switch:hover input[type=checkbox]:checked + .check.is-primary { background: rgba(16, 100, 244, 0.9); } .Bulma-component .switch:hover input[type=checkbox]:checked + .check.is-link { background: rgba(16, 100, 244, 0.9); } .Bulma-component .switch:hover input[type=checkbox]:checked + .check.is-info { background: rgba(36, 201, 253, 0.9); } .Bulma-component .switch:hover input[type=checkbox]:checked + .check.is-success { background: rgba(2, 125, 63, 0.9); } .Bulma-component .switch:hover input[type=checkbox]:checked + .check.is-warning { background: rgba(255, 191, 0, 0.9); } .Bulma-component .switch:hover input[type=checkbox]:checked + .check.is-danger { background: rgba(186, 27, 27, 0.9); } .Bulma-component .switch.is-rounded input[type=checkbox] + .check { border-radius: 9999px; } .Bulma-component .switch.is-rounded input[type=checkbox] + .check:before { border-radius: 9999px; } .Bulma-component .switch.is-rounded input[type=checkbox].is-elastic:before { -webkit-transform: scaleX(1.5); transform: scaleX(1.5); border-radius: 9999px; } .Bulma-component .switch.is-outlined input[type=checkbox] + .check { background: transparent; border: 0.1rem solid #e7e7e7; } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-white-passive { border: 0.1rem solid rgba(255, 255, 255, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-white-passive:before { background: #FFFFFF; } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-white-passive:hover { border-color: rgba(255, 255, 255, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-black-passive { border: 0.1rem solid rgba(0, 0, 0, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-black-passive:before { background: #000000; } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-black-passive:hover { border-color: rgba(0, 0, 0, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-light-passive { border: 0.1rem solid rgba(245, 245, 245, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-light-passive:before { background: whitesmoke; } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-light-passive:hover { border-color: rgba(245, 245, 245, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-dark-passive { border: 0.1rem solid rgba(54, 54, 54, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-dark-passive:before { background: #363636; } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-dark-passive:hover { border-color: rgba(54, 54, 54, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-primary-passive { border: 0.1rem solid rgba(16, 100, 244, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-primary-passive:before { background: #1064f4; } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-primary-passive:hover { border-color: rgba(16, 100, 244, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-link-passive { border: 0.1rem solid rgba(16, 100, 244, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-link-passive:before { background: #1064f4; } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-link-passive:hover { border-color: rgba(16, 100, 244, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-info-passive { border: 0.1rem solid rgba(36, 201, 253, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-info-passive:before { background: #24c9fd; } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-info-passive:hover { border-color: rgba(36, 201, 253, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-success-passive { border: 0.1rem solid rgba(2, 125, 63, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-success-passive:before { background: #027d3f; } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-success-passive:hover { border-color: rgba(2, 125, 63, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-warning-passive { border: 0.1rem solid rgba(255, 191, 0, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-warning-passive:before { background: #ffbf00; } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-warning-passive:hover { border-color: rgba(255, 191, 0, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-danger-passive { border: 0.1rem solid rgba(186, 27, 27, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-danger-passive:before { background: #ba1b1b; } .Bulma-component .switch.is-outlined input[type=checkbox] + .check.is-danger-passive:hover { border-color: rgba(186, 27, 27, 0.9); } .Bulma-component .switch.is-outlined input[type=checkbox] + .check:before { background: #e7e7e7; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check { border-color: #1064f4; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-white { background: transparent; border-color: #FFFFFF; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-white:before { background: #FFFFFF; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-black { background: transparent; border-color: #000000; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-black:before { background: #000000; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-light { background: transparent; border-color: whitesmoke; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-light:before { background: whitesmoke; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-dark { background: transparent; border-color: #363636; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-dark:before { background: #363636; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-primary { background: transparent; border-color: #1064f4; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-primary:before { background: #1064f4; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-link { background: transparent; border-color: #1064f4; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-link:before { background: #1064f4; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-info { background: transparent; border-color: #24c9fd; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-info:before { background: #24c9fd; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-success { background: transparent; border-color: #027d3f; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-success:before { background: #027d3f; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-warning { background: transparent; border-color: #ffbf00; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-warning:before { background: #ffbf00; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-danger { background: transparent; border-color: #ba1b1b; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check.is-danger:before { background: #ba1b1b; } .Bulma-component .switch.is-outlined input[type=checkbox]:checked + .check:before { background: #1064f4; } .Bulma-component .switch.is-outlined:hover input[type=checkbox] + .check { background: transparent; border-color: rgba(231, 231, 231, 0.9); } .Bulma-component .switch.is-outlined:hover input[type=checkbox]:checked + .check { background: transparent; border-color: rgba(16, 100, 244, 0.9); } .Bulma-component .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-white { border-color: rgba(255, 255, 255, 0.9); } .Bulma-component .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-black { border-color: rgba(0, 0, 0, 0.9); } .Bulma-component .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-light { border-color: rgba(245, 245, 245, 0.9); } .Bulma-component .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-dark { border-color: rgba(54, 54, 54, 0.9); } .Bulma-component .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-primary { border-color: rgba(16, 100, 244, 0.9); } .Bulma-component .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-link { border-color: rgba(16, 100, 244, 0.9); } .Bulma-component .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-info { border-color: rgba(36, 201, 253, 0.9); } .Bulma-component .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-success { border-color: rgba(2, 125, 63, 0.9); } .Bulma-component .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-warning { border-color: rgba(255, 191, 0, 0.9); } .Bulma-component .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-danger { border-color: rgba(186, 27, 27, 0.9); } .Bulma-component .switch.is-small { border-radius: 2px; font-size: 14px; } .Bulma-component .switch.is-medium { font-size: 18px; } .Bulma-component .switch.is-large { font-size: 24px; } .Bulma-component .switch[disabled] { opacity: 0.5; cursor: not-allowed; color: #878787; } .Bulma-component .table-wrapper .table { margin-bottom: 0; } .Bulma-component .table-wrapper:not(:last-child) { margin-bottom: 1.5rem; } @media screen and (max-width: 991px) { .Bulma-component .table-wrapper { overflow-x: auto; } } .Bulma-component .b-table { -webkit-transition: opacity 86ms ease-out; transition: opacity 86ms ease-out; } @media screen and (min-width: 768px), print { .Bulma-component .b-table .table-mobile-sort { display: none; } } .Bulma-component .b-table .icon { -webkit-transition: opacity 86ms ease-out, -webkit-transform 150ms ease-out; transition: opacity 86ms ease-out, -webkit-transform 150ms ease-out; transition: transform 150ms ease-out, opacity 86ms ease-out; transition: transform 150ms ease-out, opacity 86ms ease-out, -webkit-transform 150ms ease-out; } .Bulma-component .b-table .icon.is-desc { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .Bulma-component .b-table .icon.is-expanded { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .Bulma-component .b-table .sort-icon.icon.is-desc { -webkit-transform: rotate(180deg) translateY(-50%) !important; transform: rotate(180deg) translateY(-50%) !important; } .Bulma-component .b-table .table { width: 100%; border: 1px solid transparent; border-radius: 8px; border-collapse: separate; } .Bulma-component .b-table .table th { font-weight: 600; } .Bulma-component .b-table .table th .th-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .Bulma-component .b-table .table th .th-wrap .icon { margin-left: 0.5rem; margin-right: 0; font-size: 1rem; } .Bulma-component .b-table .table th .th-wrap.is-numeric { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; width: 95%; } .Bulma-component .b-table .table th .th-wrap.is-numeric .icon { margin-left: 0; margin-right: 0.5rem; } .Bulma-component .b-table .table th .th-wrap.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .Bulma-component .b-table .table th.is-current-sort { border-color: #878787; font-weight: 700; } .Bulma-component .b-table .table th.is-sortable:hover { border-color: #878787; } .Bulma-component .b-table .table th.is-sortable, .Bulma-component .b-table .table th.is-sortable .th-wrap { cursor: pointer; } .Bulma-component .b-table .table th.is-sortable .is-relative, .Bulma-component .b-table .table th.is-sortable .th-wrap .is-relative { position: absolute; } .Bulma-component .b-table .table th .sort-icon, .Bulma-component .b-table .table th .multi-sort-cancel-icon { position: absolute; bottom: 50%; left: 100%; -webkit-transform: translateY(50%); transform: translateY(50%); } .Bulma-component .b-table .table th .multi-sort-cancel-icon { margin-left: 10px; } .Bulma-component .b-table .table th.is-sticky { position: sticky; left: 0; z-index: 3 !important; background: transparent; } .Bulma-component .b-table .table tr.is-selected .checkbox input:checked + .check { background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%231064f4' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; } .Bulma-component .b-table .table tr.is-selected .checkbox input + .check { border-color: #fff; } .Bulma-component .b-table .table tr.is-empty:hover { background-color: transparent; } .Bulma-component .b-table .table .chevron-cell { vertical-align: middle; } .Bulma-component .b-table .table .chevron-cell > a { color: #1064f4 !important; } .Bulma-component .b-table .table .checkbox-cell { width: 40px; } .Bulma-component .b-table .table .checkbox-cell .checkbox { vertical-align: middle; } .Bulma-component .b-table .table .checkbox-cell .checkbox .check { -webkit-transition: none; transition: none; } .Bulma-component .b-table .table tr.detail { -webkit-box-shadow: inset 0 1px 3px #f7f7f7; box-shadow: inset 0 1px 3px #f7f7f7; background: #fafafa; } .Bulma-component .b-table .table tr.detail .detail-container { padding: 1rem; } .Bulma-component .b-table .table:focus { border-color: #1064f4; -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component .b-table .table.is-bordered th.is-current-sort, .Bulma-component .b-table .table.is-bordered th.is-sortable:hover { border-color: #f7f7f7; background: whitesmoke; } .Bulma-component .b-table .table td.is-sticky { position: sticky; left: 0; z-index: 1; background: #FFFFFF; } .Bulma-component .b-table .table.is-striped tbody tr:not(.is-selected):nth-child(even) td.is-sticky { background: #fafafa; } .Bulma-component .b-table .level:not(.top) { padding-bottom: 1.5rem; } .Bulma-component .b-table .table-wrapper { position: relative; } .Bulma-component .b-table .table-wrapper.has-sticky-header { height: 300px; overflow-y: auto; } @media screen and (max-width: 767px) { .Bulma-component .b-table .table-wrapper.has-sticky-header.has-mobile-cards { height: initial !important; overflow-y: initial !important; } } .Bulma-component .b-table .table-wrapper.has-sticky-header tr:first-child th { position: sticky; top: 0; z-index: 2; background: #FFFFFF; } @media screen and (max-width: 767px) { .Bulma-component .b-table .table-wrapper.has-mobile-cards .table { background-color: transparent; } .Bulma-component .b-table .table-wrapper.has-mobile-cards thead tr { -webkit-box-shadow: none; box-shadow: none; border-width: 0; } .Bulma-component .b-table .table-wrapper.has-mobile-cards thead tr th { display: none; } .Bulma-component .b-table .table-wrapper.has-mobile-cards thead tr .checkbox-cell { display: block; width: 100%; text-align: right; margin-bottom: 1rem; border: 0; } .Bulma-component .b-table .table-wrapper.has-mobile-cards tfoot th { border: 0; display: inherit; } .Bulma-component .b-table .table-wrapper.has-mobile-cards tr { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); max-width: 100%; position: relative; display: block; } .Bulma-component .b-table .table-wrapper.has-mobile-cards tr td { border: 0; display: inherit; } .Bulma-component .b-table .table-wrapper.has-mobile-cards tr td:last-child { border-bottom: 0; } .Bulma-component .b-table .table-wrapper.has-mobile-cards tr:not(:last-child) { margin-bottom: 1rem; } .Bulma-component .b-table .table-wrapper.has-mobile-cards tr:not([class*=is-]) { background: #FFFFFF; } .Bulma-component .b-table .table-wrapper.has-mobile-cards tr:not([class*=is-]):hover { background-color: #FFFFFF; } .Bulma-component .b-table .table-wrapper.has-mobile-cards tr.detail { margin-top: -1rem; } .Bulma-component .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: right; border-bottom: 1px solid whitesmoke; } .Bulma-component .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before { content: attr(data-label); font-weight: 600; padding-right: 0.5em; text-align: left; } } .Bulma-component .b-table .table-wrapper.is-card-list .table { background-color: transparent; } .Bulma-component .b-table .table-wrapper.is-card-list thead tr { -webkit-box-shadow: none; box-shadow: none; border-width: 0; } .Bulma-component .b-table .table-wrapper.is-card-list thead tr th { display: none; } .Bulma-component .b-table .table-wrapper.is-card-list thead tr .checkbox-cell { display: block; width: 100%; text-align: right; margin-bottom: 1rem; border: 0; } .Bulma-component .b-table .table-wrapper.is-card-list tfoot th { border: 0; display: inherit; } .Bulma-component .b-table .table-wrapper.is-card-list tr { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); max-width: 100%; position: relative; display: block; } .Bulma-component .b-table .table-wrapper.is-card-list tr td { border: 0; display: inherit; } .Bulma-component .b-table .table-wrapper.is-card-list tr td:last-child { border-bottom: 0; } .Bulma-component .b-table .table-wrapper.is-card-list tr:not(:last-child) { margin-bottom: 1rem; } .Bulma-component .b-table .table-wrapper.is-card-list tr:not([class*=is-]) { background: #FFFFFF; } .Bulma-component .b-table .table-wrapper.is-card-list tr:not([class*=is-]):hover { background-color: #FFFFFF; } .Bulma-component .b-table .table-wrapper.is-card-list tr.detail { margin-top: -1rem; } .Bulma-component .b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: right; border-bottom: 1px solid whitesmoke; } .Bulma-component .b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td:before { content: attr(data-label); font-weight: 600; padding-right: 0.5em; text-align: left; } .Bulma-component .b-tabs .tabs { margin-bottom: 0; -ms-flex-negative: 0; flex-shrink: 0; } .Bulma-component .b-tabs .tabs li a:focus { outline: none; border-bottom-color: #1064f4; } .Bulma-component .b-tabs .tabs li:not(.is-active) a:focus { border-bottom-color: #363636; } .Bulma-component .b-tabs .tabs li.is-disabled { pointer-events: none; cursor: not-allowed; opacity: 0.5; } .Bulma-component .b-tabs .tabs.is-boxed li a:focus { background-color: #FFFFFF; border-bottom-color: transparent; } .Bulma-component .b-tabs .tabs.is-boxed li:not(.is-active) a:focus { background-color: whitesmoke; border-bottom-color: #dbdbdb; } .Bulma-component .b-tabs .tabs.is-toggle li a:focus { background-color: #1064f4; border-color: #1064f4; } .Bulma-component .b-tabs .tabs.is-toggle li:not(.is-active) a:focus { background-color: whitesmoke; border-color: #b5b5b5; } .Bulma-component .b-tabs .tab-content { position: relative; overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 1rem; } .Bulma-component .b-tabs .tab-content .tab-item { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; } .Bulma-component .b-tabs .tab-content .tab-item:focus { outline: none; } .Bulma-component .b-tabs .tab-content.is-transitioning { overflow: hidden; } .Bulma-component .b-tabs:not(:last-child) { margin-bottom: 1.5rem; } .Bulma-component .b-tabs.is-fullwidth { width: 100%; } .Bulma-component .b-tabs.is-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .Bulma-component .b-tabs.is-vertical > .tabs ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom-color: transparent; } .Bulma-component .b-tabs.is-vertical > .tabs ul li { width: 100%; } .Bulma-component .b-tabs.is-vertical > .tabs ul li a { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .Bulma-component .b-tabs.is-vertical > .tabs.is-boxed li a { border-bottom-color: transparent !important; border-right-color: #dbdbdb !important; border-radius: 8px 0 0 8px; } .Bulma-component .b-tabs.is-vertical > .tabs.is-boxed li.is-active a { border-bottom-color: #dbdbdb !important; border-right-color: transparent !important; } .Bulma-component .b-tabs.is-vertical > .tabs.is-toggle li + li { margin-left: 0; } .Bulma-component .b-tabs.is-vertical > .tabs.is-toggle li:first-child a { border-radius: 8px 8px 0 0; } .Bulma-component .b-tabs.is-vertical > .tabs.is-toggle li:last-child a { border-radius: 0 0 8px 8px; } .Bulma-component .b-tabs.is-vertical > .tabs.is-fullwidth li a { height: 100%; } .Bulma-component .b-tabs.is-vertical > .tab-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .Bulma-component .b-tabs.is-vertical.is-right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .Bulma-component .b-tabs.is-vertical.is-right > .tabs ul a { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .Bulma-component .b-tabs.is-vertical.is-right > .tabs ul a .icon:first-child { margin-right: 0; margin-left: 0.5em; } .Bulma-component .b-tabs.is-vertical.is-right > .tabs.is-boxed li a { border-bottom-color: transparent !important; border-right-color: transparent !important; border-left-color: #dbdbdb !important; border-radius: 0 8px 8px 0; } .Bulma-component .b-tabs.is-vertical.is-right > .tabs.is-boxed li.is-active a { border-bottom-color: #dbdbdb !important; border-right-color: #dbdbdb !important; border-left-color: transparent !important; } .Bulma-component .b-tabs.is-multiline > .tabs ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-negative: 1; flex-shrink: 1; } .Bulma-component .tag .has-ellipsis { max-width: 10em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .Bulma-component .tag .delete.is-success, .Bulma-component .tag.is-delete.is-success, .Bulma-component .tag.has-delete-icon.is-success { background: #ebf5f0; } .Bulma-component .tag .delete.is-success:hover, .Bulma-component .tag.is-delete.is-success:hover, .Bulma-component .tag.has-delete-icon.is-success:hover { background-color: #c9e4d7; text-decoration: none; } .Bulma-component .tag .delete.is-info, .Bulma-component .tag.is-delete.is-info, .Bulma-component .tag.has-delete-icon.is-info { background: #edfbff; } .Bulma-component .tag .delete.is-info:hover, .Bulma-component .tag.is-delete.is-info:hover, .Bulma-component .tag.has-delete-icon.is-info:hover { background-color: #baf0ff; text-decoration: none; } .Bulma-component .tag .delete.is-warning, .Bulma-component .tag.is-delete.is-warning, .Bulma-component .tag.has-delete-icon.is-warning { background: #fffaeb; } .Bulma-component .tag .delete.is-warning:hover, .Bulma-component .tag.is-delete.is-warning:hover, .Bulma-component .tag.has-delete-icon.is-warning:hover { background-color: #ffedb8; text-decoration: none; } .Bulma-component .tag .delete.is-error, .Bulma-component .tag.is-delete.is-error, .Bulma-component .tag.has-delete-icon.is-error { background: #fcf4f4; } .Bulma-component .tag .delete.is-error:hover, .Bulma-component .tag.is-delete.is-error:hover, .Bulma-component .tag.has-delete-icon.is-error:hover { background-color: #f1cccc; text-decoration: none; } .Bulma-component .tag .delete.is-neutral, .Bulma-component .tag.is-delete.is-neutral, .Bulma-component .tag.has-delete-icon.is-neutral { background: #f7f7f7; } .Bulma-component .tag .delete.is-neutral:hover, .Bulma-component .tag.is-delete.is-neutral:hover, .Bulma-component .tag.has-delete-icon.is-neutral:hover { background-color: #dedede; text-decoration: none; } .Bulma-component .tag .delete.is-brand-2, .Bulma-component .tag.is-delete.is-brand-2, .Bulma-component .tag.has-delete-icon.is-brand-2 { background: #f8fcfc; } .Bulma-component .tag .delete.is-brand-2:hover, .Bulma-component .tag.is-delete.is-brand-2:hover, .Bulma-component .tag.has-delete-icon.is-brand-2:hover { background-color: #d4eded; text-decoration: none; } .Bulma-component .tag .delete.is-brand-3, .Bulma-component .tag.is-delete.is-brand-3, .Bulma-component .tag.has-delete-icon.is-brand-3 { background: #fef7f5; } .Bulma-component .tag .delete.is-brand-3:hover, .Bulma-component .tag.is-delete.is-brand-3:hover, .Bulma-component .tag.has-delete-icon.is-brand-3:hover { background-color: #f9d2c7; text-decoration: none; } .Bulma-component .tag.has-delete-icon { padding: 0px; } .Bulma-component .tag.has-delete-icon .icon:first-child:not(:last-child) { margin-right: 0px; margin-left: 0px; } .Bulma-component .taginput .taginput-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component .taginput .taginput-container.is-focusable { padding-bottom: 0; padding-top: calc(0.275em - 1px); padding-left: 0; padding-right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: auto; cursor: text; } .Bulma-component .taginput .taginput-container:not(.is-focusable) { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: auto; } .Bulma-component .taginput .taginput-container:not(.is-focusable).is-small { border-radius: 2px; font-size: 14px; } .Bulma-component .taginput .taginput-container:not(.is-focusable).is-medium { font-size: 18px; } .Bulma-component .taginput .taginput-container:not(.is-focusable).is-large { font-size: 24px; } .Bulma-component .taginput .taginput-container > .tag, .Bulma-component .taginput .taginput-container > .tags { margin-left: 0.275rem; margin-bottom: calc(0.275em - 1px); font-size: 0.9em; height: calc(2em - 1px); } .Bulma-component .taginput .taginput-container > .tag .tag, .Bulma-component .taginput .taginput-container > .tags .tag { margin-bottom: 0; font-size: 0.9em; height: calc(2em - 1px); } .Bulma-component .taginput .taginput-container > .tag .tag.is-delete, .Bulma-component .taginput .taginput-container > .tags .tag.is-delete { width: calc(2em - 1px); } .Bulma-component .taginput .taginput-container .autocomplete { position: static; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .Bulma-component .taginput .taginput-container .autocomplete input { height: calc(2em - 1px); margin-bottom: calc(0.275em - 1px); padding-top: 0; padding-bottom: 0; border: none; -webkit-box-shadow: none; box-shadow: none; min-width: 8em; } .Bulma-component .taginput .taginput-container .autocomplete input:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .Bulma-component .taginput .taginput-container .autocomplete .icon { height: calc(2em - 1px); } .Bulma-component .taginput .taginput-container .autocomplete > .control.is-loading::after { top: 0.375em; } .Bulma-component .timepicker .dropdown-menu { min-width: 0; } .Bulma-component .timepicker .dropdown, .Bulma-component .timepicker .dropdown-trigger { width: 100%; } .Bulma-component .timepicker .dropdown .input[readonly], .Bulma-component .timepicker .dropdown-trigger .input[readonly] { cursor: pointer; -webkit-box-shadow: inset 0 0.0625em 0.125em rgba(0, 0, 0, 0.05); box-shadow: inset 0 0.0625em 0.125em rgba(0, 0, 0, 0.05); } .Bulma-component .timepicker .dropdown .input[readonly]:focus, .Bulma-component .timepicker .dropdown .input[readonly].is-focused, .Bulma-component .timepicker .dropdown .input[readonly]:active, .Bulma-component .timepicker .dropdown .input[readonly].is-active, .Bulma-component .timepicker .dropdown-trigger .input[readonly]:focus, .Bulma-component .timepicker .dropdown-trigger .input[readonly].is-focused, .Bulma-component .timepicker .dropdown-trigger .input[readonly]:active, .Bulma-component .timepicker .dropdown-trigger .input[readonly].is-active { -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component .timepicker .dropdown.is-disabled { opacity: 1; } .Bulma-component .timepicker .dropdown-item, .Bulma-component .timepicker .dropdown .dropdown-menu .has-link a, .Bulma-component .dropdown .dropdown-menu .has-link .timepicker a { font-size: inherit; padding: 0; } .Bulma-component .timepicker .timepicker-footer { padding: 0 0.5rem 0 0.5rem; } .Bulma-component .timepicker .dropdown-content .control { font-size: 1.25em; margin-right: 0 !important; } .Bulma-component .timepicker .dropdown-content .control .select { margin: 0 0.125em; } .Bulma-component .timepicker .dropdown-content .control .select select { font-weight: 600; padding-right: calc(0.75em - 1px); border: 0; } .Bulma-component .timepicker .dropdown-content .control .select select option:disabled { color: rgba(135, 135, 135, 0.7); } .Bulma-component .timepicker .dropdown-content .control .select:after { display: none; } .Bulma-component .timepicker .dropdown-content .control.is-colon { font-size: 1.7em; line-height: 1.7em; } .Bulma-component .timepicker .dropdown-content .control.is-colon:last-child { padding-right: calc(0.75em - 1px); } .Bulma-component .timepicker.is-small { border-radius: 2px; font-size: 14px; } .Bulma-component .timepicker.is-medium { font-size: 18px; } .Bulma-component .timepicker.is-large { font-size: 24px; } .Bulma-component .b-tooltip { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .Bulma-component .b-tooltip.is-top .tooltip-content { top: auto; right: auto; bottom: calc(100% + 5px + 2px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .Bulma-component .b-tooltip.is-top .tooltip-content::before { top: 100%; right: auto; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-top: 5px solid #1064f4; border-right: 5px solid transparent; border-left: 5px solid transparent; } .Bulma-component .b-tooltip.is-top.is-white .tooltip-content::before { border-top-color: #FFFFFF; } .Bulma-component .b-tooltip.is-top.is-black .tooltip-content::before { border-top-color: #000000; } .Bulma-component .b-tooltip.is-top.is-light .tooltip-content::before { border-top-color: whitesmoke; } .Bulma-component .b-tooltip.is-top.is-dark .tooltip-content::before { border-top-color: #363636; } .Bulma-component .b-tooltip.is-top.is-primary .tooltip-content::before { border-top-color: #1064f4; } .Bulma-component .b-tooltip.is-top.is-primary.is-light .tooltip-content::before { border-top-color: #b7d0fc; } .Bulma-component .b-tooltip.is-top.is-link .tooltip-content::before { border-top-color: #1064f4; } .Bulma-component .b-tooltip.is-top.is-link.is-light .tooltip-content::before { border-top-color: #ebf2fe; } .Bulma-component .b-tooltip.is-top.is-info .tooltip-content::before { border-top-color: #24c9fd; } .Bulma-component .b-tooltip.is-top.is-info.is-light .tooltip-content::before { border-top-color: #edfbff; } .Bulma-component .b-tooltip.is-top.is-success .tooltip-content::before { border-top-color: #027d3f; } .Bulma-component .b-tooltip.is-top.is-success.is-light .tooltip-content::before { border-top-color: #ebf5f0; } .Bulma-component .b-tooltip.is-top.is-warning .tooltip-content::before { border-top-color: #ffbf00; } .Bulma-component .b-tooltip.is-top.is-warning.is-light .tooltip-content::before { border-top-color: #fffaeb; } .Bulma-component .b-tooltip.is-top.is-danger .tooltip-content::before { border-top-color: #ba1b1b; } .Bulma-component .b-tooltip.is-top.is-danger.is-light .tooltip-content::before { border-top-color: #eabbbb; } .Bulma-component .b-tooltip.is-top.is-brand .tooltip-content::before { border-top-color: #1064f4; } .Bulma-component .b-tooltip.is-top.is-brand.is-light .tooltip-content::before { border-top-color: #ebf2fe; } .Bulma-component .b-tooltip.is-top.is-brand-d20 .tooltip-content::before { border-top-color: #0c4ec3; } .Bulma-component .b-tooltip.is-top.is-brand-d20.is-light .tooltip-content::before { border-top-color: #ecf2fe; } .Bulma-component .b-tooltip.is-top.is-brand-d30 .tooltip-content::before { border-top-color: #0b45ab; } .Bulma-component .b-tooltip.is-top.is-brand-d30.is-light .tooltip-content::before { border-top-color: #ecf2fe; } .Bulma-component .b-tooltip.is-top.is-brand-l20 .tooltip-content::before { border-top-color: #3f81f6; } .Bulma-component .b-tooltip.is-top.is-brand-l20.is-light .tooltip-content::before { border-top-color: #ecf2fe; } .Bulma-component .b-tooltip.is-top.is-brand-l70 .tooltip-content::before { border-top-color: #b7d0fc; } .Bulma-component .b-tooltip.is-top.is-brand-l70.is-light .tooltip-content::before { border-top-color: #ebf2fe; } .Bulma-component .b-tooltip.is-top.is-brand-l80 .tooltip-content::before { border-top-color: #cfe0fd; } .Bulma-component .b-tooltip.is-top.is-brand-l80.is-light .tooltip-content::before { border-top-color: #ebf2fe; } .Bulma-component .b-tooltip.is-top.is-brand-l90 .tooltip-content::before { border-top-color: #e9f1fe; } .Bulma-component .b-tooltip.is-top.is-brand-l90.is-light .tooltip-content::before { border-top-color: #ebf3fe; } .Bulma-component .b-tooltip.is-top.is-brand-l95 .tooltip-content::before { border-top-color: #f3f7ff; } .Bulma-component .b-tooltip.is-top.is-brand-l95.is-light .tooltip-content::before { border-top-color: #f3f7ff; } .Bulma-component .b-tooltip.is-top.is-neutral .tooltip-content::before { border-top-color: #0f0f0f; } .Bulma-component .b-tooltip.is-top.is-neutral.is-light .tooltip-content::before { border-top-color: whitesmoke; } .Bulma-component .b-tooltip.is-top.is-neutral-l20 .tooltip-content::before { border-top-color: #3f3f3f; } .Bulma-component .b-tooltip.is-top.is-neutral-l20.is-light .tooltip-content::before { border-top-color: whitesmoke; } .Bulma-component .b-tooltip.is-top.is-neutral-l40 .tooltip-content::before { border-top-color: #6f6f6f; } .Bulma-component .b-tooltip.is-top.is-neutral-l40.is-light .tooltip-content::before { border-top-color: whitesmoke; } .Bulma-component .b-tooltip.is-top.is-neutral-l50 .tooltip-content::before { border-top-color: #878787; } .Bulma-component .b-tooltip.is-top.is-neutral-l50.is-light .tooltip-content::before { border-top-color: whitesmoke; } .Bulma-component .b-tooltip.is-top.is-neutral-l90 .tooltip-content::before { border-top-color: #e7e7e7; } .Bulma-component .b-tooltip.is-top.is-neutral-l90.is-light .tooltip-content::before { border-top-color: whitesmoke; } .Bulma-component .b-tooltip.is-top.is-neutral-l95 .tooltip-content::before { border-top-color: #f7f7f7; } .Bulma-component .b-tooltip.is-top.is-neutral-l95.is-light .tooltip-content::before { border-top-color: #f7f7f7; } .Bulma-component .b-tooltip.is-top.is-neutral-light .tooltip-content::before { border-top-color: #ffffff; } .Bulma-component .b-tooltip.is-top.is-neutral-light.is-light .tooltip-content::before { border-top-color: white; } .Bulma-component .b-tooltip.is-top.is-error .tooltip-content::before { border-top-color: #ba1b1b; } .Bulma-component .b-tooltip.is-top.is-error.is-light .tooltip-content::before { border-top-color: #fceded; } .Bulma-component .b-tooltip.is-top.is-error-d20 .tooltip-content::before { border-top-color: #951616; } .Bulma-component .b-tooltip.is-top.is-error-d20.is-light .tooltip-content::before { border-top-color: #fceded; } .Bulma-component .b-tooltip.is-top.is-error-l20 .tooltip-content::before { border-top-color: #c84949; } .Bulma-component .b-tooltip.is-top.is-error-l20.is-light .tooltip-content::before { border-top-color: #faefef; } .Bulma-component .b-tooltip.is-top.is-error-l70 .tooltip-content::before { border-top-color: #eabbbb; } .Bulma-component .b-tooltip.is-top.is-error-l70.is-light .tooltip-content::before { border-top-color: #faefef; } .Bulma-component .b-tooltip.is-top.is-error-l80 .tooltip-content::before { border-top-color: #f1d1d1; } .Bulma-component .b-tooltip.is-top.is-error-l80.is-light .tooltip-content::before { border-top-color: #faefef; } .Bulma-component .b-tooltip.is-top.is-error-l90 .tooltip-content::before { border-top-color: #f8e8e8; } .Bulma-component .b-tooltip.is-top.is-error-l90.is-light .tooltip-content::before { border-top-color: #faefef; } .Bulma-component .b-tooltip.is-top.is-error-l95 .tooltip-content::before { border-top-color: #fcf4f4; } .Bulma-component .b-tooltip.is-top.is-error-l95.is-light .tooltip-content::before { border-top-color: #fcf4f4; } .Bulma-component .b-tooltip.is-top.is-info-d30 .tooltip-content::before { border-top-color: #167998; } .Bulma-component .b-tooltip.is-top.is-info-d30.is-light .tooltip-content::before { border-top-color: #edf9fc; } .Bulma-component .b-tooltip.is-top.is-info-l95 .tooltip-content::before { border-top-color: #edfbff; } .Bulma-component .b-tooltip.is-top.is-info-l95.is-light .tooltip-content::before { border-top-color: #edfbff; } .Bulma-component .b-tooltip.is-top.is-success-d30 .tooltip-content::before { border-top-color: #01582c; } .Bulma-component .b-tooltip.is-top.is-success-d30.is-light .tooltip-content::before { border-top-color: #ebfff5; } .Bulma-component .b-tooltip.is-top.is-success-l95 .tooltip-content::before { border-top-color: #ebf5f0; } .Bulma-component .b-tooltip.is-top.is-success-l95.is-light .tooltip-content::before { border-top-color: #f1f8f5; } .Bulma-component .b-tooltip.is-top.is-warning-d30 .tooltip-content::before { border-top-color: #806000; } .Bulma-component .b-tooltip.is-top.is-warning-d30.is-light .tooltip-content::before { border-top-color: #fffaeb; } .Bulma-component .b-tooltip.is-top.is-warning-l95 .tooltip-content::before { border-top-color: #fffaeb; } .Bulma-component .b-tooltip.is-top.is-warning-l95.is-light .tooltip-content::before { border-top-color: #fffaeb; } .Bulma-component .b-tooltip.is-top.is-brand-2 .tooltip-content::before { border-top-color: #0e9ca6; } .Bulma-component .b-tooltip.is-top.is-brand-2.is-light .tooltip-content::before { border-top-color: #ecfcfd; } .Bulma-component .b-tooltip.is-top.is-brand-2-d20 .tooltip-content::before { border-top-color: #0b7d85; } .Bulma-component .b-tooltip.is-top.is-brand-2-d20.is-light .tooltip-content::before { border-top-color: #ecfcfd; } .Bulma-component .b-tooltip.is-top.is-brand-2-l20 .tooltip-content::before { border-top-color: #3eb0b8; } .Bulma-component .b-tooltip.is-top.is-brand-2-l20.is-light .tooltip-content::before { border-top-color: #f0f9fa; } .Bulma-component .b-tooltip.is-top.is-brand-2-l70 .tooltip-content::before { border-top-color: #b7e1e4; } .Bulma-component .b-tooltip.is-top.is-brand-2-l70.is-light .tooltip-content::before { border-top-color: #f0f9f9; } .Bulma-component .b-tooltip.is-top.is-brand-2-l80 .tooltip-content::before { border-top-color: #cfebed; } .Bulma-component .b-tooltip.is-top.is-brand-2-l80.is-light .tooltip-content::before { border-top-color: #f0f9f9; } .Bulma-component .b-tooltip.is-top.is-brand-2-l90 .tooltip-content::before { border-top-color: #eef8f9; } .Bulma-component .b-tooltip.is-top.is-brand-2-l90.is-light .tooltip-content::before { border-top-color: #f0f9fa; } .Bulma-component .b-tooltip.is-top.is-brand-2-l95 .tooltip-content::before { border-top-color: #f8fcfc; } .Bulma-component .b-tooltip.is-top.is-brand-2-l95.is-light .tooltip-content::before { border-top-color: #f8fcfc; } .Bulma-component .b-tooltip.is-top.is-brand-3 .tooltip-content::before { border-top-color: #e2583f; } .Bulma-component .b-tooltip.is-top.is-brand-3.is-light .tooltip-content::before { border-top-color: #fcf0ed; } .Bulma-component .b-tooltip.is-top.is-brand-3-d20 .tooltip-content::before { border-top-color: #b54632; } .Bulma-component .b-tooltip.is-top.is-brand-3-d20.is-light .tooltip-content::before { border-top-color: #fbf1ef; } .Bulma-component .b-tooltip.is-top.is-brand-3-l20 .tooltip-content::before { border-top-color: #e87965; } .Bulma-component .b-tooltip.is-top.is-brand-3-l20.is-light .tooltip-content::before { border-top-color: #fcf0ed; } .Bulma-component .b-tooltip.is-top.is-brand-3-l70 .tooltip-content::before { border-top-color: #f6cdc5; } .Bulma-component .b-tooltip.is-top.is-brand-3-l70.is-light .tooltip-content::before { border-top-color: #fcf0ed; } .Bulma-component .b-tooltip.is-top.is-brand-3-l80 .tooltip-content::before { border-top-color: #f9ded9; } .Bulma-component .b-tooltip.is-top.is-brand-3-l80.is-light .tooltip-content::before { border-top-color: #fcf0ed; } .Bulma-component .b-tooltip.is-top.is-brand-3-l90 .tooltip-content::before { border-top-color: #fceeec; } .Bulma-component .b-tooltip.is-top.is-brand-3-l90.is-light .tooltip-content::before { border-top-color: #fcefed; } .Bulma-component .b-tooltip.is-top.is-brand-3-l95 .tooltip-content::before { border-top-color: #fef7f5; } .Bulma-component .b-tooltip.is-top.is-brand-3-l95.is-light .tooltip-content::before { border-top-color: #fef7f5; } .Bulma-component .b-tooltip.is-right .tooltip-content { top: 50%; right: auto; bottom: auto; left: calc(100% + 5px + 2px); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .Bulma-component .b-tooltip.is-right .tooltip-content::before { top: 50%; right: 100%; bottom: auto; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: 5px solid transparent; border-right: 5px solid #1064f4; border-bottom: 5px solid transparent; } .Bulma-component .b-tooltip.is-right.is-white .tooltip-content::before { border-right-color: #FFFFFF; } .Bulma-component .b-tooltip.is-right.is-black .tooltip-content::before { border-right-color: #000000; } .Bulma-component .b-tooltip.is-right.is-light .tooltip-content::before { border-right-color: whitesmoke; } .Bulma-component .b-tooltip.is-right.is-dark .tooltip-content::before { border-right-color: #363636; } .Bulma-component .b-tooltip.is-right.is-primary .tooltip-content::before { border-right-color: #1064f4; } .Bulma-component .b-tooltip.is-right.is-primary.is-light .tooltip-content::before { border-right-color: #b7d0fc; } .Bulma-component .b-tooltip.is-right.is-link .tooltip-content::before { border-right-color: #1064f4; } .Bulma-component .b-tooltip.is-right.is-link.is-light .tooltip-content::before { border-right-color: #ebf2fe; } .Bulma-component .b-tooltip.is-right.is-info .tooltip-content::before { border-right-color: #24c9fd; } .Bulma-component .b-tooltip.is-right.is-info.is-light .tooltip-content::before { border-right-color: #edfbff; } .Bulma-component .b-tooltip.is-right.is-success .tooltip-content::before { border-right-color: #027d3f; } .Bulma-component .b-tooltip.is-right.is-success.is-light .tooltip-content::before { border-right-color: #ebf5f0; } .Bulma-component .b-tooltip.is-right.is-warning .tooltip-content::before { border-right-color: #ffbf00; } .Bulma-component .b-tooltip.is-right.is-warning.is-light .tooltip-content::before { border-right-color: #fffaeb; } .Bulma-component .b-tooltip.is-right.is-danger .tooltip-content::before { border-right-color: #ba1b1b; } .Bulma-component .b-tooltip.is-right.is-danger.is-light .tooltip-content::before { border-right-color: #eabbbb; } .Bulma-component .b-tooltip.is-right.is-brand .tooltip-content::before { border-right-color: #1064f4; } .Bulma-component .b-tooltip.is-right.is-brand.is-light .tooltip-content::before { border-right-color: #ebf2fe; } .Bulma-component .b-tooltip.is-right.is-brand-d20 .tooltip-content::before { border-right-color: #0c4ec3; } .Bulma-component .b-tooltip.is-right.is-brand-d20.is-light .tooltip-content::before { border-right-color: #ecf2fe; } .Bulma-component .b-tooltip.is-right.is-brand-d30 .tooltip-content::before { border-right-color: #0b45ab; } .Bulma-component .b-tooltip.is-right.is-brand-d30.is-light .tooltip-content::before { border-right-color: #ecf2fe; } .Bulma-component .b-tooltip.is-right.is-brand-l20 .tooltip-content::before { border-right-color: #3f81f6; } .Bulma-component .b-tooltip.is-right.is-brand-l20.is-light .tooltip-content::before { border-right-color: #ecf2fe; } .Bulma-component .b-tooltip.is-right.is-brand-l70 .tooltip-content::before { border-right-color: #b7d0fc; } .Bulma-component .b-tooltip.is-right.is-brand-l70.is-light .tooltip-content::before { border-right-color: #ebf2fe; } .Bulma-component .b-tooltip.is-right.is-brand-l80 .tooltip-content::before { border-right-color: #cfe0fd; } .Bulma-component .b-tooltip.is-right.is-brand-l80.is-light .tooltip-content::before { border-right-color: #ebf2fe; } .Bulma-component .b-tooltip.is-right.is-brand-l90 .tooltip-content::before { border-right-color: #e9f1fe; } .Bulma-component .b-tooltip.is-right.is-brand-l90.is-light .tooltip-content::before { border-right-color: #ebf3fe; } .Bulma-component .b-tooltip.is-right.is-brand-l95 .tooltip-content::before { border-right-color: #f3f7ff; } .Bulma-component .b-tooltip.is-right.is-brand-l95.is-light .tooltip-content::before { border-right-color: #f3f7ff; } .Bulma-component .b-tooltip.is-right.is-neutral .tooltip-content::before { border-right-color: #0f0f0f; } .Bulma-component .b-tooltip.is-right.is-neutral.is-light .tooltip-content::before { border-right-color: whitesmoke; } .Bulma-component .b-tooltip.is-right.is-neutral-l20 .tooltip-content::before { border-right-color: #3f3f3f; } .Bulma-component .b-tooltip.is-right.is-neutral-l20.is-light .tooltip-content::before { border-right-color: whitesmoke; } .Bulma-component .b-tooltip.is-right.is-neutral-l40 .tooltip-content::before { border-right-color: #6f6f6f; } .Bulma-component .b-tooltip.is-right.is-neutral-l40.is-light .tooltip-content::before { border-right-color: whitesmoke; } .Bulma-component .b-tooltip.is-right.is-neutral-l50 .tooltip-content::before { border-right-color: #878787; } .Bulma-component .b-tooltip.is-right.is-neutral-l50.is-light .tooltip-content::before { border-right-color: whitesmoke; } .Bulma-component .b-tooltip.is-right.is-neutral-l90 .tooltip-content::before { border-right-color: #e7e7e7; } .Bulma-component .b-tooltip.is-right.is-neutral-l90.is-light .tooltip-content::before { border-right-color: whitesmoke; } .Bulma-component .b-tooltip.is-right.is-neutral-l95 .tooltip-content::before { border-right-color: #f7f7f7; } .Bulma-component .b-tooltip.is-right.is-neutral-l95.is-light .tooltip-content::before { border-right-color: #f7f7f7; } .Bulma-component .b-tooltip.is-right.is-neutral-light .tooltip-content::before { border-right-color: #ffffff; } .Bulma-component .b-tooltip.is-right.is-neutral-light.is-light .tooltip-content::before { border-right-color: white; } .Bulma-component .b-tooltip.is-right.is-error .tooltip-content::before { border-right-color: #ba1b1b; } .Bulma-component .b-tooltip.is-right.is-error.is-light .tooltip-content::before { border-right-color: #fceded; } .Bulma-component .b-tooltip.is-right.is-error-d20 .tooltip-content::before { border-right-color: #951616; } .Bulma-component .b-tooltip.is-right.is-error-d20.is-light .tooltip-content::before { border-right-color: #fceded; } .Bulma-component .b-tooltip.is-right.is-error-l20 .tooltip-content::before { border-right-color: #c84949; } .Bulma-component .b-tooltip.is-right.is-error-l20.is-light .tooltip-content::before { border-right-color: #faefef; } .Bulma-component .b-tooltip.is-right.is-error-l70 .tooltip-content::before { border-right-color: #eabbbb; } .Bulma-component .b-tooltip.is-right.is-error-l70.is-light .tooltip-content::before { border-right-color: #faefef; } .Bulma-component .b-tooltip.is-right.is-error-l80 .tooltip-content::before { border-right-color: #f1d1d1; } .Bulma-component .b-tooltip.is-right.is-error-l80.is-light .tooltip-content::before { border-right-color: #faefef; } .Bulma-component .b-tooltip.is-right.is-error-l90 .tooltip-content::before { border-right-color: #f8e8e8; } .Bulma-component .b-tooltip.is-right.is-error-l90.is-light .tooltip-content::before { border-right-color: #faefef; } .Bulma-component .b-tooltip.is-right.is-error-l95 .tooltip-content::before { border-right-color: #fcf4f4; } .Bulma-component .b-tooltip.is-right.is-error-l95.is-light .tooltip-content::before { border-right-color: #fcf4f4; } .Bulma-component .b-tooltip.is-right.is-info-d30 .tooltip-content::before { border-right-color: #167998; } .Bulma-component .b-tooltip.is-right.is-info-d30.is-light .tooltip-content::before { border-right-color: #edf9fc; } .Bulma-component .b-tooltip.is-right.is-info-l95 .tooltip-content::before { border-right-color: #edfbff; } .Bulma-component .b-tooltip.is-right.is-info-l95.is-light .tooltip-content::before { border-right-color: #edfbff; } .Bulma-component .b-tooltip.is-right.is-success-d30 .tooltip-content::before { border-right-color: #01582c; } .Bulma-component .b-tooltip.is-right.is-success-d30.is-light .tooltip-content::before { border-right-color: #ebfff5; } .Bulma-component .b-tooltip.is-right.is-success-l95 .tooltip-content::before { border-right-color: #ebf5f0; } .Bulma-component .b-tooltip.is-right.is-success-l95.is-light .tooltip-content::before { border-right-color: #f1f8f5; } .Bulma-component .b-tooltip.is-right.is-warning-d30 .tooltip-content::before { border-right-color: #806000; } .Bulma-component .b-tooltip.is-right.is-warning-d30.is-light .tooltip-content::before { border-right-color: #fffaeb; } .Bulma-component .b-tooltip.is-right.is-warning-l95 .tooltip-content::before { border-right-color: #fffaeb; } .Bulma-component .b-tooltip.is-right.is-warning-l95.is-light .tooltip-content::before { border-right-color: #fffaeb; } .Bulma-component .b-tooltip.is-right.is-brand-2 .tooltip-content::before { border-right-color: #0e9ca6; } .Bulma-component .b-tooltip.is-right.is-brand-2.is-light .tooltip-content::before { border-right-color: #ecfcfd; } .Bulma-component .b-tooltip.is-right.is-brand-2-d20 .tooltip-content::before { border-right-color: #0b7d85; } .Bulma-component .b-tooltip.is-right.is-brand-2-d20.is-light .tooltip-content::before { border-right-color: #ecfcfd; } .Bulma-component .b-tooltip.is-right.is-brand-2-l20 .tooltip-content::before { border-right-color: #3eb0b8; } .Bulma-component .b-tooltip.is-right.is-brand-2-l20.is-light .tooltip-content::before { border-right-color: #f0f9fa; } .Bulma-component .b-tooltip.is-right.is-brand-2-l70 .tooltip-content::before { border-right-color: #b7e1e4; } .Bulma-component .b-tooltip.is-right.is-brand-2-l70.is-light .tooltip-content::before { border-right-color: #f0f9f9; } .Bulma-component .b-tooltip.is-right.is-brand-2-l80 .tooltip-content::before { border-right-color: #cfebed; } .Bulma-component .b-tooltip.is-right.is-brand-2-l80.is-light .tooltip-content::before { border-right-color: #f0f9f9; } .Bulma-component .b-tooltip.is-right.is-brand-2-l90 .tooltip-content::before { border-right-color: #eef8f9; } .Bulma-component .b-tooltip.is-right.is-brand-2-l90.is-light .tooltip-content::before { border-right-color: #f0f9fa; } .Bulma-component .b-tooltip.is-right.is-brand-2-l95 .tooltip-content::before { border-right-color: #f8fcfc; } .Bulma-component .b-tooltip.is-right.is-brand-2-l95.is-light .tooltip-content::before { border-right-color: #f8fcfc; } .Bulma-component .b-tooltip.is-right.is-brand-3 .tooltip-content::before { border-right-color: #e2583f; } .Bulma-component .b-tooltip.is-right.is-brand-3.is-light .tooltip-content::before { border-right-color: #fcf0ed; } .Bulma-component .b-tooltip.is-right.is-brand-3-d20 .tooltip-content::before { border-right-color: #b54632; } .Bulma-component .b-tooltip.is-right.is-brand-3-d20.is-light .tooltip-content::before { border-right-color: #fbf1ef; } .Bulma-component .b-tooltip.is-right.is-brand-3-l20 .tooltip-content::before { border-right-color: #e87965; } .Bulma-component .b-tooltip.is-right.is-brand-3-l20.is-light .tooltip-content::before { border-right-color: #fcf0ed; } .Bulma-component .b-tooltip.is-right.is-brand-3-l70 .tooltip-content::before { border-right-color: #f6cdc5; } .Bulma-component .b-tooltip.is-right.is-brand-3-l70.is-light .tooltip-content::before { border-right-color: #fcf0ed; } .Bulma-component .b-tooltip.is-right.is-brand-3-l80 .tooltip-content::before { border-right-color: #f9ded9; } .Bulma-component .b-tooltip.is-right.is-brand-3-l80.is-light .tooltip-content::before { border-right-color: #fcf0ed; } .Bulma-component .b-tooltip.is-right.is-brand-3-l90 .tooltip-content::before { border-right-color: #fceeec; } .Bulma-component .b-tooltip.is-right.is-brand-3-l90.is-light .tooltip-content::before { border-right-color: #fcefed; } .Bulma-component .b-tooltip.is-right.is-brand-3-l95 .tooltip-content::before { border-right-color: #fef7f5; } .Bulma-component .b-tooltip.is-right.is-brand-3-l95.is-light .tooltip-content::before { border-right-color: #fef7f5; } .Bulma-component .b-tooltip.is-bottom .tooltip-content { top: calc(100% + 5px + 2px); right: auto; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .Bulma-component .b-tooltip.is-bottom .tooltip-content::before { top: auto; right: auto; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-right: 5px solid transparent; border-bottom: 5px solid #1064f4; border-left: 5px solid transparent; } .Bulma-component .b-tooltip.is-bottom.is-white .tooltip-content::before { border-bottom-color: #FFFFFF; } .Bulma-component .b-tooltip.is-bottom.is-black .tooltip-content::before { border-bottom-color: #000000; } .Bulma-component .b-tooltip.is-bottom.is-light .tooltip-content::before { border-bottom-color: whitesmoke; } .Bulma-component .b-tooltip.is-bottom.is-dark .tooltip-content::before { border-bottom-color: #363636; } .Bulma-component .b-tooltip.is-bottom.is-primary .tooltip-content::before { border-bottom-color: #1064f4; } .Bulma-component .b-tooltip.is-bottom.is-primary.is-light .tooltip-content::before { border-bottom-color: #b7d0fc; } .Bulma-component .b-tooltip.is-bottom.is-link .tooltip-content::before { border-bottom-color: #1064f4; } .Bulma-component .b-tooltip.is-bottom.is-link.is-light .tooltip-content::before { border-bottom-color: #ebf2fe; } .Bulma-component .b-tooltip.is-bottom.is-info .tooltip-content::before { border-bottom-color: #24c9fd; } .Bulma-component .b-tooltip.is-bottom.is-info.is-light .tooltip-content::before { border-bottom-color: #edfbff; } .Bulma-component .b-tooltip.is-bottom.is-success .tooltip-content::before { border-bottom-color: #027d3f; } .Bulma-component .b-tooltip.is-bottom.is-success.is-light .tooltip-content::before { border-bottom-color: #ebf5f0; } .Bulma-component .b-tooltip.is-bottom.is-warning .tooltip-content::before { border-bottom-color: #ffbf00; } .Bulma-component .b-tooltip.is-bottom.is-warning.is-light .tooltip-content::before { border-bottom-color: #fffaeb; } .Bulma-component .b-tooltip.is-bottom.is-danger .tooltip-content::before { border-bottom-color: #ba1b1b; } .Bulma-component .b-tooltip.is-bottom.is-danger.is-light .tooltip-content::before { border-bottom-color: #eabbbb; } .Bulma-component .b-tooltip.is-bottom.is-brand .tooltip-content::before { border-bottom-color: #1064f4; } .Bulma-component .b-tooltip.is-bottom.is-brand.is-light .tooltip-content::before { border-bottom-color: #ebf2fe; } .Bulma-component .b-tooltip.is-bottom.is-brand-d20 .tooltip-content::before { border-bottom-color: #0c4ec3; } .Bulma-component .b-tooltip.is-bottom.is-brand-d20.is-light .tooltip-content::before { border-bottom-color: #ecf2fe; } .Bulma-component .b-tooltip.is-bottom.is-brand-d30 .tooltip-content::before { border-bottom-color: #0b45ab; } .Bulma-component .b-tooltip.is-bottom.is-brand-d30.is-light .tooltip-content::before { border-bottom-color: #ecf2fe; } .Bulma-component .b-tooltip.is-bottom.is-brand-l20 .tooltip-content::before { border-bottom-color: #3f81f6; } .Bulma-component .b-tooltip.is-bottom.is-brand-l20.is-light .tooltip-content::before { border-bottom-color: #ecf2fe; } .Bulma-component .b-tooltip.is-bottom.is-brand-l70 .tooltip-content::before { border-bottom-color: #b7d0fc; } .Bulma-component .b-tooltip.is-bottom.is-brand-l70.is-light .tooltip-content::before { border-bottom-color: #ebf2fe; } .Bulma-component .b-tooltip.is-bottom.is-brand-l80 .tooltip-content::before { border-bottom-color: #cfe0fd; } .Bulma-component .b-tooltip.is-bottom.is-brand-l80.is-light .tooltip-content::before { border-bottom-color: #ebf2fe; } .Bulma-component .b-tooltip.is-bottom.is-brand-l90 .tooltip-content::before { border-bottom-color: #e9f1fe; } .Bulma-component .b-tooltip.is-bottom.is-brand-l90.is-light .tooltip-content::before { border-bottom-color: #ebf3fe; } .Bulma-component .b-tooltip.is-bottom.is-brand-l95 .tooltip-content::before { border-bottom-color: #f3f7ff; } .Bulma-component .b-tooltip.is-bottom.is-brand-l95.is-light .tooltip-content::before { border-bottom-color: #f3f7ff; } .Bulma-component .b-tooltip.is-bottom.is-neutral .tooltip-content::before { border-bottom-color: #0f0f0f; } .Bulma-component .b-tooltip.is-bottom.is-neutral.is-light .tooltip-content::before { border-bottom-color: whitesmoke; } .Bulma-component .b-tooltip.is-bottom.is-neutral-l20 .tooltip-content::before { border-bottom-color: #3f3f3f; } .Bulma-component .b-tooltip.is-bottom.is-neutral-l20.is-light .tooltip-content::before { border-bottom-color: whitesmoke; } .Bulma-component .b-tooltip.is-bottom.is-neutral-l40 .tooltip-content::before { border-bottom-color: #6f6f6f; } .Bulma-component .b-tooltip.is-bottom.is-neutral-l40.is-light .tooltip-content::before { border-bottom-color: whitesmoke; } .Bulma-component .b-tooltip.is-bottom.is-neutral-l50 .tooltip-content::before { border-bottom-color: #878787; } .Bulma-component .b-tooltip.is-bottom.is-neutral-l50.is-light .tooltip-content::before { border-bottom-color: whitesmoke; } .Bulma-component .b-tooltip.is-bottom.is-neutral-l90 .tooltip-content::before { border-bottom-color: #e7e7e7; } .Bulma-component .b-tooltip.is-bottom.is-neutral-l90.is-light .tooltip-content::before { border-bottom-color: whitesmoke; } .Bulma-component .b-tooltip.is-bottom.is-neutral-l95 .tooltip-content::before { border-bottom-color: #f7f7f7; } .Bulma-component .b-tooltip.is-bottom.is-neutral-l95.is-light .tooltip-content::before { border-bottom-color: #f7f7f7; } .Bulma-component .b-tooltip.is-bottom.is-neutral-light .tooltip-content::before { border-bottom-color: #ffffff; } .Bulma-component .b-tooltip.is-bottom.is-neutral-light.is-light .tooltip-content::before { border-bottom-color: white; } .Bulma-component .b-tooltip.is-bottom.is-error .tooltip-content::before { border-bottom-color: #ba1b1b; } .Bulma-component .b-tooltip.is-bottom.is-error.is-light .tooltip-content::before { border-bottom-color: #fceded; } .Bulma-component .b-tooltip.is-bottom.is-error-d20 .tooltip-content::before { border-bottom-color: #951616; } .Bulma-component .b-tooltip.is-bottom.is-error-d20.is-light .tooltip-content::before { border-bottom-color: #fceded; } .Bulma-component .b-tooltip.is-bottom.is-error-l20 .tooltip-content::before { border-bottom-color: #c84949; } .Bulma-component .b-tooltip.is-bottom.is-error-l20.is-light .tooltip-content::before { border-bottom-color: #faefef; } .Bulma-component .b-tooltip.is-bottom.is-error-l70 .tooltip-content::before { border-bottom-color: #eabbbb; } .Bulma-component .b-tooltip.is-bottom.is-error-l70.is-light .tooltip-content::before { border-bottom-color: #faefef; } .Bulma-component .b-tooltip.is-bottom.is-error-l80 .tooltip-content::before { border-bottom-color: #f1d1d1; } .Bulma-component .b-tooltip.is-bottom.is-error-l80.is-light .tooltip-content::before { border-bottom-color: #faefef; } .Bulma-component .b-tooltip.is-bottom.is-error-l90 .tooltip-content::before { border-bottom-color: #f8e8e8; } .Bulma-component .b-tooltip.is-bottom.is-error-l90.is-light .tooltip-content::before { border-bottom-color: #faefef; } .Bulma-component .b-tooltip.is-bottom.is-error-l95 .tooltip-content::before { border-bottom-color: #fcf4f4; } .Bulma-component .b-tooltip.is-bottom.is-error-l95.is-light .tooltip-content::before { border-bottom-color: #fcf4f4; } .Bulma-component .b-tooltip.is-bottom.is-info-d30 .tooltip-content::before { border-bottom-color: #167998; } .Bulma-component .b-tooltip.is-bottom.is-info-d30.is-light .tooltip-content::before { border-bottom-color: #edf9fc; } .Bulma-component .b-tooltip.is-bottom.is-info-l95 .tooltip-content::before { border-bottom-color: #edfbff; } .Bulma-component .b-tooltip.is-bottom.is-info-l95.is-light .tooltip-content::before { border-bottom-color: #edfbff; } .Bulma-component .b-tooltip.is-bottom.is-success-d30 .tooltip-content::before { border-bottom-color: #01582c; } .Bulma-component .b-tooltip.is-bottom.is-success-d30.is-light .tooltip-content::before { border-bottom-color: #ebfff5; } .Bulma-component .b-tooltip.is-bottom.is-success-l95 .tooltip-content::before { border-bottom-color: #ebf5f0; } .Bulma-component .b-tooltip.is-bottom.is-success-l95.is-light .tooltip-content::before { border-bottom-color: #f1f8f5; } .Bulma-component .b-tooltip.is-bottom.is-warning-d30 .tooltip-content::before { border-bottom-color: #806000; } .Bulma-component .b-tooltip.is-bottom.is-warning-d30.is-light .tooltip-content::before { border-bottom-color: #fffaeb; } .Bulma-component .b-tooltip.is-bottom.is-warning-l95 .tooltip-content::before { border-bottom-color: #fffaeb; } .Bulma-component .b-tooltip.is-bottom.is-warning-l95.is-light .tooltip-content::before { border-bottom-color: #fffaeb; } .Bulma-component .b-tooltip.is-bottom.is-brand-2 .tooltip-content::before { border-bottom-color: #0e9ca6; } .Bulma-component .b-tooltip.is-bottom.is-brand-2.is-light .tooltip-content::before { border-bottom-color: #ecfcfd; } .Bulma-component .b-tooltip.is-bottom.is-brand-2-d20 .tooltip-content::before { border-bottom-color: #0b7d85; } .Bulma-component .b-tooltip.is-bottom.is-brand-2-d20.is-light .tooltip-content::before { border-bottom-color: #ecfcfd; } .Bulma-component .b-tooltip.is-bottom.is-brand-2-l20 .tooltip-content::before { border-bottom-color: #3eb0b8; } .Bulma-component .b-tooltip.is-bottom.is-brand-2-l20.is-light .tooltip-content::before { border-bottom-color: #f0f9fa; } .Bulma-component .b-tooltip.is-bottom.is-brand-2-l70 .tooltip-content::before { border-bottom-color: #b7e1e4; } .Bulma-component .b-tooltip.is-bottom.is-brand-2-l70.is-light .tooltip-content::before { border-bottom-color: #f0f9f9; } .Bulma-component .b-tooltip.is-bottom.is-brand-2-l80 .tooltip-content::before { border-bottom-color: #cfebed; } .Bulma-component .b-tooltip.is-bottom.is-brand-2-l80.is-light .tooltip-content::before { border-bottom-color: #f0f9f9; } .Bulma-component .b-tooltip.is-bottom.is-brand-2-l90 .tooltip-content::before { border-bottom-color: #eef8f9; } .Bulma-component .b-tooltip.is-bottom.is-brand-2-l90.is-light .tooltip-content::before { border-bottom-color: #f0f9fa; } .Bulma-component .b-tooltip.is-bottom.is-brand-2-l95 .tooltip-content::before { border-bottom-color: #f8fcfc; } .Bulma-component .b-tooltip.is-bottom.is-brand-2-l95.is-light .tooltip-content::before { border-bottom-color: #f8fcfc; } .Bulma-component .b-tooltip.is-bottom.is-brand-3 .tooltip-content::before { border-bottom-color: #e2583f; } .Bulma-component .b-tooltip.is-bottom.is-brand-3.is-light .tooltip-content::before { border-bottom-color: #fcf0ed; } .Bulma-component .b-tooltip.is-bottom.is-brand-3-d20 .tooltip-content::before { border-bottom-color: #b54632; } .Bulma-component .b-tooltip.is-bottom.is-brand-3-d20.is-light .tooltip-content::before { border-bottom-color: #fbf1ef; } .Bulma-component .b-tooltip.is-bottom.is-brand-3-l20 .tooltip-content::before { border-bottom-color: #e87965; } .Bulma-component .b-tooltip.is-bottom.is-brand-3-l20.is-light .tooltip-content::before { border-bottom-color: #fcf0ed; } .Bulma-component .b-tooltip.is-bottom.is-brand-3-l70 .tooltip-content::before { border-bottom-color: #f6cdc5; } .Bulma-component .b-tooltip.is-bottom.is-brand-3-l70.is-light .tooltip-content::before { border-bottom-color: #fcf0ed; } .Bulma-component .b-tooltip.is-bottom.is-brand-3-l80 .tooltip-content::before { border-bottom-color: #f9ded9; } .Bulma-component .b-tooltip.is-bottom.is-brand-3-l80.is-light .tooltip-content::before { border-bottom-color: #fcf0ed; } .Bulma-component .b-tooltip.is-bottom.is-brand-3-l90 .tooltip-content::before { border-bottom-color: #fceeec; } .Bulma-component .b-tooltip.is-bottom.is-brand-3-l90.is-light .tooltip-content::before { border-bottom-color: #fcefed; } .Bulma-component .b-tooltip.is-bottom.is-brand-3-l95 .tooltip-content::before { border-bottom-color: #fef7f5; } .Bulma-component .b-tooltip.is-bottom.is-brand-3-l95.is-light .tooltip-content::before { border-bottom-color: #fef7f5; } .Bulma-component .b-tooltip.is-left .tooltip-content { top: 50%; right: calc(100% + 5px + 2px); bottom: auto; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .Bulma-component .b-tooltip.is-left .tooltip-content::before { top: 50%; right: auto; bottom: auto; left: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #1064f4; } .Bulma-component .b-tooltip.is-left.is-white .tooltip-content::before { border-left-color: #FFFFFF; } .Bulma-component .b-tooltip.is-left.is-black .tooltip-content::before { border-left-color: #000000; } .Bulma-component .b-tooltip.is-left.is-light .tooltip-content::before { border-left-color: whitesmoke; } .Bulma-component .b-tooltip.is-left.is-dark .tooltip-content::before { border-left-color: #363636; } .Bulma-component .b-tooltip.is-left.is-primary .tooltip-content::before { border-left-color: #1064f4; } .Bulma-component .b-tooltip.is-left.is-primary.is-light .tooltip-content::before { border-left-color: #b7d0fc; } .Bulma-component .b-tooltip.is-left.is-link .tooltip-content::before { border-left-color: #1064f4; } .Bulma-component .b-tooltip.is-left.is-link.is-light .tooltip-content::before { border-left-color: #ebf2fe; } .Bulma-component .b-tooltip.is-left.is-info .tooltip-content::before { border-left-color: #24c9fd; } .Bulma-component .b-tooltip.is-left.is-info.is-light .tooltip-content::before { border-left-color: #edfbff; } .Bulma-component .b-tooltip.is-left.is-success .tooltip-content::before { border-left-color: #027d3f; } .Bulma-component .b-tooltip.is-left.is-success.is-light .tooltip-content::before { border-left-color: #ebf5f0; } .Bulma-component .b-tooltip.is-left.is-warning .tooltip-content::before { border-left-color: #ffbf00; } .Bulma-component .b-tooltip.is-left.is-warning.is-light .tooltip-content::before { border-left-color: #fffaeb; } .Bulma-component .b-tooltip.is-left.is-danger .tooltip-content::before { border-left-color: #ba1b1b; } .Bulma-component .b-tooltip.is-left.is-danger.is-light .tooltip-content::before { border-left-color: #eabbbb; } .Bulma-component .b-tooltip.is-left.is-brand .tooltip-content::before { border-left-color: #1064f4; } .Bulma-component .b-tooltip.is-left.is-brand.is-light .tooltip-content::before { border-left-color: #ebf2fe; } .Bulma-component .b-tooltip.is-left.is-brand-d20 .tooltip-content::before { border-left-color: #0c4ec3; } .Bulma-component .b-tooltip.is-left.is-brand-d20.is-light .tooltip-content::before { border-left-color: #ecf2fe; } .Bulma-component .b-tooltip.is-left.is-brand-d30 .tooltip-content::before { border-left-color: #0b45ab; } .Bulma-component .b-tooltip.is-left.is-brand-d30.is-light .tooltip-content::before { border-left-color: #ecf2fe; } .Bulma-component .b-tooltip.is-left.is-brand-l20 .tooltip-content::before { border-left-color: #3f81f6; } .Bulma-component .b-tooltip.is-left.is-brand-l20.is-light .tooltip-content::before { border-left-color: #ecf2fe; } .Bulma-component .b-tooltip.is-left.is-brand-l70 .tooltip-content::before { border-left-color: #b7d0fc; } .Bulma-component .b-tooltip.is-left.is-brand-l70.is-light .tooltip-content::before { border-left-color: #ebf2fe; } .Bulma-component .b-tooltip.is-left.is-brand-l80 .tooltip-content::before { border-left-color: #cfe0fd; } .Bulma-component .b-tooltip.is-left.is-brand-l80.is-light .tooltip-content::before { border-left-color: #ebf2fe; } .Bulma-component .b-tooltip.is-left.is-brand-l90 .tooltip-content::before { border-left-color: #e9f1fe; } .Bulma-component .b-tooltip.is-left.is-brand-l90.is-light .tooltip-content::before { border-left-color: #ebf3fe; } .Bulma-component .b-tooltip.is-left.is-brand-l95 .tooltip-content::before { border-left-color: #f3f7ff; } .Bulma-component .b-tooltip.is-left.is-brand-l95.is-light .tooltip-content::before { border-left-color: #f3f7ff; } .Bulma-component .b-tooltip.is-left.is-neutral .tooltip-content::before { border-left-color: #0f0f0f; } .Bulma-component .b-tooltip.is-left.is-neutral.is-light .tooltip-content::before { border-left-color: whitesmoke; } .Bulma-component .b-tooltip.is-left.is-neutral-l20 .tooltip-content::before { border-left-color: #3f3f3f; } .Bulma-component .b-tooltip.is-left.is-neutral-l20.is-light .tooltip-content::before { border-left-color: whitesmoke; } .Bulma-component .b-tooltip.is-left.is-neutral-l40 .tooltip-content::before { border-left-color: #6f6f6f; } .Bulma-component .b-tooltip.is-left.is-neutral-l40.is-light .tooltip-content::before { border-left-color: whitesmoke; } .Bulma-component .b-tooltip.is-left.is-neutral-l50 .tooltip-content::before { border-left-color: #878787; } .Bulma-component .b-tooltip.is-left.is-neutral-l50.is-light .tooltip-content::before { border-left-color: whitesmoke; } .Bulma-component .b-tooltip.is-left.is-neutral-l90 .tooltip-content::before { border-left-color: #e7e7e7; } .Bulma-component .b-tooltip.is-left.is-neutral-l90.is-light .tooltip-content::before { border-left-color: whitesmoke; } .Bulma-component .b-tooltip.is-left.is-neutral-l95 .tooltip-content::before { border-left-color: #f7f7f7; } .Bulma-component .b-tooltip.is-left.is-neutral-l95.is-light .tooltip-content::before { border-left-color: #f7f7f7; } .Bulma-component .b-tooltip.is-left.is-neutral-light .tooltip-content::before { border-left-color: #ffffff; } .Bulma-component .b-tooltip.is-left.is-neutral-light.is-light .tooltip-content::before { border-left-color: white; } .Bulma-component .b-tooltip.is-left.is-error .tooltip-content::before { border-left-color: #ba1b1b; } .Bulma-component .b-tooltip.is-left.is-error.is-light .tooltip-content::before { border-left-color: #fceded; } .Bulma-component .b-tooltip.is-left.is-error-d20 .tooltip-content::before { border-left-color: #951616; } .Bulma-component .b-tooltip.is-left.is-error-d20.is-light .tooltip-content::before { border-left-color: #fceded; } .Bulma-component .b-tooltip.is-left.is-error-l20 .tooltip-content::before { border-left-color: #c84949; } .Bulma-component .b-tooltip.is-left.is-error-l20.is-light .tooltip-content::before { border-left-color: #faefef; } .Bulma-component .b-tooltip.is-left.is-error-l70 .tooltip-content::before { border-left-color: #eabbbb; } .Bulma-component .b-tooltip.is-left.is-error-l70.is-light .tooltip-content::before { border-left-color: #faefef; } .Bulma-component .b-tooltip.is-left.is-error-l80 .tooltip-content::before { border-left-color: #f1d1d1; } .Bulma-component .b-tooltip.is-left.is-error-l80.is-light .tooltip-content::before { border-left-color: #faefef; } .Bulma-component .b-tooltip.is-left.is-error-l90 .tooltip-content::before { border-left-color: #f8e8e8; } .Bulma-component .b-tooltip.is-left.is-error-l90.is-light .tooltip-content::before { border-left-color: #faefef; } .Bulma-component .b-tooltip.is-left.is-error-l95 .tooltip-content::before { border-left-color: #fcf4f4; } .Bulma-component .b-tooltip.is-left.is-error-l95.is-light .tooltip-content::before { border-left-color: #fcf4f4; } .Bulma-component .b-tooltip.is-left.is-info-d30 .tooltip-content::before { border-left-color: #167998; } .Bulma-component .b-tooltip.is-left.is-info-d30.is-light .tooltip-content::before { border-left-color: #edf9fc; } .Bulma-component .b-tooltip.is-left.is-info-l95 .tooltip-content::before { border-left-color: #edfbff; } .Bulma-component .b-tooltip.is-left.is-info-l95.is-light .tooltip-content::before { border-left-color: #edfbff; } .Bulma-component .b-tooltip.is-left.is-success-d30 .tooltip-content::before { border-left-color: #01582c; } .Bulma-component .b-tooltip.is-left.is-success-d30.is-light .tooltip-content::before { border-left-color: #ebfff5; } .Bulma-component .b-tooltip.is-left.is-success-l95 .tooltip-content::before { border-left-color: #ebf5f0; } .Bulma-component .b-tooltip.is-left.is-success-l95.is-light .tooltip-content::before { border-left-color: #f1f8f5; } .Bulma-component .b-tooltip.is-left.is-warning-d30 .tooltip-content::before { border-left-color: #806000; } .Bulma-component .b-tooltip.is-left.is-warning-d30.is-light .tooltip-content::before { border-left-color: #fffaeb; } .Bulma-component .b-tooltip.is-left.is-warning-l95 .tooltip-content::before { border-left-color: #fffaeb; } .Bulma-component .b-tooltip.is-left.is-warning-l95.is-light .tooltip-content::before { border-left-color: #fffaeb; } .Bulma-component .b-tooltip.is-left.is-brand-2 .tooltip-content::before { border-left-color: #0e9ca6; } .Bulma-component .b-tooltip.is-left.is-brand-2.is-light .tooltip-content::before { border-left-color: #ecfcfd; } .Bulma-component .b-tooltip.is-left.is-brand-2-d20 .tooltip-content::before { border-left-color: #0b7d85; } .Bulma-component .b-tooltip.is-left.is-brand-2-d20.is-light .tooltip-content::before { border-left-color: #ecfcfd; } .Bulma-component .b-tooltip.is-left.is-brand-2-l20 .tooltip-content::before { border-left-color: #3eb0b8; } .Bulma-component .b-tooltip.is-left.is-brand-2-l20.is-light .tooltip-content::before { border-left-color: #f0f9fa; } .Bulma-component .b-tooltip.is-left.is-brand-2-l70 .tooltip-content::before { border-left-color: #b7e1e4; } .Bulma-component .b-tooltip.is-left.is-brand-2-l70.is-light .tooltip-content::before { border-left-color: #f0f9f9; } .Bulma-component .b-tooltip.is-left.is-brand-2-l80 .tooltip-content::before { border-left-color: #cfebed; } .Bulma-component .b-tooltip.is-left.is-brand-2-l80.is-light .tooltip-content::before { border-left-color: #f0f9f9; } .Bulma-component .b-tooltip.is-left.is-brand-2-l90 .tooltip-content::before { border-left-color: #eef8f9; } .Bulma-component .b-tooltip.is-left.is-brand-2-l90.is-light .tooltip-content::before { border-left-color: #f0f9fa; } .Bulma-component .b-tooltip.is-left.is-brand-2-l95 .tooltip-content::before { border-left-color: #f8fcfc; } .Bulma-component .b-tooltip.is-left.is-brand-2-l95.is-light .tooltip-content::before { border-left-color: #f8fcfc; } .Bulma-component .b-tooltip.is-left.is-brand-3 .tooltip-content::before { border-left-color: #e2583f; } .Bulma-component .b-tooltip.is-left.is-brand-3.is-light .tooltip-content::before { border-left-color: #fcf0ed; } .Bulma-component .b-tooltip.is-left.is-brand-3-d20 .tooltip-content::before { border-left-color: #b54632; } .Bulma-component .b-tooltip.is-left.is-brand-3-d20.is-light .tooltip-content::before { border-left-color: #fbf1ef; } .Bulma-component .b-tooltip.is-left.is-brand-3-l20 .tooltip-content::before { border-left-color: #e87965; } .Bulma-component .b-tooltip.is-left.is-brand-3-l20.is-light .tooltip-content::before { border-left-color: #fcf0ed; } .Bulma-component .b-tooltip.is-left.is-brand-3-l70 .tooltip-content::before { border-left-color: #f6cdc5; } .Bulma-component .b-tooltip.is-left.is-brand-3-l70.is-light .tooltip-content::before { border-left-color: #fcf0ed; } .Bulma-component .b-tooltip.is-left.is-brand-3-l80 .tooltip-content::before { border-left-color: #f9ded9; } .Bulma-component .b-tooltip.is-left.is-brand-3-l80.is-light .tooltip-content::before { border-left-color: #fcf0ed; } .Bulma-component .b-tooltip.is-left.is-brand-3-l90 .tooltip-content::before { border-left-color: #fceeec; } .Bulma-component .b-tooltip.is-left.is-brand-3-l90.is-light .tooltip-content::before { border-left-color: #fcefed; } .Bulma-component .b-tooltip.is-left.is-brand-3-l95 .tooltip-content::before { border-left-color: #fef7f5; } .Bulma-component .b-tooltip.is-left.is-brand-3-l95.is-light .tooltip-content::before { border-left-color: #fef7f5; } .Bulma-component .b-tooltip .tooltip-content { width: auto; padding: 0.35rem 0.75rem; border-radius: 16px; font-size: 0.85rem; font-weight: 400; -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 1, 0, 0.2); box-shadow: 0px 1px 2px 1px rgba(0, 1, 0, 0.2); z-index: 38; white-space: nowrap; position: absolute; } .Bulma-component .b-tooltip .tooltip-content::before { position: absolute; content: ""; pointer-events: none; z-index: 38; } .Bulma-component .b-tooltip .tooltip-trigger { width: 100%; } .Bulma-component .b-tooltip.is-white .tooltip-content { background: #FFFFFF; color: #000000; } .Bulma-component .b-tooltip.is-black .tooltip-content { background: #000000; color: #FFFFFF; } .Bulma-component .b-tooltip.is-light .tooltip-content { background: whitesmoke; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-dark .tooltip-content { background: #363636; color: #fff; } .Bulma-component .b-tooltip.is-primary .tooltip-content { background: #1064f4; color: #fff; } .Bulma-component .b-tooltip.is-primary.is-light .tooltip-content { background: #b7d0fc; color: #0b45ab; } .Bulma-component .b-tooltip.is-link .tooltip-content { background: #1064f4; color: #fff; } .Bulma-component .b-tooltip.is-link.is-light .tooltip-content { background: #ebf2fe; color: #0b5be5; } .Bulma-component .b-tooltip.is-info .tooltip-content { background: #24c9fd; color: #fff; } .Bulma-component .b-tooltip.is-info.is-light .tooltip-content { background: #edfbff; color: #167998; } .Bulma-component .b-tooltip.is-success .tooltip-content { background: #027d3f; color: #fff; } .Bulma-component .b-tooltip.is-success.is-light .tooltip-content { background: #ebf5f0; color: #01582c; } .Bulma-component .b-tooltip.is-warning .tooltip-content { background: #ffbf00; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-warning.is-light .tooltip-content { background: #fffaeb; color: #806000; } .Bulma-component .b-tooltip.is-danger .tooltip-content { background: #ba1b1b; color: #fff; } .Bulma-component .b-tooltip.is-danger.is-light .tooltip-content { background: #eabbbb; color: #951616; } .Bulma-component .b-tooltip.is-brand .tooltip-content { background: #1064f4; color: #fff; } .Bulma-component .b-tooltip.is-brand.is-light .tooltip-content { background: #ebf2fe; color: #0b5be5; } .Bulma-component .b-tooltip.is-brand-d20 .tooltip-content { background: #0c4ec3; color: #fff; } .Bulma-component .b-tooltip.is-brand-d20.is-light .tooltip-content { background: #ecf2fe; color: #0f60f0; } .Bulma-component .b-tooltip.is-brand-d30 .tooltip-content { background: #0b45ab; color: #fff; } .Bulma-component .b-tooltip.is-brand-d30.is-light .tooltip-content { background: #ecf2fe; color: #1967f0; } .Bulma-component .b-tooltip.is-brand-l20 .tooltip-content { background: #3f81f6; color: #fff; } .Bulma-component .b-tooltip.is-brand-l20.is-light .tooltip-content { background: #ecf2fe; color: #0a50cd; } .Bulma-component .b-tooltip.is-brand-l70 .tooltip-content { background: #b7d0fc; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-brand-l70.is-light .tooltip-content { background: #ebf2fe; color: #06378e; } .Bulma-component .b-tooltip.is-brand-l80 .tooltip-content { background: #cfe0fd; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-brand-l80.is-light .tooltip-content { background: #ebf2fe; color: #06388e; } .Bulma-component .b-tooltip.is-brand-l90 .tooltip-content { background: #e9f1fe; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-brand-l90.is-light .tooltip-content { background: #ebf3fe; color: #063a8d; } .Bulma-component .b-tooltip.is-brand-l95 .tooltip-content { background: #f3f7ff; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-brand-l95.is-light .tooltip-content { background: #f3f7ff; color: #003194; } .Bulma-component .b-tooltip.is-neutral .tooltip-content { background: #0f0f0f; color: #fff; } .Bulma-component .b-tooltip.is-neutral.is-light .tooltip-content { background: whitesmoke; color: #8f8f8f; } .Bulma-component .b-tooltip.is-neutral-l20 .tooltip-content { background: #3f3f3f; color: #fff; } .Bulma-component .b-tooltip.is-neutral-l20.is-light .tooltip-content { background: whitesmoke; color: #878787; } .Bulma-component .b-tooltip.is-neutral-l40 .tooltip-content { background: #6f6f6f; color: #fff; } .Bulma-component .b-tooltip.is-neutral-l40.is-light .tooltip-content { background: whitesmoke; color: #757575; } .Bulma-component .b-tooltip.is-neutral-l50 .tooltip-content { background: #878787; color: #fff; } .Bulma-component .b-tooltip.is-neutral-l50.is-light .tooltip-content { background: whitesmoke; color: dimgray; } .Bulma-component .b-tooltip.is-neutral-l90 .tooltip-content { background: #e7e7e7; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-neutral-l90.is-light .tooltip-content { background: whitesmoke; color: #4a4a4a; } .Bulma-component .b-tooltip.is-neutral-l95 .tooltip-content { background: #f7f7f7; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-neutral-l95.is-light .tooltip-content { background: #f7f7f7; color: #4a4a4a; } .Bulma-component .b-tooltip.is-neutral-light .tooltip-content { background: #ffffff; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-neutral-light.is-light .tooltip-content { background: white; color: #4a4a4a; } .Bulma-component .b-tooltip.is-error .tooltip-content { background: #ba1b1b; color: #fff; } .Bulma-component .b-tooltip.is-error.is-light .tooltip-content { background: #fceded; color: #df2020; } .Bulma-component .b-tooltip.is-error-d20 .tooltip-content { background: #951616; color: #fff; } .Bulma-component .b-tooltip.is-error-d20.is-light .tooltip-content { background: #fceded; color: #e02a2a; } .Bulma-component .b-tooltip.is-error-l20 .tooltip-content { background: #c84949; color: #fff; } .Bulma-component .b-tooltip.is-error-l20.is-light .tooltip-content { background: #faefef; color: #b43636; } .Bulma-component .b-tooltip.is-error-l70 .tooltip-content { background: #eabbbb; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-error-l70.is-light .tooltip-content { background: #faefef; color: #712323; } .Bulma-component .b-tooltip.is-error-l80 .tooltip-content { background: #f1d1d1; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-error-l80.is-light .tooltip-content { background: #faefef; color: #712323; } .Bulma-component .b-tooltip.is-error-l90 .tooltip-content { background: #f8e8e8; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-error-l90.is-light .tooltip-content { background: #faefef; color: #712323; } .Bulma-component .b-tooltip.is-error-l95 .tooltip-content { background: #fcf4f4; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-error-l95.is-light .tooltip-content { background: #fcf4f4; color: #742020; } .Bulma-component .b-tooltip.is-info-d30 .tooltip-content { background: #167998; color: #fff; } .Bulma-component .b-tooltip.is-info-d30.is-light .tooltip-content { background: #edf9fc; color: #1ea3cd; } .Bulma-component .b-tooltip.is-info-l95 .tooltip-content { background: #edfbff; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-info-l95.is-light .tooltip-content { background: #edfbff; color: #007394; } .Bulma-component .b-tooltip.is-success-d30 .tooltip-content { background: #01582c; color: #fff; } .Bulma-component .b-tooltip.is-success-d30.is-light .tooltip-content { background: #ebfff5; color: #08fc81; } .Bulma-component .b-tooltip.is-success-l95 .tooltip-content { background: #ebf5f0; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-success-l95.is-light .tooltip-content { background: #f1f8f5; color: #31634a; } .Bulma-component .b-tooltip.is-warning-d30 .tooltip-content { background: #806000; color: #fff; } .Bulma-component .b-tooltip.is-warning-d30.is-light .tooltip-content { background: #fffaeb; color: #f5b800; } .Bulma-component .b-tooltip.is-warning-l95 .tooltip-content { background: #fffaeb; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-warning-l95.is-light .tooltip-content { background: #fffaeb; color: #946f00; } .Bulma-component .b-tooltip.is-brand-2 .tooltip-content { background: #0e9ca6; color: #fff; } .Bulma-component .b-tooltip.is-brand-2.is-light .tooltip-content { background: #ecfcfd; color: #10b1bc; } .Bulma-component .b-tooltip.is-brand-2-d20 .tooltip-content { background: #0b7d85; color: #fff; } .Bulma-component .b-tooltip.is-brand-2-d20.is-light .tooltip-content { background: #ecfcfd; color: #12ccd9; } .Bulma-component .b-tooltip.is-brand-2-l20 .tooltip-content { background: #3eb0b8; color: #fff; } .Bulma-component .b-tooltip.is-brand-2-l20.is-light .tooltip-content { background: #f0f9fa; color: #2d8086; } .Bulma-component .b-tooltip.is-brand-2-l70 .tooltip-content { background: #b7e1e4; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-brand-2-l70.is-light .tooltip-content { background: #f0f9f9; color: #28676c; } .Bulma-component .b-tooltip.is-brand-2-l80 .tooltip-content { background: #cfebed; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-brand-2-l80.is-light .tooltip-content { background: #f0f9f9; color: #28676c; } .Bulma-component .b-tooltip.is-brand-2-l90 .tooltip-content { background: #eef8f9; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-brand-2-l90.is-light .tooltip-content { background: #f0f9fa; color: #27676d; } .Bulma-component .b-tooltip.is-brand-2-l95 .tooltip-content { background: #f8fcfc; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-brand-2-l95.is-light .tooltip-content { background: #f8fcfc; color: #2c6868; } .Bulma-component .b-tooltip.is-brand-3 .tooltip-content { background: #e2583f; color: #fff; } .Bulma-component .b-tooltip.is-brand-3.is-light .tooltip-content { background: #fcf0ed; color: #ba341c; } .Bulma-component .b-tooltip.is-brand-3-d20 .tooltip-content { background: #b54632; color: #fff; } .Bulma-component .b-tooltip.is-brand-3-d20.is-light .tooltip-content { background: #fbf1ef; color: #bc4934; } .Bulma-component .b-tooltip.is-brand-3-l20 .tooltip-content { background: #e87965; color: #fff; } .Bulma-component .b-tooltip.is-brand-3-l20.is-light .tooltip-content { background: #fcf0ed; color: #a42e19; } .Bulma-component .b-tooltip.is-brand-3-l70 .tooltip-content { background: #f6cdc5; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-brand-3-l70.is-light .tooltip-content { background: #fcf0ed; color: #802614; } .Bulma-component .b-tooltip.is-brand-3-l80 .tooltip-content { background: #f9ded9; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-brand-3-l80.is-light .tooltip-content { background: #fcf0ed; color: #802514; } .Bulma-component .b-tooltip.is-brand-3-l90 .tooltip-content { background: #fceeec; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-brand-3-l90.is-light .tooltip-content { background: #fcefed; color: #802214; } .Bulma-component .b-tooltip.is-brand-3-l95 .tooltip-content { background: #fef7f5; color: rgba(0, 0, 0, 0.7); } .Bulma-component .b-tooltip.is-brand-3-l95.is-light .tooltip-content { background: #fef7f5; color: #86280d; } .Bulma-component .b-tooltip.is-always .tooltip-content::before, .Bulma-component .b-tooltip.is-always .tooltip-content { opacity: 1; visibility: visible; } .Bulma-component .b-tooltip.is-multiline .tooltip-content { display: flex-block; text-align: center; white-space: normal; } .Bulma-component .b-tooltip.is-multiline.is-small .tooltip-content { width: 180px; } .Bulma-component .b-tooltip.is-multiline.is-medium .tooltip-content { width: 240px; } .Bulma-component .b-tooltip.is-multiline.is-large .tooltip-content { width: 300px; } .Bulma-component .b-tooltip.is-dashed .tooltip-trigger { border-bottom: 1px dashed #e7e7e7; cursor: default; } .Bulma-component .b-tooltip.is-square .tooltip-content { border-radius: 0; } .Bulma-component .upload { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .Bulma-component .upload input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; outline: none; cursor: pointer; z-index: -1; } .Bulma-component .upload .upload-draggable { cursor: pointer; padding: 0.25em; border: 1px dashed #e7e7e7; border-radius: 16px; } .Bulma-component .upload .upload-draggable.is-disabled { opacity: 0.5; cursor: not-allowed; } .Bulma-component .upload .upload-draggable.is-loading { position: relative; pointer-events: none; opacity: 0.5; } .Bulma-component .upload .upload-draggable.is-loading:after { -webkit-animation: spinAround 500ms infinite linear; animation: spinAround 500ms infinite linear; border: 2px solid #f7f7f7; border-radius: 9999px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; top: 0; left: calc(50% - 1.5em); width: 3em; height: 3em; border-width: 0.25em; } .Bulma-component .upload .upload-draggable:hover.is-white, .Bulma-component .upload .upload-draggable.is-hovered.is-white { border-color: #FFFFFF; background: rgba(255, 255, 255, 0.05); } .Bulma-component .upload .upload-draggable:hover.is-black, .Bulma-component .upload .upload-draggable.is-hovered.is-black { border-color: #000000; background: rgba(0, 0, 0, 0.05); } .Bulma-component .upload .upload-draggable:hover.is-light, .Bulma-component .upload .upload-draggable.is-hovered.is-light { border-color: whitesmoke; background: rgba(245, 245, 245, 0.05); } .Bulma-component .upload .upload-draggable:hover.is-dark, .Bulma-component .upload .upload-draggable.is-hovered.is-dark { border-color: #363636; background: rgba(54, 54, 54, 0.05); } .Bulma-component .upload .upload-draggable:hover.is-primary, .Bulma-component .upload .upload-draggable.is-hovered.is-primary { border-color: #1064f4; background: rgba(16, 100, 244, 0.05); } .Bulma-component .upload .upload-draggable:hover.is-link, .Bulma-component .upload .upload-draggable.is-hovered.is-link { border-color: #1064f4; background: rgba(16, 100, 244, 0.05); } .Bulma-component .upload .upload-draggable:hover.is-info, .Bulma-component .upload .upload-draggable.is-hovered.is-info { border-color: #24c9fd; background: rgba(36, 201, 253, 0.05); } .Bulma-component .upload .upload-draggable:hover.is-success, .Bulma-component .upload .upload-draggable.is-hovered.is-success { border-color: #027d3f; background: rgba(2, 125, 63, 0.05); } .Bulma-component .upload .upload-draggable:hover.is-warning, .Bulma-component .upload .upload-draggable.is-hovered.is-warning { border-color: #ffbf00; background: rgba(255, 191, 0, 0.05); } .Bulma-component .upload .upload-draggable:hover.is-danger, .Bulma-component .upload .upload-draggable.is-hovered.is-danger { border-color: #ba1b1b; background: rgba(186, 27, 27, 0.05); } .Bulma-component .upload .upload-draggable.is-expanded { width: 100%; } .Bulma-component .upload.is-expanded { width: 100%; } .Bulma-component .upload.is-rounded { border-radius: 9999px; } .Bulma-component .upload.is-rounded .file-name { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .Bulma-component .upload input[type=file] { z-index: auto; } .Bulma-component .upload .upload-draggable + input[type=file] { z-index: -1; } } .Bulma-component .button { -webkit-transition-property: background-color, border-right-color, border-left-color, border-top-color, border-bottom-color; transition-property: background-color, border-right-color, border-left-color, border-top-color, border-bottom-color; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 150ms; transition-duration: 150ms; white-space: normal; font-size: 1.5em; height: auto; font-weight: 700; } .Bulma-component .button.is-disabled { background-color: #878787; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; opacity: 0.5; cursor: not-allowed; } .Bulma-component .button.is-small { font-size: 1em; } .Bulma-component .button.is-medium { font-size: 1.5em; } .Bulma-component .button.is-large { font-size: 2em; } .Bulma-component .button.is-disabled[disabled=false], .Bulma-component .button[disabled][disabled=false], fieldset[disabled] .Bulma-component .button[disabled=false] { opacity: 1; cursor: pointer; } .Bulma-component .button.is-disabled:not([loading=true]), .Bulma-component .button[disabled]:not([loading=true]), fieldset[disabled] .Bulma-component .button:not([loading=true]) { color: #0f0f0f; } .Bulma-component .button.is-disabled:not([loading=true]):hover, .Bulma-component .button[disabled]:not([loading=true]):hover, fieldset[disabled] .Bulma-component .button:not([loading=true]):hover { color: #0f0f0f; } .Bulma-component .button.is-disabled[loading=true], .Bulma-component .button[disabled][loading=true], fieldset[disabled] .Bulma-component .button[loading=true] { background-color: #f7f7f7; color: #878787; opacity: 1; } .Bulma-component .button.is-disabled[loading=true] .icon, .Bulma-component .button[disabled][loading=true] .icon, fieldset[disabled] .Bulma-component .button[loading=true] .icon { display: inline-block; } .Bulma-component .button:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button[disabled=false]:active, .Bulma-component .button[disabled=false].is-active { background-color: #e7e7e7; } .Bulma-component .button.is-subtle { border: 1px solid transparent; } .Bulma-component .button.is-subtle[disabled][loading=true], .Bulma-component .button.is-subtle.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-subtle[loading=true] { background-color: #e9f1fe; color: #1064f4; border: 1px solid transparent; } .Bulma-component .button.is-subtle[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-subtle.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-subtle.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-subtle[disabled=false] { background-color: #e9f1fe; color: #1064f4; } .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-subtle[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-subtle[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-subtle[disabled=false]:hover, .Bulma-component .button.is-subtle[disabled=false].is-hovered { background-color: #cfe0fd; color: #1064f4; border: 1px solid transparent; } .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-subtle[disabled=false]:focus, .Bulma-component .button.is-subtle[disabled=false].is-focused { color: #1064f4; } .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-subtle[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-subtle[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); border-color: #1064f4; } .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-subtle[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-subtle[disabled=false].is-focused.is-filled:not(:active) { border-color: #e9f1fe; -webkit-box-shadow: 0 0 0 0.125em rgba(233, 241, 254, 0.25); box-shadow: 0 0 0 0.125em rgba(233, 241, 254, 0.25); } .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-subtle[disabled=false]:active, .Bulma-component .button.is-subtle[disabled=false].is-active { background-color: #b7d0fc; border: 1px solid transparent; color: #1064f4; } .Bulma-component .button.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-subtle[disabled=false].is-loading::after { border-color: transparent transparent #1064f4 #1064f4 !important; } .Bulma-component .button.is-invert { border: 1px solid transparent; } .Bulma-component .button.is-invert[disabled][loading=true], .Bulma-component .button.is-invert.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-invert[loading=true] { background-color: #ffffff; color: #1064f4; border: 1px solid transparent; } .Bulma-component .button.is-invert[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-invert.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-invert.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-invert[disabled=false] { background-color: #ffffff; color: #1064f4; } .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-invert[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-invert[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-invert[disabled=false]:hover, .Bulma-component .button.is-invert[disabled=false].is-hovered { background-color: #e9f1fe; color: #1064f4; border: 1px solid transparent; } .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-invert[disabled=false]:focus, .Bulma-component .button.is-invert[disabled=false].is-focused { color: #1064f4; } .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-invert[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-invert[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); border-color: #1064f4; } .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-invert[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-invert[disabled=false].is-focused.is-filled:not(:active) { border-color: #ffffff; -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-invert[disabled=false]:active, .Bulma-component .button.is-invert[disabled=false].is-active { background-color: #cfe0fd; border: 1px solid transparent; color: #1064f4; } .Bulma-component .button.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-invert[disabled=false].is-loading::after { border-color: transparent transparent #1064f4 #1064f4 !important; } .Bulma-component .button.is-filled { border: 1px solid transparent; } .Bulma-component .button.is-filled[disabled][loading=true], .Bulma-component .button.is-filled.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-filled[loading=true] { background-color: #1064f4; color: #ffffff; border: 1px solid transparent; } .Bulma-component .button.is-filled[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-filled.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-filled.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-filled[disabled=false] { background-color: #1064f4; color: #ffffff; } .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-filled[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-filled[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-filled[disabled=false]:hover, .Bulma-component .button.is-filled[disabled=false].is-hovered { background-color: #3f81f6; color: #ffffff; border: 1px solid transparent; } .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-filled[disabled=false]:focus, .Bulma-component .button.is-filled[disabled=false].is-focused { color: #ffffff; } .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-filled[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-filled[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); border-color: #ffffff; } .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-filled[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-filled[disabled=false].is-focused.is-filled:not(:active) { border-color: #1064f4; -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); } .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-filled[disabled=false]:active, .Bulma-component .button.is-filled[disabled=false].is-active { background-color: #0b45ab; border: 1px solid transparent; color: #ffffff; } .Bulma-component .button.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-filled[disabled=false].is-loading::after { border-color: transparent transparent #ffffff #ffffff !important; } .Bulma-component .button.is-outline { border: 2px solid #1064f4; } .Bulma-component .button.is-outline[disabled][loading=true], .Bulma-component .button.is-outline.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-outline[loading=true] { background-color: #ffffff; color: #1064f4; border: 2px solid #1064f4; } .Bulma-component .button.is-outline[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-outline.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-outline.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-outline[disabled=false] { background-color: #ffffff; color: #1064f4; } .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-outline[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-outline[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-outline[disabled=false]:hover, .Bulma-component .button.is-outline[disabled=false].is-hovered { background-color: #e9f1fe; color: #1064f4; border: 2px solid #1064f4; } .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-outline[disabled=false]:focus, .Bulma-component .button.is-outline[disabled=false].is-focused { color: #1064f4; } .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-outline[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-outline[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); box-shadow: 0 0 0 0.125em rgba(16, 100, 244, 0.25); border-color: #1064f4; } .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-outline[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-outline[disabled=false].is-focused.is-filled:not(:active) { border-color: #ffffff; -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-outline[disabled=false]:active, .Bulma-component .button.is-outline[disabled=false].is-active { background-color: #cfe0fd; border: 2px solid #1064f4; color: #1064f4; } .Bulma-component .button.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-outline[disabled=false].is-loading::after { border-color: transparent transparent #1064f4 #1064f4 !important; } .Bulma-component .button.is-danger.is-filled { border: 1px solid transparent; } .Bulma-component .button.is-danger.is-filled[disabled][loading=true], .Bulma-component .button.is-danger.is-filled.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-danger.is-filled[loading=true] { background-color: #ba1b1b; color: #ffffff; border: 1px solid transparent; } .Bulma-component .button.is-danger.is-filled[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-danger.is-filled.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-danger.is-filled.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-danger.is-filled[disabled=false] { background-color: #ba1b1b; color: #ffffff; } .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-danger.is-filled[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-danger.is-filled[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-danger.is-filled[disabled=false]:hover, .Bulma-component .button.is-danger.is-filled[disabled=false].is-hovered { background-color: #c84949; color: #ffffff; border: 1px solid transparent; } .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-danger.is-filled[disabled=false]:focus, .Bulma-component .button.is-danger.is-filled[disabled=false].is-focused { color: #ffffff; } .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-danger.is-filled[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-danger.is-filled[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); border-color: #ffffff; } .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-danger.is-filled[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-danger.is-filled[disabled=false].is-focused.is-filled:not(:active) { border-color: #ba1b1b; -webkit-box-shadow: 0 0 0 0.125em rgba(186, 27, 27, 0.25); box-shadow: 0 0 0 0.125em rgba(186, 27, 27, 0.25); } .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-danger.is-filled[disabled=false]:active, .Bulma-component .button.is-danger.is-filled[disabled=false].is-active { background-color: #951616; border: 1px solid transparent; color: #ffffff; } .Bulma-component .button.is-danger.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-danger.is-filled[disabled=false].is-loading::after { border-color: transparent transparent #ffffff #ffffff !important; } .Bulma-component .button.is-danger.is-subtle { border: 1px solid transparent; } .Bulma-component .button.is-danger.is-subtle[disabled][loading=true], .Bulma-component .button.is-danger.is-subtle.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-danger.is-subtle[loading=true] { background-color: #f8e8e8; color: #ba1b1b; border: 1px solid transparent; } .Bulma-component .button.is-danger.is-subtle[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-danger.is-subtle.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-danger.is-subtle.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-danger.is-subtle[disabled=false] { background-color: #f8e8e8; color: #ba1b1b; } .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-danger.is-subtle[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-danger.is-subtle[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-danger.is-subtle[disabled=false]:hover, .Bulma-component .button.is-danger.is-subtle[disabled=false].is-hovered { background-color: #f1d1d1; color: #ba1b1b; border: 1px solid transparent; } .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-danger.is-subtle[disabled=false]:focus, .Bulma-component .button.is-danger.is-subtle[disabled=false].is-focused { color: #ba1b1b; } .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-danger.is-subtle[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-danger.is-subtle[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(186, 27, 27, 0.25); box-shadow: 0 0 0 0.125em rgba(186, 27, 27, 0.25); border-color: #ba1b1b; } .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-danger.is-subtle[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-danger.is-subtle[disabled=false].is-focused.is-filled:not(:active) { border-color: #f8e8e8; -webkit-box-shadow: 0 0 0 0.125em rgba(248, 232, 232, 0.25); box-shadow: 0 0 0 0.125em rgba(248, 232, 232, 0.25); } .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-danger.is-subtle[disabled=false]:active, .Bulma-component .button.is-danger.is-subtle[disabled=false].is-active { background-color: #eabbbb; border: 1px solid transparent; color: #ba1b1b; } .Bulma-component .button.is-danger.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-danger.is-subtle[disabled=false].is-loading::after { border-color: transparent transparent #ba1b1b #ba1b1b !important; } .Bulma-component .button.is-brand2.is-subtle { border: 1px solid transparent; } .Bulma-component .button.is-brand2.is-subtle[disabled][loading=true], .Bulma-component .button.is-brand2.is-subtle.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-brand2.is-subtle[loading=true] { background-color: #eef8f9; color: #0e9ca6; border: 1px solid transparent; } .Bulma-component .button.is-brand2.is-subtle[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-brand2.is-subtle.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-brand2.is-subtle.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-brand2.is-subtle[disabled=false] { background-color: #eef8f9; color: #0e9ca6; } .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-brand2.is-subtle[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-brand2.is-subtle[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-brand2.is-subtle[disabled=false]:hover, .Bulma-component .button.is-brand2.is-subtle[disabled=false].is-hovered { background-color: #cfebed; color: #0e9ca6; border: 1px solid transparent; } .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-brand2.is-subtle[disabled=false]:focus, .Bulma-component .button.is-brand2.is-subtle[disabled=false].is-focused { color: #0e9ca6; } .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-brand2.is-subtle[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand2.is-subtle[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(14, 156, 166, 0.25); box-shadow: 0 0 0 0.125em rgba(14, 156, 166, 0.25); border-color: #0e9ca6; } .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-brand2.is-subtle[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-brand2.is-subtle[disabled=false].is-focused.is-filled:not(:active) { border-color: #eef8f9; -webkit-box-shadow: 0 0 0 0.125em rgba(238, 248, 249, 0.25); box-shadow: 0 0 0 0.125em rgba(238, 248, 249, 0.25); } .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-brand2.is-subtle[disabled=false]:active, .Bulma-component .button.is-brand2.is-subtle[disabled=false].is-active { background-color: #b7e1e4; border: 1px solid transparent; color: #0e9ca6; } .Bulma-component .button.is-brand2.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-brand2.is-subtle[disabled=false].is-loading::after { border-color: transparent transparent #0e9ca6 #0e9ca6 !important; } .Bulma-component .button.is-brand2.is-invert { border: 1px solid transparent; } .Bulma-component .button.is-brand2.is-invert[disabled][loading=true], .Bulma-component .button.is-brand2.is-invert.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-brand2.is-invert[loading=true] { background-color: #ffffff; color: #0e9ca6; border: 1px solid transparent; } .Bulma-component .button.is-brand2.is-invert[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-brand2.is-invert.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-brand2.is-invert.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-brand2.is-invert[disabled=false] { background-color: #ffffff; color: #0e9ca6; } .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-brand2.is-invert[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-brand2.is-invert[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-brand2.is-invert[disabled=false]:hover, .Bulma-component .button.is-brand2.is-invert[disabled=false].is-hovered { background-color: #eef8f9; color: #0e9ca6; border: 1px solid transparent; } .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-brand2.is-invert[disabled=false]:focus, .Bulma-component .button.is-brand2.is-invert[disabled=false].is-focused { color: #0e9ca6; } .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-brand2.is-invert[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand2.is-invert[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(14, 156, 166, 0.25); box-shadow: 0 0 0 0.125em rgba(14, 156, 166, 0.25); border-color: #0e9ca6; } .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-brand2.is-invert[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-brand2.is-invert[disabled=false].is-focused.is-filled:not(:active) { border-color: #ffffff; -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-brand2.is-invert[disabled=false]:active, .Bulma-component .button.is-brand2.is-invert[disabled=false].is-active { background-color: #cfebed; border: 1px solid transparent; color: #0e9ca6; } .Bulma-component .button.is-brand2.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-brand2.is-invert[disabled=false].is-loading::after { border-color: transparent transparent #0e9ca6 #0e9ca6 !important; } .Bulma-component .button.is-brand2.is-filled { border: 1px solid transparent; } .Bulma-component .button.is-brand2.is-filled[disabled][loading=true], .Bulma-component .button.is-brand2.is-filled.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-brand2.is-filled[loading=true] { background-color: #0e9ca6; color: #ffffff; border: 1px solid transparent; } .Bulma-component .button.is-brand2.is-filled[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-brand2.is-filled.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-brand2.is-filled.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-brand2.is-filled[disabled=false] { background-color: #0e9ca6; color: #ffffff; } .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-brand2.is-filled[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-brand2.is-filled[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-brand2.is-filled[disabled=false]:hover, .Bulma-component .button.is-brand2.is-filled[disabled=false].is-hovered { background-color: #3eb0b8; color: #ffffff; border: 1px solid transparent; } .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-brand2.is-filled[disabled=false]:focus, .Bulma-component .button.is-brand2.is-filled[disabled=false].is-focused { color: #ffffff; } .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-brand2.is-filled[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand2.is-filled[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); border-color: #ffffff; } .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-brand2.is-filled[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-brand2.is-filled[disabled=false].is-focused.is-filled:not(:active) { border-color: #0e9ca6; -webkit-box-shadow: 0 0 0 0.125em rgba(14, 156, 166, 0.25); box-shadow: 0 0 0 0.125em rgba(14, 156, 166, 0.25); } .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-brand2.is-filled[disabled=false]:active, .Bulma-component .button.is-brand2.is-filled[disabled=false].is-active { background-color: #0b7d85; border: 1px solid transparent; color: #ffffff; } .Bulma-component .button.is-brand2.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-brand2.is-filled[disabled=false].is-loading::after { border-color: transparent transparent #ffffff #ffffff !important; } .Bulma-component .button.is-brand2.is-outline { border: 2px solid #0e9ca6; } .Bulma-component .button.is-brand2.is-outline[disabled][loading=true], .Bulma-component .button.is-brand2.is-outline.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-brand2.is-outline[loading=true] { background-color: #ffffff; color: #0e9ca6; border: 2px solid #0e9ca6; } .Bulma-component .button.is-brand2.is-outline[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-brand2.is-outline.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-brand2.is-outline.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-brand2.is-outline[disabled=false] { background-color: #ffffff; color: #0e9ca6; } .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-brand2.is-outline[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-brand2.is-outline[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-brand2.is-outline[disabled=false]:hover, .Bulma-component .button.is-brand2.is-outline[disabled=false].is-hovered { background-color: #eef8f9; color: #0e9ca6; border: 2px solid #0e9ca6; } .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-brand2.is-outline[disabled=false]:focus, .Bulma-component .button.is-brand2.is-outline[disabled=false].is-focused { color: #0e9ca6; } .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-brand2.is-outline[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand2.is-outline[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(14, 156, 166, 0.25); box-shadow: 0 0 0 0.125em rgba(14, 156, 166, 0.25); border-color: #0e9ca6; } .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-brand2.is-outline[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-brand2.is-outline[disabled=false].is-focused.is-filled:not(:active) { border-color: #ffffff; -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-brand2.is-outline[disabled=false]:active, .Bulma-component .button.is-brand2.is-outline[disabled=false].is-active { background-color: #cfebed; border: 2px solid #0e9ca6; color: #0e9ca6; } .Bulma-component .button.is-brand2.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-brand2.is-outline[disabled=false].is-loading::after { border-color: transparent transparent #0e9ca6 #0e9ca6 !important; } .Bulma-component .button.is-brand3.is-subtle { border: 1px solid transparent; } .Bulma-component .button.is-brand3.is-subtle[disabled][loading=true], .Bulma-component .button.is-brand3.is-subtle.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-brand3.is-subtle[loading=true] { background-color: #fceeec; color: #e2583f; border: 1px solid transparent; } .Bulma-component .button.is-brand3.is-subtle[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-brand3.is-subtle.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-brand3.is-subtle.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-brand3.is-subtle[disabled=false] { background-color: #fceeec; color: #e2583f; } .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-brand3.is-subtle[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-brand3.is-subtle[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-brand3.is-subtle[disabled=false]:hover, .Bulma-component .button.is-brand3.is-subtle[disabled=false].is-hovered { background-color: #f9ded9; color: #e2583f; border: 1px solid transparent; } .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-brand3.is-subtle[disabled=false]:focus, .Bulma-component .button.is-brand3.is-subtle[disabled=false].is-focused { color: #e2583f; } .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-brand3.is-subtle[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand3.is-subtle[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(226, 88, 63, 0.25); box-shadow: 0 0 0 0.125em rgba(226, 88, 63, 0.25); border-color: #e2583f; } .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-brand3.is-subtle[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-brand3.is-subtle[disabled=false].is-focused.is-filled:not(:active) { border-color: #fceeec; -webkit-box-shadow: 0 0 0 0.125em rgba(252, 238, 236, 0.25); box-shadow: 0 0 0 0.125em rgba(252, 238, 236, 0.25); } .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-brand3.is-subtle[disabled=false]:active, .Bulma-component .button.is-brand3.is-subtle[disabled=false].is-active { background-color: #f6cdc5; border: 1px solid transparent; color: #e2583f; } .Bulma-component .button.is-brand3.is-subtle:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-brand3.is-subtle[disabled=false].is-loading::after { border-color: transparent transparent #e2583f #e2583f !important; } .Bulma-component .button.is-brand3.is-invert { border: 1px solid transparent; } .Bulma-component .button.is-brand3.is-invert[disabled][loading=true], .Bulma-component .button.is-brand3.is-invert.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-brand3.is-invert[loading=true] { background-color: #ffffff; color: #e2583f; border: 1px solid transparent; } .Bulma-component .button.is-brand3.is-invert[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-brand3.is-invert.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-brand3.is-invert.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-brand3.is-invert[disabled=false] { background-color: #ffffff; color: #e2583f; } .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-brand3.is-invert[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-brand3.is-invert[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-brand3.is-invert[disabled=false]:hover, .Bulma-component .button.is-brand3.is-invert[disabled=false].is-hovered { background-color: #fceeec; color: #e2583f; border: 1px solid transparent; } .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-brand3.is-invert[disabled=false]:focus, .Bulma-component .button.is-brand3.is-invert[disabled=false].is-focused { color: #e2583f; } .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-brand3.is-invert[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand3.is-invert[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(226, 88, 63, 0.25); box-shadow: 0 0 0 0.125em rgba(226, 88, 63, 0.25); border-color: #e2583f; } .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-brand3.is-invert[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-brand3.is-invert[disabled=false].is-focused.is-filled:not(:active) { border-color: #ffffff; -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-brand3.is-invert[disabled=false]:active, .Bulma-component .button.is-brand3.is-invert[disabled=false].is-active { background-color: #f9ded9; border: 1px solid transparent; color: #e2583f; } .Bulma-component .button.is-brand3.is-invert:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-brand3.is-invert[disabled=false].is-loading::after { border-color: transparent transparent #e2583f #e2583f !important; } .Bulma-component .button.is-brand3.is-filled { border: 1px solid transparent; } .Bulma-component .button.is-brand3.is-filled[disabled][loading=true], .Bulma-component .button.is-brand3.is-filled.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-brand3.is-filled[loading=true] { background-color: #e2583f; color: #ffffff; border: 1px solid transparent; } .Bulma-component .button.is-brand3.is-filled[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-brand3.is-filled.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-brand3.is-filled.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-brand3.is-filled[disabled=false] { background-color: #e2583f; color: #ffffff; } .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-brand3.is-filled[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-brand3.is-filled[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-brand3.is-filled[disabled=false]:hover, .Bulma-component .button.is-brand3.is-filled[disabled=false].is-hovered { background-color: #e87965; color: #ffffff; border: 1px solid transparent; } .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-brand3.is-filled[disabled=false]:focus, .Bulma-component .button.is-brand3.is-filled[disabled=false].is-focused { color: #ffffff; } .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-brand3.is-filled[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand3.is-filled[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); border-color: #ffffff; } .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-brand3.is-filled[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-brand3.is-filled[disabled=false].is-focused.is-filled:not(:active) { border-color: #e2583f; -webkit-box-shadow: 0 0 0 0.125em rgba(226, 88, 63, 0.25); box-shadow: 0 0 0 0.125em rgba(226, 88, 63, 0.25); } .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-brand3.is-filled[disabled=false]:active, .Bulma-component .button.is-brand3.is-filled[disabled=false].is-active { background-color: #b54632; border: 1px solid transparent; color: #ffffff; } .Bulma-component .button.is-brand3.is-filled:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-brand3.is-filled[disabled=false].is-loading::after { border-color: transparent transparent #ffffff #ffffff !important; } .Bulma-component .button.is-brand3.is-outline { border: 2px solid #e2583f; } .Bulma-component .button.is-brand3.is-outline[disabled][loading=true], .Bulma-component .button.is-brand3.is-outline.is-disabled[loading=true], fieldset[disabled] .Bulma-component .button.is-brand3.is-outline[loading=true] { background-color: #ffffff; color: #e2583f; border: 2px solid #e2583f; } .Bulma-component .button.is-brand3.is-outline[disabled].is-outline:not([loading=true]), .Bulma-component .button.is-brand3.is-outline.is-disabled.is-outline:not([loading=true]), fieldset[disabled] .Bulma-component .button.is-brand3.is-outline.is-outline:not([loading=true]) { background-color: transparent; border-color: #0f0f0f; } .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]), .Bulma-component .button.is-brand3.is-outline[disabled=false] { background-color: #ffffff; color: #e2583f; } .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-outline, .Bulma-component .button.is-brand3.is-outline[disabled=false].is-outline { background: transparent; } .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-invert, .Bulma-component .button.is-brand3.is-outline[disabled=false].is-invert { background: transparent; } .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):hover, .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-hovered, .Bulma-component .button.is-brand3.is-outline[disabled=false]:hover, .Bulma-component .button.is-brand3.is-outline[disabled=false].is-hovered { background-color: #fceeec; color: #e2583f; border: 2px solid #e2583f; } .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus, .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused, .Bulma-component .button.is-brand3.is-outline[disabled=false]:focus, .Bulma-component .button.is-brand3.is-outline[disabled=false].is-focused { color: #e2583f; } .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused:not(.is-filled):not(:active), .Bulma-component .button.is-brand3.is-outline[disabled=false]:focus:not(.is-filled):not(:active), .Bulma-component .button.is-brand3.is-outline[disabled=false].is-focused:not(.is-filled):not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(226, 88, 63, 0.25); box-shadow: 0 0 0 0.125em rgba(226, 88, 63, 0.25); border-color: #e2583f; } .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):focus.is-filled:not(:active), .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-focused.is-filled:not(:active), .Bulma-component .button.is-brand3.is-outline[disabled=false]:focus.is-filled:not(:active), .Bulma-component .button.is-brand3.is-outline[disabled=false].is-focused.is-filled:not(:active) { border-color: #ffffff; -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]):active, .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-active, .Bulma-component .button.is-brand3.is-outline[disabled=false]:active, .Bulma-component .button.is-brand3.is-outline[disabled=false].is-active { background-color: #f9ded9; border: 2px solid #e2583f; color: #e2583f; } .Bulma-component .button.is-brand3.is-outline:not([disabled], [disabled=disabled], [disabled=true], .is-disabled, fieldset[disabled]).is-loading::after, .Bulma-component .button.is-brand3.is-outline[disabled=false].is-loading::after { border-color: transparent transparent #e2583f #e2583f !important; } .Bulma-component .help { color: #6f6f6f; } .Bulma-component .field .required { color: #ba1b1b; font-weight: normal; } .Bulma-component .field .input-hint { color: #6f6f6f; margin-top: -4px; margin-bottom: 12px; } .Bulma-component .input { border-color: #e7e7e7; color: #0f0f0f; height: auto; -webkit-transition-property: background-color, border-right-color, border-left-color, border-top-color, border-bottom-color; transition-property: background-color, border-right-color, border-left-color, border-top-color, border-bottom-color; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 150ms; transition-duration: 150ms; border-width: 2px; padding: 10px; } .Bulma-component .input.textarea ~ .icon.is-left, .Bulma-component .input.textarea ~ .icon.is-right { top: 4px; } .Bulma-component .input::-webkit-input-placeholder { color: #6f6f6f; opacity: 1; } .Bulma-component .input::-moz-placeholder { color: #6f6f6f; opacity: 1; } .Bulma-component .input:-ms-input-placeholder { color: #6f6f6f; opacity: 1; } .Bulma-component .input::-ms-input-placeholder { color: #6f6f6f; opacity: 1; } .Bulma-component .input::placeholder { color: #6f6f6f; opacity: 1; } .Bulma-component .input:-ms-input-placeholder { color: #6f6f6f; } .Bulma-component .input::-ms-input-placeholder { color: #6f6f6f; } .Bulma-component .input:hover, .Bulma-component .input.is-hovered { background-color: #e9f1fe; } .Bulma-component .input:not(:focus, .is-focused, :active, .is-active, .is-success, .is-error) { border-width: 1px; padding: 11px; } .control.has-icons-left .Bulma-component .input:not(:focus, .is-focused, :active, .is-active, .is-success, .is-error) { padding-left: 39px; } .control.has-icons-right .Bulma-component .input:not(:focus, .is-focused, :active, .is-active, .is-success, .is-error) { padding-right: 39px; } .Bulma-component .input[disabled], fieldset[disabled] .Bulma-component .input { padding: 11px; background-color: #878787; border-color: #0f0f0f; color: #0f0f0f; opacity: 0.5; border-width: 1px; } .Bulma-component .control.has-icons-right .input ~ .icon, .Bulma-component .control.has-icons-right .input:focus ~ .icon, .Bulma-component .control.has-icons-left .input ~ .icon, .Bulma-component .control.has-icons-left .input:focus ~ .icon { color: #878787; } .Bulma-component .control.has-icons-left .input { padding-left: 38px; } .Bulma-component .control.has-icons-right .input { padding-right: 38px; } .Bulma-component .control.has-icons-right .input.has-status-icon { padding-right: 62px; } .Bulma-component .control.has-icons-right .input.textarea.has-status-icon { padding-right: 38px; } .Bulma-component .hb-input-container { position: relative; } .Bulma-component .hb-input-container .status-indicator { position: absolute; bottom: 18px; right: 16px; width: 16px; height: 16px; overflow: hidden; } .Bulma-component .hb-input-container .has-icons-right + .status-indicator.inline { margin-right: 1.5rem; right: 16px; z-index: 5; } .Bulma-component .hb-input-container .has-icons-right + .status-indicator.inline .icon.is-left, .Bulma-component .hb-input-container .has-icons-right + .status-indicator.inline .icon.is-right { top: 0; } .Bulma-component .SliderDisplay__container { margin-right: 8px; margin-left: 8px; padding-top: 16px; padding-bottom: 24px; position: relative; } .Bulma-component .SliderDisplay__container span:first-of-type { border-bottom-left-radius: 8px; border-right: 2px solid #ffffff; border-top-left-radius: 8px; } .Bulma-component .SliderDisplay__container span:last-of-type { border-bottom-right-radius: 8px; border-left: 2px solid #ffffff; border-top-right-radius: 8px; } .Bulma-component .SliderDisplay__background { display: inline-block; height: 12px; } .Bulma-component .SliderDisplay__background-edge { background-color: #f1d1d1; width: 25%; } .Bulma-component .SliderDisplay__background-edge.InRange { background-color: #ba1b1b; } .Bulma-component .SliderDisplay__background-center { background-color: #ebf5f0; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .Bulma-component .SliderDisplay__background-center.InRange { background-color: #027d3f; } .Bulma-component .SliderDisplay__number { position: absolute; top: 36px; -webkit-transform: translateX(-50%); transform: translateX(-50%); font: normal 14px/150% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; color: #3f3f3f; } .Bulma-component .SliderDisplay__number-min { left: 0%; } .Bulma-component .SliderDisplay__number-low { left: 25%; } .Bulma-component .SliderDisplay__number-high { left: 75%; } .Bulma-component .SliderDisplay__number-max { left: 100%; } .Bulma-component .SliderDisplay__thumb { left: 0%; position: absolute; top: 8px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .Bulma-component .SliderDisplay__number-maxOffset { -webkit-transform: translateX(-150%); transform: translateX(-150%); } .Bulma-component .SliderDisplay__number-minOffset { -webkit-transform: translateX(150%); transform: translateX(150%); } .Bulma-component .dropdown .dropdown-menu { margin-top: 4px; border: 1px solid #e7e7e7; width: auto; } .Bulma-component .dropdown .dropdown-menu .dropdown-item, .Bulma-component .dropdown .dropdown-menu .has-link a { font-size: 1em; padding: 16px 40px 16px 20px; position: relative; } .Bulma-component .dropdown .dropdown-menu .dropdown-item.group-title, .Bulma-component .dropdown .dropdown-menu .has-link a.group-title { position: sticky; top: 0; font-size: 14px; background-color: #f7f7f7; padding-top: 4px; padding-bottom: 4px; } .Bulma-component .dropdown .dropdown-menu .dropdown-item:not(.group-title), .Bulma-component .dropdown .dropdown-menu .has-link a:not(.group-title) { -webkit-transition-property: background-color, border-right-color, border-left-color, border-top-color, border-bottom-color; transition-property: background-color, border-right-color, border-left-color, border-top-color, border-bottom-color; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 150ms; transition-duration: 150ms; } .Bulma-component .dropdown .dropdown-menu .dropdown-item .hover-trigger, .Bulma-component .dropdown .dropdown-menu .has-link a .hover-trigger { padding: 16px 20px; margin: -16px -20px; } .Bulma-component .dropdown .dropdown-menu .dropdown-item .hover-trigger.is-active, .Bulma-component .dropdown .dropdown-menu .has-link a .hover-trigger.is-active { font-weight: bold; color: #1064f4; } .Bulma-component .dropdown .dropdown-menu .dropdown-item .hover-trigger.is-active .selected-marker, .Bulma-component .dropdown .dropdown-menu .has-link a .hover-trigger.is-active .selected-marker { display: inline-block; } .Bulma-component .dropdown .dropdown-menu .dropdown-item:not(:last-child), .Bulma-component .dropdown .dropdown-menu .has-link a:not(:last-child) { border-bottom: 1px solid #e7e7e7; } .Bulma-component .dropdown .dropdown-menu .dropdown-item:first-child, .Bulma-component .dropdown .dropdown-menu .has-link a:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; } .Bulma-component .dropdown .dropdown-menu .dropdown-item.is-hovered, .Bulma-component .dropdown .dropdown-menu .has-link a.is-hovered { background-color: #f3f7ff; } .Bulma-component .dropdown .dropdown-menu .dropdown-item.is-active, .Bulma-component .dropdown .dropdown-menu .has-link a.is-active { font-weight: bold; color: #1064f4; } .Bulma-component .dropdown .dropdown-menu .dropdown-item.is-active .selected-marker, .Bulma-component .dropdown .dropdown-menu .has-link a.is-active .selected-marker { display: inline-block; } .Bulma-component .dropdown .dropdown-menu .dropdown-item .selected-marker, .Bulma-component .dropdown .dropdown-menu .has-link a .selected-marker { position: absolute; right: 12px; display: none; } .Bulma-component .dropdown.is-inline .select-menu { position: absolute; } .Bulma-component .datepicker .pagination-list { gap: 4px; } .Bulma-component .datepicker .datepicker-table .datepicker-cell { border-radius: 4px; } .Bulma-component .datepicker .monthpicker-table { max-width: 40vw; margin: 0 -4px; } .Bulma-component .datepicker .monthpicker-table .monthpicker-cell { margin: 0 4px 8px 4px; width: calc(25% - 8px); } .Bulma-component .icon { scale: 1.5; } .Bulma-component .b-table .table { border: 0.1rem solid #E2DBD8; border-radius: 0.4rem; } .Bulma-component .notification { overflow: hidden; } .Bulma-component .notification:before { content: ""; border-left-width: 4px; border-left-style: solid; width: 4px; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; } .Bulma-component .notification > .delete { color: #6f6f6f; background: transparent; } .Bulma-component .notification > .delete:hover { background: transparent; } .Bulma-component .notification > .delete:hover:before, .Bulma-component .notification > .delete:hover:after { background-color: #6f6f6f; } .Bulma-component .notification > .delete:before, .Bulma-component .notification > .delete:after { background-color: #878787; } .Bulma-component .hb-font-display-1 { font: bold 48px/115% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-display-1-italic { font: bold italic 48px/115% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-display-2 { font: bold 40px/115% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-display-2-italic { font: bold italic 40px/115% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-heading-1 { font: bold 32px/115% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-heading-2 { font: bold 28px/115% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-heading-3 { font: bold 24px/115% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-heading-4 { font: bold 18px/115% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-text-regular { font: normal 16px/150% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-text-bold { font: bold 16px/150% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-text-italic { font: italic 16px/150% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-small-regular { font: normal 14px/150% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-small-bold { font: bold 14px/150% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-nav-button { font: bold 16px/100% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .hb-font-nav-link { font: normal 16px/150% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: underline; } .Bulma-component .hb-font-nav-small-link { font: normal 14px/150% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: underline; } .Bulma-component .content p, .Bulma-component .content li { font: normal 16px/150% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .content ol, .Bulma-component .content ul { margin-left: 28px; margin-top: 0; } .Bulma-component .content ol li + li, .Bulma-component .content ul li + li { margin-top: 8px; } .Bulma-component .content h2 { font: bold 28px/115% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .content h2:not(:first-child) { margin-top: 20px; } .Bulma-component .content h2:not(:last-child) { margin-bottom: 20px; } .Bulma-component .content h3 { font: bold 24px/115% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .content h3:not(:first-child) { margin-top: 20px; } .Bulma-component .content h3:not(:last-child) { margin-bottom: 20px; } .Bulma-component .content h4 { font: bold 18px/115% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .content h4:not(:first-child) { margin-top: 20px; } .Bulma-component .content h4:not(:last-child) { margin-bottom: 20px; } .Bulma-component .content strong { font: bold 16px/150% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .content em { font: italic 16px/150% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: none; } .Bulma-component .content a { font: normal 16px/150% "Open Sans", sans-serif; letter-spacing: 0%; margin-bottom: 0; text-transform: none; text-decoration: underline; color: #0e9ca6; font-weight: bold; text-decoration: none; } .Bulma-component .content.is-medium p, .Bulma-component .content.is-medium li, .Bulma-component .content.is-medium strong, .Bulma-component .content.is-medium em, .Bulma-component .content.is-medium a { font-size: 18px; } .Bulma-component .content.has-text-centered ol, .Bulma-component .content.has-text-centered ul { list-style-position: inside; margin-left: auto; margin-right: auto; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .Bulma-component .content.has-text-centered ol li, .Bulma-component .content.has-text-centered ul li { text-align: left; } @media screen and (max-width: 767px) { .Bulma-component .content.has-text-centered-mobile ol, .Bulma-component .content.has-text-centered-mobile ul { list-style-position: inside; margin-left: auto; margin-right: auto; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .Bulma-component .content.has-text-centered-mobile ol li, .Bulma-component .content.has-text-centered-mobile ul li { text-align: left; } } @media screen and (max-width: 767px) { .Bulma-component .m-0-mobile { margin: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-0-tablet { margin: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-0-desktop { margin: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-0-mobile { margin-top: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-0-tablet { margin-top: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-0-desktop { margin-top: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-0-mobile { margin-right: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-0-tablet { margin-right: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-0-desktop { margin-right: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-0-mobile { margin-bottom: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-0-tablet { margin-bottom: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-0-desktop { margin-bottom: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-0-mobile { margin-left: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-0-tablet { margin-left: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-0-desktop { margin-left: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-0-mobile { margin-left: 0 !important; margin-right: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-0-tablet { margin-left: 0 !important; margin-right: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-0-desktop { margin-left: 0 !important; margin-right: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-0-mobile { margin-top: 0 !important; margin-bottom: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-0-tablet { margin-top: 0 !important; margin-bottom: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-0-desktop { margin-top: 0 !important; margin-bottom: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-auto-mobile { margin: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-auto-tablet { margin: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-auto-desktop { margin: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-auto-mobile { margin-top: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-auto-tablet { margin-top: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-auto-desktop { margin-top: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-auto-mobile { margin-right: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-auto-tablet { margin-right: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-auto-desktop { margin-right: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-auto-mobile { margin-bottom: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-auto-tablet { margin-bottom: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-auto-desktop { margin-bottom: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-auto-mobile { margin-left: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-auto-tablet { margin-left: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-auto-desktop { margin-left: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-auto-mobile { margin-left: auto !important; margin-right: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-auto-tablet { margin-left: auto !important; margin-right: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-auto-desktop { margin-left: auto !important; margin-right: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-auto-mobile { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-auto-tablet { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-auto-desktop { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-1-mobile { margin: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-1-tablet { margin: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-1-desktop { margin: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-1-mobile { margin-top: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-1-tablet { margin-top: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-1-desktop { margin-top: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-1-mobile { margin-right: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-1-tablet { margin-right: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-1-desktop { margin-right: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-1-mobile { margin-bottom: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-1-tablet { margin-bottom: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-1-desktop { margin-bottom: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-1-mobile { margin-left: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-1-tablet { margin-left: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-1-desktop { margin-left: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-1-mobile { margin-left: 4px !important; margin-right: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-1-tablet { margin-left: 4px !important; margin-right: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-1-desktop { margin-left: 4px !important; margin-right: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-1-mobile { margin-top: 4px !important; margin-bottom: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-1-tablet { margin-top: 4px !important; margin-bottom: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-1-desktop { margin-top: 4px !important; margin-bottom: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-2-mobile { margin: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-2-tablet { margin: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-2-desktop { margin: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-2-mobile { margin-top: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-2-tablet { margin-top: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-2-desktop { margin-top: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-2-mobile { margin-right: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-2-tablet { margin-right: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-2-desktop { margin-right: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-2-mobile { margin-bottom: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-2-tablet { margin-bottom: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-2-desktop { margin-bottom: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-2-mobile { margin-left: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-2-tablet { margin-left: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-2-desktop { margin-left: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-2-mobile { margin-left: 8px !important; margin-right: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-2-tablet { margin-left: 8px !important; margin-right: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-2-desktop { margin-left: 8px !important; margin-right: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-2-mobile { margin-top: 8px !important; margin-bottom: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-2-tablet { margin-top: 8px !important; margin-bottom: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-2-desktop { margin-top: 8px !important; margin-bottom: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-3-mobile { margin: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-3-tablet { margin: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-3-desktop { margin: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-3-mobile { margin-top: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-3-tablet { margin-top: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-3-desktop { margin-top: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-3-mobile { margin-right: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-3-tablet { margin-right: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-3-desktop { margin-right: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-3-mobile { margin-bottom: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-3-tablet { margin-bottom: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-3-desktop { margin-bottom: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-3-mobile { margin-left: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-3-tablet { margin-left: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-3-desktop { margin-left: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-3-mobile { margin-left: 12px !important; margin-right: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-3-tablet { margin-left: 12px !important; margin-right: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-3-desktop { margin-left: 12px !important; margin-right: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-3-mobile { margin-top: 12px !important; margin-bottom: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-3-tablet { margin-top: 12px !important; margin-bottom: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-3-desktop { margin-top: 12px !important; margin-bottom: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-4-mobile { margin: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-4-tablet { margin: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-4-desktop { margin: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-4-mobile { margin-top: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-4-tablet { margin-top: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-4-desktop { margin-top: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-4-mobile { margin-right: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-4-tablet { margin-right: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-4-desktop { margin-right: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-4-mobile { margin-bottom: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-4-tablet { margin-bottom: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-4-desktop { margin-bottom: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-4-mobile { margin-left: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-4-tablet { margin-left: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-4-desktop { margin-left: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-4-mobile { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-4-tablet { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-4-desktop { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-4-mobile { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-4-tablet { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-4-desktop { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-5-mobile { margin: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-5-tablet { margin: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-5-desktop { margin: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-5-mobile { margin-top: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-5-tablet { margin-top: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-5-desktop { margin-top: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-5-mobile { margin-right: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-5-tablet { margin-right: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-5-desktop { margin-right: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-5-mobile { margin-bottom: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-5-tablet { margin-bottom: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-5-desktop { margin-bottom: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-5-mobile { margin-left: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-5-tablet { margin-left: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-5-desktop { margin-left: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-5-mobile { margin-left: 20px !important; margin-right: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-5-tablet { margin-left: 20px !important; margin-right: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-5-desktop { margin-left: 20px !important; margin-right: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-5-mobile { margin-top: 20px !important; margin-bottom: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-5-tablet { margin-top: 20px !important; margin-bottom: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-5-desktop { margin-top: 20px !important; margin-bottom: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-6-mobile { margin: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-6-tablet { margin: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-6-desktop { margin: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-6-mobile { margin-top: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-6-tablet { margin-top: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-6-desktop { margin-top: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-6-mobile { margin-right: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-6-tablet { margin-right: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-6-desktop { margin-right: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-6-mobile { margin-bottom: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-6-tablet { margin-bottom: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-6-desktop { margin-bottom: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-6-mobile { margin-left: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-6-tablet { margin-left: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-6-desktop { margin-left: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-6-mobile { margin-left: 24px !important; margin-right: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-6-tablet { margin-left: 24px !important; margin-right: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-6-desktop { margin-left: 24px !important; margin-right: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-6-mobile { margin-top: 24px !important; margin-bottom: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-6-tablet { margin-top: 24px !important; margin-bottom: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-6-desktop { margin-top: 24px !important; margin-bottom: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-7-mobile { margin: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-7-tablet { margin: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-7-desktop { margin: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-7-mobile { margin-top: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-7-tablet { margin-top: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-7-desktop { margin-top: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-7-mobile { margin-right: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-7-tablet { margin-right: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-7-desktop { margin-right: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-7-mobile { margin-bottom: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-7-tablet { margin-bottom: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-7-desktop { margin-bottom: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-7-mobile { margin-left: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-7-tablet { margin-left: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-7-desktop { margin-left: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-7-mobile { margin-left: 28px !important; margin-right: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-7-tablet { margin-left: 28px !important; margin-right: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-7-desktop { margin-left: 28px !important; margin-right: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-7-mobile { margin-top: 28px !important; margin-bottom: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-7-tablet { margin-top: 28px !important; margin-bottom: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-7-desktop { margin-top: 28px !important; margin-bottom: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-8-mobile { margin: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-8-tablet { margin: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-8-desktop { margin: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-8-mobile { margin-top: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-8-tablet { margin-top: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-8-desktop { margin-top: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-8-mobile { margin-right: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-8-tablet { margin-right: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-8-desktop { margin-right: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-8-mobile { margin-bottom: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-8-tablet { margin-bottom: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-8-desktop { margin-bottom: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-8-mobile { margin-left: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-8-tablet { margin-left: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-8-desktop { margin-left: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-8-mobile { margin-left: 32px !important; margin-right: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-8-tablet { margin-left: 32px !important; margin-right: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-8-desktop { margin-left: 32px !important; margin-right: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-8-mobile { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-8-tablet { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-8-desktop { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-9-mobile { margin: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-9-tablet { margin: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-9-desktop { margin: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-9-mobile { margin-top: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-9-tablet { margin-top: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-9-desktop { margin-top: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-9-mobile { margin-right: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-9-tablet { margin-right: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-9-desktop { margin-right: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-9-mobile { margin-bottom: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-9-tablet { margin-bottom: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-9-desktop { margin-bottom: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-9-mobile { margin-left: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-9-tablet { margin-left: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-9-desktop { margin-left: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-9-mobile { margin-left: 36px !important; margin-right: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-9-tablet { margin-left: 36px !important; margin-right: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-9-desktop { margin-left: 36px !important; margin-right: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-9-mobile { margin-top: 36px !important; margin-bottom: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-9-tablet { margin-top: 36px !important; margin-bottom: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-9-desktop { margin-top: 36px !important; margin-bottom: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-10-mobile { margin: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-10-tablet { margin: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-10-desktop { margin: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-10-mobile { margin-top: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-10-tablet { margin-top: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-10-desktop { margin-top: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-10-mobile { margin-right: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-10-tablet { margin-right: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-10-desktop { margin-right: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-10-mobile { margin-bottom: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-10-tablet { margin-bottom: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-10-desktop { margin-bottom: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-10-mobile { margin-left: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-10-tablet { margin-left: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-10-desktop { margin-left: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-10-mobile { margin-left: 40px !important; margin-right: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-10-tablet { margin-left: 40px !important; margin-right: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-10-desktop { margin-left: 40px !important; margin-right: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-10-mobile { margin-top: 40px !important; margin-bottom: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-10-tablet { margin-top: 40px !important; margin-bottom: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-10-desktop { margin-top: 40px !important; margin-bottom: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-11-mobile { margin: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-11-tablet { margin: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-11-desktop { margin: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-11-mobile { margin-top: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-11-tablet { margin-top: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-11-desktop { margin-top: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-11-mobile { margin-right: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-11-tablet { margin-right: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-11-desktop { margin-right: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-11-mobile { margin-bottom: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-11-tablet { margin-bottom: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-11-desktop { margin-bottom: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-11-mobile { margin-left: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-11-tablet { margin-left: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-11-desktop { margin-left: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-11-mobile { margin-left: 48px !important; margin-right: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-11-tablet { margin-left: 48px !important; margin-right: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-11-desktop { margin-left: 48px !important; margin-right: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-11-mobile { margin-top: 48px !important; margin-bottom: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-11-tablet { margin-top: 48px !important; margin-bottom: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-11-desktop { margin-top: 48px !important; margin-bottom: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-12-mobile { margin: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-12-tablet { margin: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-12-desktop { margin: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-12-mobile { margin-top: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-12-tablet { margin-top: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-12-desktop { margin-top: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-12-mobile { margin-right: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-12-tablet { margin-right: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-12-desktop { margin-right: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-12-mobile { margin-bottom: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-12-tablet { margin-bottom: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-12-desktop { margin-bottom: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-12-mobile { margin-left: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-12-tablet { margin-left: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-12-desktop { margin-left: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-12-mobile { margin-left: 52px !important; margin-right: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-12-tablet { margin-left: 52px !important; margin-right: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-12-desktop { margin-left: 52px !important; margin-right: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-12-mobile { margin-top: 52px !important; margin-bottom: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-12-tablet { margin-top: 52px !important; margin-bottom: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-12-desktop { margin-top: 52px !important; margin-bottom: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-13-mobile { margin: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-13-tablet { margin: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-13-desktop { margin: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-13-mobile { margin-top: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-13-tablet { margin-top: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-13-desktop { margin-top: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-13-mobile { margin-right: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-13-tablet { margin-right: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-13-desktop { margin-right: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-13-mobile { margin-bottom: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-13-tablet { margin-bottom: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-13-desktop { margin-bottom: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-13-mobile { margin-left: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-13-tablet { margin-left: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-13-desktop { margin-left: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-13-mobile { margin-left: 56px !important; margin-right: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-13-tablet { margin-left: 56px !important; margin-right: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-13-desktop { margin-left: 56px !important; margin-right: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-13-mobile { margin-top: 56px !important; margin-bottom: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-13-tablet { margin-top: 56px !important; margin-bottom: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-13-desktop { margin-top: 56px !important; margin-bottom: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-14-mobile { margin: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-14-tablet { margin: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-14-desktop { margin: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-14-mobile { margin-top: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-14-tablet { margin-top: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-14-desktop { margin-top: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-14-mobile { margin-right: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-14-tablet { margin-right: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-14-desktop { margin-right: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-14-mobile { margin-bottom: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-14-tablet { margin-bottom: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-14-desktop { margin-bottom: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-14-mobile { margin-left: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-14-tablet { margin-left: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-14-desktop { margin-left: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-14-mobile { margin-left: 60px !important; margin-right: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-14-tablet { margin-left: 60px !important; margin-right: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-14-desktop { margin-left: 60px !important; margin-right: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-14-mobile { margin-top: 60px !important; margin-bottom: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-14-tablet { margin-top: 60px !important; margin-bottom: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-14-desktop { margin-top: 60px !important; margin-bottom: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .m-15-mobile { margin: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .m-15-tablet { margin: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .m-15-desktop { margin: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mt-15-mobile { margin-top: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mt-15-tablet { margin-top: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mt-15-desktop { margin-top: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mr-15-mobile { margin-right: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mr-15-tablet { margin-right: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mr-15-desktop { margin-right: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mb-15-mobile { margin-bottom: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mb-15-tablet { margin-bottom: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mb-15-desktop { margin-bottom: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .ml-15-mobile { margin-left: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .ml-15-tablet { margin-left: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .ml-15-desktop { margin-left: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .mx-15-mobile { margin-left: 64px !important; margin-right: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .mx-15-tablet { margin-left: 64px !important; margin-right: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .mx-15-desktop { margin-left: 64px !important; margin-right: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .my-15-mobile { margin-top: 64px !important; margin-bottom: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .my-15-tablet { margin-top: 64px !important; margin-bottom: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .my-15-desktop { margin-top: 64px !important; margin-bottom: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-0-mobile { padding: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-0-tablet { padding: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-0-desktop { padding: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-0-mobile { padding-top: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-0-tablet { padding-top: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-0-desktop { padding-top: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-0-mobile { padding-right: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-0-tablet { padding-right: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-0-desktop { padding-right: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-0-mobile { padding-bottom: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-0-tablet { padding-bottom: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-0-desktop { padding-bottom: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-0-mobile { padding-left: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-0-tablet { padding-left: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-0-desktop { padding-left: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-0-mobile { padding-left: 0 !important; padding-right: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-0-tablet { padding-left: 0 !important; padding-right: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-0-desktop { padding-left: 0 !important; padding-right: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-0-mobile { padding-top: 0 !important; padding-bottom: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-0-tablet { padding-top: 0 !important; padding-bottom: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-0-desktop { padding-top: 0 !important; padding-bottom: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-auto-mobile { padding: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-auto-tablet { padding: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-auto-desktop { padding: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-auto-mobile { padding-top: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-auto-tablet { padding-top: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-auto-desktop { padding-top: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-auto-mobile { padding-right: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-auto-tablet { padding-right: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-auto-desktop { padding-right: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-auto-mobile { padding-bottom: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-auto-tablet { padding-bottom: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-auto-desktop { padding-bottom: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-auto-mobile { padding-left: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-auto-tablet { padding-left: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-auto-desktop { padding-left: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-auto-mobile { padding-left: auto !important; padding-right: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-auto-tablet { padding-left: auto !important; padding-right: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-auto-desktop { padding-left: auto !important; padding-right: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-auto-mobile { padding-top: auto !important; padding-bottom: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-auto-tablet { padding-top: auto !important; padding-bottom: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-auto-desktop { padding-top: auto !important; padding-bottom: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-1-mobile { padding: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-1-tablet { padding: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-1-desktop { padding: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-1-mobile { padding-top: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-1-tablet { padding-top: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-1-desktop { padding-top: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-1-mobile { padding-right: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-1-tablet { padding-right: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-1-desktop { padding-right: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-1-mobile { padding-bottom: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-1-tablet { padding-bottom: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-1-desktop { padding-bottom: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-1-mobile { padding-left: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-1-tablet { padding-left: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-1-desktop { padding-left: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-1-mobile { padding-left: 4px !important; padding-right: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-1-tablet { padding-left: 4px !important; padding-right: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-1-desktop { padding-left: 4px !important; padding-right: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-1-mobile { padding-top: 4px !important; padding-bottom: 4px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-1-tablet { padding-top: 4px !important; padding-bottom: 4px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-1-desktop { padding-top: 4px !important; padding-bottom: 4px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-2-mobile { padding: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-2-tablet { padding: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-2-desktop { padding: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-2-mobile { padding-top: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-2-tablet { padding-top: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-2-desktop { padding-top: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-2-mobile { padding-right: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-2-tablet { padding-right: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-2-desktop { padding-right: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-2-mobile { padding-bottom: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-2-tablet { padding-bottom: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-2-desktop { padding-bottom: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-2-mobile { padding-left: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-2-tablet { padding-left: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-2-desktop { padding-left: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-2-mobile { padding-left: 8px !important; padding-right: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-2-tablet { padding-left: 8px !important; padding-right: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-2-desktop { padding-left: 8px !important; padding-right: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-2-mobile { padding-top: 8px !important; padding-bottom: 8px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-2-tablet { padding-top: 8px !important; padding-bottom: 8px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-2-desktop { padding-top: 8px !important; padding-bottom: 8px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-3-mobile { padding: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-3-tablet { padding: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-3-desktop { padding: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-3-mobile { padding-top: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-3-tablet { padding-top: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-3-desktop { padding-top: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-3-mobile { padding-right: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-3-tablet { padding-right: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-3-desktop { padding-right: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-3-mobile { padding-bottom: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-3-tablet { padding-bottom: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-3-desktop { padding-bottom: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-3-mobile { padding-left: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-3-tablet { padding-left: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-3-desktop { padding-left: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-3-mobile { padding-left: 12px !important; padding-right: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-3-tablet { padding-left: 12px !important; padding-right: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-3-desktop { padding-left: 12px !important; padding-right: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-3-mobile { padding-top: 12px !important; padding-bottom: 12px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-3-tablet { padding-top: 12px !important; padding-bottom: 12px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-3-desktop { padding-top: 12px !important; padding-bottom: 12px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-4-mobile { padding: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-4-tablet { padding: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-4-desktop { padding: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-4-mobile { padding-top: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-4-tablet { padding-top: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-4-desktop { padding-top: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-4-mobile { padding-right: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-4-tablet { padding-right: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-4-desktop { padding-right: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-4-mobile { padding-bottom: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-4-tablet { padding-bottom: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-4-desktop { padding-bottom: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-4-mobile { padding-left: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-4-tablet { padding-left: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-4-desktop { padding-left: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-4-mobile { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-4-tablet { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-4-desktop { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-4-mobile { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-4-tablet { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-4-desktop { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-5-mobile { padding: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-5-tablet { padding: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-5-desktop { padding: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-5-mobile { padding-top: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-5-tablet { padding-top: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-5-desktop { padding-top: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-5-mobile { padding-right: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-5-tablet { padding-right: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-5-desktop { padding-right: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-5-mobile { padding-bottom: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-5-tablet { padding-bottom: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-5-desktop { padding-bottom: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-5-mobile { padding-left: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-5-tablet { padding-left: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-5-desktop { padding-left: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-5-mobile { padding-left: 20px !important; padding-right: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-5-tablet { padding-left: 20px !important; padding-right: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-5-desktop { padding-left: 20px !important; padding-right: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-5-mobile { padding-top: 20px !important; padding-bottom: 20px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-5-tablet { padding-top: 20px !important; padding-bottom: 20px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-5-desktop { padding-top: 20px !important; padding-bottom: 20px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-6-mobile { padding: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-6-tablet { padding: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-6-desktop { padding: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-6-mobile { padding-top: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-6-tablet { padding-top: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-6-desktop { padding-top: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-6-mobile { padding-right: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-6-tablet { padding-right: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-6-desktop { padding-right: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-6-mobile { padding-bottom: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-6-tablet { padding-bottom: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-6-desktop { padding-bottom: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-6-mobile { padding-left: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-6-tablet { padding-left: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-6-desktop { padding-left: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-6-mobile { padding-left: 24px !important; padding-right: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-6-tablet { padding-left: 24px !important; padding-right: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-6-desktop { padding-left: 24px !important; padding-right: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-6-mobile { padding-top: 24px !important; padding-bottom: 24px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-6-tablet { padding-top: 24px !important; padding-bottom: 24px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-6-desktop { padding-top: 24px !important; padding-bottom: 24px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-7-mobile { padding: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-7-tablet { padding: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-7-desktop { padding: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-7-mobile { padding-top: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-7-tablet { padding-top: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-7-desktop { padding-top: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-7-mobile { padding-right: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-7-tablet { padding-right: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-7-desktop { padding-right: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-7-mobile { padding-bottom: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-7-tablet { padding-bottom: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-7-desktop { padding-bottom: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-7-mobile { padding-left: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-7-tablet { padding-left: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-7-desktop { padding-left: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-7-mobile { padding-left: 28px !important; padding-right: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-7-tablet { padding-left: 28px !important; padding-right: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-7-desktop { padding-left: 28px !important; padding-right: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-7-mobile { padding-top: 28px !important; padding-bottom: 28px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-7-tablet { padding-top: 28px !important; padding-bottom: 28px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-7-desktop { padding-top: 28px !important; padding-bottom: 28px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-8-mobile { padding: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-8-tablet { padding: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-8-desktop { padding: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-8-mobile { padding-top: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-8-tablet { padding-top: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-8-desktop { padding-top: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-8-mobile { padding-right: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-8-tablet { padding-right: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-8-desktop { padding-right: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-8-mobile { padding-bottom: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-8-tablet { padding-bottom: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-8-desktop { padding-bottom: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-8-mobile { padding-left: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-8-tablet { padding-left: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-8-desktop { padding-left: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-8-mobile { padding-left: 32px !important; padding-right: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-8-tablet { padding-left: 32px !important; padding-right: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-8-desktop { padding-left: 32px !important; padding-right: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-8-mobile { padding-top: 32px !important; padding-bottom: 32px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-8-tablet { padding-top: 32px !important; padding-bottom: 32px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-8-desktop { padding-top: 32px !important; padding-bottom: 32px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-9-mobile { padding: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-9-tablet { padding: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-9-desktop { padding: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-9-mobile { padding-top: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-9-tablet { padding-top: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-9-desktop { padding-top: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-9-mobile { padding-right: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-9-tablet { padding-right: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-9-desktop { padding-right: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-9-mobile { padding-bottom: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-9-tablet { padding-bottom: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-9-desktop { padding-bottom: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-9-mobile { padding-left: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-9-tablet { padding-left: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-9-desktop { padding-left: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-9-mobile { padding-left: 36px !important; padding-right: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-9-tablet { padding-left: 36px !important; padding-right: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-9-desktop { padding-left: 36px !important; padding-right: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-9-mobile { padding-top: 36px !important; padding-bottom: 36px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-9-tablet { padding-top: 36px !important; padding-bottom: 36px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-9-desktop { padding-top: 36px !important; padding-bottom: 36px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-10-mobile { padding: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-10-tablet { padding: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-10-desktop { padding: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-10-mobile { padding-top: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-10-tablet { padding-top: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-10-desktop { padding-top: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-10-mobile { padding-right: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-10-tablet { padding-right: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-10-desktop { padding-right: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-10-mobile { padding-bottom: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-10-tablet { padding-bottom: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-10-desktop { padding-bottom: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-10-mobile { padding-left: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-10-tablet { padding-left: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-10-desktop { padding-left: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-10-mobile { padding-left: 40px !important; padding-right: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-10-tablet { padding-left: 40px !important; padding-right: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-10-desktop { padding-left: 40px !important; padding-right: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-10-mobile { padding-top: 40px !important; padding-bottom: 40px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-10-tablet { padding-top: 40px !important; padding-bottom: 40px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-10-desktop { padding-top: 40px !important; padding-bottom: 40px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-11-mobile { padding: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-11-tablet { padding: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-11-desktop { padding: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-11-mobile { padding-top: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-11-tablet { padding-top: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-11-desktop { padding-top: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-11-mobile { padding-right: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-11-tablet { padding-right: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-11-desktop { padding-right: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-11-mobile { padding-bottom: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-11-tablet { padding-bottom: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-11-desktop { padding-bottom: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-11-mobile { padding-left: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-11-tablet { padding-left: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-11-desktop { padding-left: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-11-mobile { padding-left: 48px !important; padding-right: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-11-tablet { padding-left: 48px !important; padding-right: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-11-desktop { padding-left: 48px !important; padding-right: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-11-mobile { padding-top: 48px !important; padding-bottom: 48px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-11-tablet { padding-top: 48px !important; padding-bottom: 48px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-11-desktop { padding-top: 48px !important; padding-bottom: 48px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-12-mobile { padding: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-12-tablet { padding: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-12-desktop { padding: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-12-mobile { padding-top: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-12-tablet { padding-top: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-12-desktop { padding-top: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-12-mobile { padding-right: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-12-tablet { padding-right: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-12-desktop { padding-right: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-12-mobile { padding-bottom: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-12-tablet { padding-bottom: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-12-desktop { padding-bottom: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-12-mobile { padding-left: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-12-tablet { padding-left: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-12-desktop { padding-left: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-12-mobile { padding-left: 52px !important; padding-right: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-12-tablet { padding-left: 52px !important; padding-right: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-12-desktop { padding-left: 52px !important; padding-right: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-12-mobile { padding-top: 52px !important; padding-bottom: 52px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-12-tablet { padding-top: 52px !important; padding-bottom: 52px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-12-desktop { padding-top: 52px !important; padding-bottom: 52px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-13-mobile { padding: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-13-tablet { padding: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-13-desktop { padding: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-13-mobile { padding-top: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-13-tablet { padding-top: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-13-desktop { padding-top: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-13-mobile { padding-right: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-13-tablet { padding-right: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-13-desktop { padding-right: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-13-mobile { padding-bottom: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-13-tablet { padding-bottom: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-13-desktop { padding-bottom: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-13-mobile { padding-left: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-13-tablet { padding-left: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-13-desktop { padding-left: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-13-mobile { padding-left: 56px !important; padding-right: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-13-tablet { padding-left: 56px !important; padding-right: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-13-desktop { padding-left: 56px !important; padding-right: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-13-mobile { padding-top: 56px !important; padding-bottom: 56px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-13-tablet { padding-top: 56px !important; padding-bottom: 56px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-13-desktop { padding-top: 56px !important; padding-bottom: 56px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-14-mobile { padding: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-14-tablet { padding: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-14-desktop { padding: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-14-mobile { padding-top: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-14-tablet { padding-top: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-14-desktop { padding-top: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-14-mobile { padding-right: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-14-tablet { padding-right: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-14-desktop { padding-right: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-14-mobile { padding-bottom: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-14-tablet { padding-bottom: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-14-desktop { padding-bottom: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-14-mobile { padding-left: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-14-tablet { padding-left: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-14-desktop { padding-left: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-14-mobile { padding-left: 60px !important; padding-right: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-14-tablet { padding-left: 60px !important; padding-right: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-14-desktop { padding-left: 60px !important; padding-right: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-14-mobile { padding-top: 60px !important; padding-bottom: 60px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-14-tablet { padding-top: 60px !important; padding-bottom: 60px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-14-desktop { padding-top: 60px !important; padding-bottom: 60px !important; } } @media screen and (max-width: 767px) { .Bulma-component .p-15-mobile { padding: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .p-15-tablet { padding: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .p-15-desktop { padding: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pt-15-mobile { padding-top: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pt-15-tablet { padding-top: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pt-15-desktop { padding-top: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pr-15-mobile { padding-right: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pr-15-tablet { padding-right: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pr-15-desktop { padding-right: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pb-15-mobile { padding-bottom: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pb-15-tablet { padding-bottom: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pb-15-desktop { padding-bottom: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .pl-15-mobile { padding-left: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .pl-15-tablet { padding-left: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .pl-15-desktop { padding-left: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .px-15-mobile { padding-left: 64px !important; padding-right: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .px-15-tablet { padding-left: 64px !important; padding-right: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .px-15-desktop { padding-left: 64px !important; padding-right: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .py-15-mobile { padding-top: 64px !important; padding-bottom: 64px !important; } } @media screen and (min-width: 768px), print { .Bulma-component .py-15-tablet { padding-top: 64px !important; padding-bottom: 64px !important; } } @media screen and (min-width: 992px) { .Bulma-component .py-15-desktop { padding-top: 64px !important; padding-bottom: 64px !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-direction-row-mobile { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-direction-row-tablet { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-direction-row-desktop { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-direction-row-reverse-mobile { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-direction-row-reverse-tablet { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-direction-row-reverse-desktop { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-direction-column-mobile { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-direction-column-tablet { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-direction-column-desktop { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-direction-column-reverse-mobile { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-direction-column-reverse-tablet { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-direction-column-reverse-desktop { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-wrap-nowrap-mobile { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-wrap-nowrap-tablet { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-wrap-nowrap-desktop { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-wrap-wrap-mobile { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-wrap-wrap-tablet { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-wrap-wrap-desktop { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-wrap-wrap-reverse-mobile { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-wrap-wrap-reverse-tablet { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-wrap-wrap-reverse-desktop { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-justify-content-flex-start-mobile { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-justify-content-flex-start-tablet { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-justify-content-flex-start-desktop { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-justify-content-flex-end-mobile { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-justify-content-flex-end-tablet { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-justify-content-flex-end-desktop { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-justify-content-center-mobile { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-justify-content-center-tablet { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-justify-content-center-desktop { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-justify-content-space-between-mobile { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-justify-content-space-between-tablet { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-justify-content-space-between-desktop { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-justify-content-space-around-mobile { -ms-flex-pack: distribute !important; justify-content: space-around !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-justify-content-space-around-tablet { -ms-flex-pack: distribute !important; justify-content: space-around !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-justify-content-space-around-desktop { -ms-flex-pack: distribute !important; justify-content: space-around !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-justify-content-space-evenly-mobile { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-justify-content-space-evenly-tablet { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-justify-content-space-evenly-desktop { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-justify-content-start-mobile { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-justify-content-start-tablet { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-justify-content-start-desktop { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-justify-content-end-mobile { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: end !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-justify-content-end-tablet { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: end !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-justify-content-end-desktop { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: end !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-justify-content-left-mobile { -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-justify-content-left-tablet { -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-justify-content-left-desktop { -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-justify-content-right-mobile { -webkit-box-pack: right !important; -ms-flex-pack: right !important; justify-content: right !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-justify-content-right-tablet { -webkit-box-pack: right !important; -ms-flex-pack: right !important; justify-content: right !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-justify-content-right-desktop { -webkit-box-pack: right !important; -ms-flex-pack: right !important; justify-content: right !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-content-flex-start-mobile { -ms-flex-line-pack: start !important; align-content: flex-start !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-content-flex-start-tablet { -ms-flex-line-pack: start !important; align-content: flex-start !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-content-flex-start-desktop { -ms-flex-line-pack: start !important; align-content: flex-start !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-content-flex-end-mobile { -ms-flex-line-pack: end !important; align-content: flex-end !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-content-flex-end-tablet { -ms-flex-line-pack: end !important; align-content: flex-end !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-content-flex-end-desktop { -ms-flex-line-pack: end !important; align-content: flex-end !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-content-center-mobile { -ms-flex-line-pack: center !important; align-content: center !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-content-center-tablet { -ms-flex-line-pack: center !important; align-content: center !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-content-center-desktop { -ms-flex-line-pack: center !important; align-content: center !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-content-space-between-mobile { -ms-flex-line-pack: justify !important; align-content: space-between !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-content-space-between-tablet { -ms-flex-line-pack: justify !important; align-content: space-between !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-content-space-between-desktop { -ms-flex-line-pack: justify !important; align-content: space-between !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-content-space-around-mobile { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-content-space-around-tablet { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-content-space-around-desktop { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-content-space-evenly-mobile { -ms-flex-line-pack: space-evenly !important; align-content: space-evenly !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-content-space-evenly-tablet { -ms-flex-line-pack: space-evenly !important; align-content: space-evenly !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-content-space-evenly-desktop { -ms-flex-line-pack: space-evenly !important; align-content: space-evenly !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-content-stretch-mobile { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-content-stretch-tablet { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-content-stretch-desktop { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-content-start-mobile { -ms-flex-line-pack: start !important; align-content: start !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-content-start-tablet { -ms-flex-line-pack: start !important; align-content: start !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-content-start-desktop { -ms-flex-line-pack: start !important; align-content: start !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-content-end-mobile { -ms-flex-line-pack: end !important; align-content: end !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-content-end-tablet { -ms-flex-line-pack: end !important; align-content: end !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-content-end-desktop { -ms-flex-line-pack: end !important; align-content: end !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-content-baseline-mobile { -ms-flex-line-pack: baseline !important; align-content: baseline !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-content-baseline-tablet { -ms-flex-line-pack: baseline !important; align-content: baseline !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-content-baseline-desktop { -ms-flex-line-pack: baseline !important; align-content: baseline !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-items-stretch-mobile { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-items-stretch-tablet { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-items-stretch-desktop { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-items-flex-start-mobile { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-items-flex-start-tablet { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-items-flex-start-desktop { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-items-flex-end-mobile { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-items-flex-end-tablet { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-items-flex-end-desktop { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-items-center-mobile { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-items-center-tablet { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-items-center-desktop { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-items-baseline-mobile { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-items-baseline-tablet { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-items-baseline-desktop { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-items-start-mobile { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: start !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-items-start-tablet { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: start !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-items-start-desktop { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: start !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-items-end-mobile { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: end !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-items-end-tablet { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: end !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-items-end-desktop { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: end !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-items-self-start-mobile { -webkit-box-align: self-start !important; -ms-flex-align: self-start !important; align-items: self-start !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-items-self-start-tablet { -webkit-box-align: self-start !important; -ms-flex-align: self-start !important; align-items: self-start !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-items-self-start-desktop { -webkit-box-align: self-start !important; -ms-flex-align: self-start !important; align-items: self-start !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-items-self-end-mobile { -webkit-box-align: self-end !important; -ms-flex-align: self-end !important; align-items: self-end !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-items-self-end-tablet { -webkit-box-align: self-end !important; -ms-flex-align: self-end !important; align-items: self-end !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-items-self-end-desktop { -webkit-box-align: self-end !important; -ms-flex-align: self-end !important; align-items: self-end !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-self-auto-mobile { -ms-flex-item-align: auto !important; align-self: auto !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-self-auto-tablet { -ms-flex-item-align: auto !important; align-self: auto !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-self-auto-desktop { -ms-flex-item-align: auto !important; align-self: auto !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-self-flex-start-mobile { -ms-flex-item-align: start !important; align-self: flex-start !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-self-flex-start-tablet { -ms-flex-item-align: start !important; align-self: flex-start !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-self-flex-start-desktop { -ms-flex-item-align: start !important; align-self: flex-start !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-self-flex-end-mobile { -ms-flex-item-align: end !important; align-self: flex-end !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-self-flex-end-tablet { -ms-flex-item-align: end !important; align-self: flex-end !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-self-flex-end-desktop { -ms-flex-item-align: end !important; align-self: flex-end !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-self-center-mobile { -ms-flex-item-align: center !important; align-self: center !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-self-center-tablet { -ms-flex-item-align: center !important; align-self: center !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-self-center-desktop { -ms-flex-item-align: center !important; align-self: center !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-self-baseline-mobile { -ms-flex-item-align: baseline !important; align-self: baseline !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-self-baseline-tablet { -ms-flex-item-align: baseline !important; align-self: baseline !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-self-baseline-desktop { -ms-flex-item-align: baseline !important; align-self: baseline !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-align-self-stretch-mobile { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-align-self-stretch-tablet { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-align-self-stretch-desktop { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-grow-0-mobile { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-grow-0-tablet { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-grow-0-desktop { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-grow-1-mobile { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-grow-1-tablet { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-grow-1-desktop { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-grow-2-mobile { -webkit-box-flex: 2 !important; -ms-flex-positive: 2 !important; flex-grow: 2 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-grow-2-tablet { -webkit-box-flex: 2 !important; -ms-flex-positive: 2 !important; flex-grow: 2 !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-grow-2-desktop { -webkit-box-flex: 2 !important; -ms-flex-positive: 2 !important; flex-grow: 2 !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-grow-3-mobile { -webkit-box-flex: 3 !important; -ms-flex-positive: 3 !important; flex-grow: 3 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-grow-3-tablet { -webkit-box-flex: 3 !important; -ms-flex-positive: 3 !important; flex-grow: 3 !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-grow-3-desktop { -webkit-box-flex: 3 !important; -ms-flex-positive: 3 !important; flex-grow: 3 !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-grow-4-mobile { -webkit-box-flex: 4 !important; -ms-flex-positive: 4 !important; flex-grow: 4 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-grow-4-tablet { -webkit-box-flex: 4 !important; -ms-flex-positive: 4 !important; flex-grow: 4 !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-grow-4-desktop { -webkit-box-flex: 4 !important; -ms-flex-positive: 4 !important; flex-grow: 4 !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-grow-5-mobile { -webkit-box-flex: 5 !important; -ms-flex-positive: 5 !important; flex-grow: 5 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-grow-5-tablet { -webkit-box-flex: 5 !important; -ms-flex-positive: 5 !important; flex-grow: 5 !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-grow-5-desktop { -webkit-box-flex: 5 !important; -ms-flex-positive: 5 !important; flex-grow: 5 !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-shrink-0-mobile { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-shrink-0-tablet { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-shrink-0-desktop { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-shrink-1-mobile { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-shrink-1-tablet { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-shrink-1-desktop { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-shrink-2-mobile { -ms-flex-negative: 2 !important; flex-shrink: 2 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-shrink-2-tablet { -ms-flex-negative: 2 !important; flex-shrink: 2 !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-shrink-2-desktop { -ms-flex-negative: 2 !important; flex-shrink: 2 !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-shrink-3-mobile { -ms-flex-negative: 3 !important; flex-shrink: 3 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-shrink-3-tablet { -ms-flex-negative: 3 !important; flex-shrink: 3 !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-shrink-3-desktop { -ms-flex-negative: 3 !important; flex-shrink: 3 !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-shrink-4-mobile { -ms-flex-negative: 4 !important; flex-shrink: 4 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-shrink-4-tablet { -ms-flex-negative: 4 !important; flex-shrink: 4 !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-shrink-4-desktop { -ms-flex-negative: 4 !important; flex-shrink: 4 !important; } } @media screen and (max-width: 767px) { .Bulma-component .is-flex-shrink-5-mobile { -ms-flex-negative: 5 !important; flex-shrink: 5 !important; } } @media screen and (min-width: 768px), print { .Bulma-component .is-flex-shrink-5-tablet { -ms-flex-negative: 5 !important; flex-shrink: 5 !important; } } @media screen and (min-width: 992px) { .Bulma-component .is-flex-shrink-5-desktop { -ms-flex-negative: 5 !important; flex-shrink: 5 !important; } } .HeaderLink { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.75rem 3rem; } @media (min-width: 75em) { .HeaderLink:focus, .HeaderLink:hover { background-color: #F7F3F1; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } } .HeaderLink--arrow { overflow: hidden; } @media (max-width: 74.99em) { .HeaderLink--arrow::after { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "zava" !important; font-style: normal; font-variant: normal; line-height: inherit; speak: none; text-transform: none; font-size: 1.6rem; font-weight: 300; content: "\e905"; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; font-weight: 100; line-height: inherit; margin-left: 0.2rem; } } .LinksListBuilder { padding-left: 3rem; padding-right: 3rem; } .LinksListBuilder ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; margin-left: -1rem; margin-right: -1rem; padding: 0; } .LinksListBuilder ul > li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 50%; flex-basis: 50%; list-style: none; margin-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; } .LinksListBuilder ul a, .LinksListBuilder ul a:not(.Button) { text-decoration: none; } .LinksListBuilder-show { border-top: 0.1rem solid #A8A29F; margin-top: 1rem; } .LinksListBuilder-button { display: block; font-weight: 500; line-height: 4.4rem; overflow: hidden; } .LinksListBuilder-button::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "zava" !important; font-style: normal; font-variant: normal; line-height: inherit; speak: none; text-transform: none; content: "\e902"; font-size: 1.6rem; font-weight: 300; } .LinksListBuilder-button::before { display: inline-block; margin-right: 0.5rem; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .LinksListBuilder-button.is-toggled::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .Product-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: 100%; } @media (min-width: 48em) { .Product-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .Product-rowItem { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; } @media (min-width: 48em) { .Product-rowItem { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; } } .Product-title { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; } @media (min-width: 48em) { .Product-title { -webkit-box-flex: 0; -ms-flex: 0 0 58.33%; flex: 0 0 58.33%; max-width: 58.33%; padding-left: 0.75rem; padding-right: 0.75rem; text-align: left; } } .Product-imageCarousel { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media (min-width: 48em) { .Product-imageCarousel { -webkit-box-flex: 0; -ms-flex: 0 0 41.66%; flex: 0 0 41.66%; max-width: calc(100vw * 5 / 12 - 1.5rem); -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .Product-info { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; } @media (min-width: 48em) { .Product-info { -webkit-box-flex: 1; -ms-flex: 1 1 58.33%; flex: 1 1 58.33%; max-width: 58.33%; padding-left: 0.75rem; padding-right: 0.75rem; position: absolute; right: 0; top: 12rem; } } @media (min-width: 62em) { .Product-info { top: 13rem; } } .Product-info .StockInfo { letter-spacing: normal; } .Product-info .StockInfo--emphasized { margin-bottom: -0.2rem; margin-left: 0.1rem; margin-top: -0.4rem; } @media (min-width: 48em) { .Product-wrap .Accordion { margin-right: 1.5rem; } } @media (min-width: 48em) { .Product-imageCarousel .CarouselThumbnails { margin-right: 1.5rem; } } @media (min-width: 48em) { .Product-deliveryOptions { margin-right: 1.5rem; } } .Product-freeDelivery { font-weight: 500; } .Product-freeDelivery i { color: #333333; display: inline-block; font-size: 2.8rem; margin: 0rem 0.2rem 0 0.1rem; } .Product-freeDelivery span { display: inline-block; margin-top: 1rem; vertical-align: top; } .Product-stockStatus { font-weight: 500; } .Product-stockStatus.is-in-stock { color: #007A00; } .Product-stockStatus.is-out-of-stock { color: #D0021B; } .Template-app-landing .Autotext-wrapper, .Template-freestyle-wide .Autotext-wrapper, .Template-diga .Autotext-wrapper { margin: 0 auto; max-width: 1216px; } .Template-app-landing .Autotext-container, .Template-freestyle-wide .Autotext-container, .Template-diga .Autotext-container { margin: 32px 16px; max-width: 1216px; } .Template-app-landing .Autotext-container h2, .Template-freestyle-wide .Autotext-container h2, .Template-diga .Autotext-container h2 { font-size: 40px; margin-bottom: 0; } .Template-app-landing .Autotext-container ul li, .Template-freestyle-wide .Autotext-container ul li, .Template-diga .Autotext-container ul li { margin-bottom: 2rem; } .Template-app-landing .Autotext-container figcaption ul, .Template-freestyle-wide .Autotext-container figcaption ul, .Template-diga .Autotext-container figcaption ul { margin: 0; padding: 0; } .Template-app-landing .Autotext-container figcaption ul li, .Template-freestyle-wide .Autotext-container figcaption ul li, .Template-diga .Autotext-container figcaption ul li { margin-bottom: 0; } .Template-app-landing.Bulma-component .Autotext-container.Autotext-bullets--ticks ul li::before, .Template-app-landing.Bulma-component .Autotext-container.Autotext-bullets--crosses ul li::before, .Template-freestyle-wide.Bulma-component .Autotext-container.Autotext-bullets--ticks ul li::before, .Template-freestyle-wide.Bulma-component .Autotext-container.Autotext-bullets--crosses ul li::before, .Template-diga.Bulma-component .Autotext-container.Autotext-bullets--ticks ul li::before, .Template-diga.Bulma-component .Autotext-container.Autotext-bullets--crosses ul li::before { font-size: 18px; } .Template-app-landing figcaption .Autotext-block p:first-child, .Template-freestyle-wide figcaption .Autotext-block p:first-child, .Template-diga figcaption .Autotext-block p:first-child { margin: 0; } .Template-app-landing .Autotext-block p, .Template-app-landing .Autotext-block ul li, .Template-freestyle-wide .Autotext-block p, .Template-freestyle-wide .Autotext-block ul li, .Template-diga .Autotext-block p, .Template-diga .Autotext-block ul li { font-size: 18px; } .Template-app-landing .Autotext-block p:first-child, .Template-freestyle-wide .Autotext-block p:first-child, .Template-diga .Autotext-block p:first-child { margin-top: 0; } @media (min-width: 48em) { .Template-app-landing .Autotext-block p:first-child, .Template-freestyle-wide .Autotext-block p:first-child, .Template-diga .Autotext-block p:first-child { margin-top: 30px; } } .Template-app-landing .App-cta-text .Autotext-block ul, .Template-app-landing .App-cta-text .Autotext-block ol, .Template-freestyle-wide .App-cta-text .Autotext-block ul, .Template-freestyle-wide .App-cta-text .Autotext-block ol, .Template-diga .App-cta-text .Autotext-block ul, .Template-diga .App-cta-text .Autotext-block ol { margin-bottom: 3rem; margin-top: 0; padding-left: 2rem; } .Template-app-landing .App-cta-text .Autotext-block p:first-child, .Template-freestyle-wide .App-cta-text .Autotext-block p:first-child, .Template-diga .App-cta-text .Autotext-block p:first-child { margin-top: 0; } .Template-secondary-service *:not(.Icon) { font-family: "Open Sans" !important; } .Template-secondary-service b, .Template-secondary-service strong { font-weight: 700; } .Template-secondary-service .Accordion.Accordion--next a, .Template-secondary-service .Accordion.Accordion--next a:hover, .Template-secondary-service .Accordion.Accordion--next a:active { color: #404040 !important; cursor: text; } .Template-secondary-service p { margin-bottom: 1.5rem; } .Template-secondary-service p, .Template-secondary-service a:not([href]), .Template-secondary-service em, .Template-secondary-service li { color: #404040 !important; font-size: 1.6rem !important; font-weight: 400 !important; } .Template-secondary-service .Heading--next { font-size: 2.4rem; font-weight: 700; text-align: center; } @media (min-width: 48em) { .Template-secondary-service .Heading--next { text-align: left; } } .Template-secondary-service h2.Secondary-service-heading { color: #0F0F0F; font-weight: 700; } .Template-secondary-service .Secondary-service-content { background-color: #F5F5F5; border-radius: 8px; font-weight: normal; } .Bulma-component .Autotext-container .Autotext-columns:last-child { margin-bottom: 0; } .Bulma-component .Autotext-container .Autotext-image figcaption { background-color: whitesmoke; } .Bulma-component .Autotext-container figure { margin: 0 1.5rem 0 0; } .Bulma-component .Autotext-container ul { margin-left: 0; padding-bottom: 2rem; padding-left: 2rem; } .Bulma-component .Autotext-container figcaption ul { margin: 0; padding: 0; } .Bulma-component .Autotext-container li { padding-left: 1rem; } .Autotext-desktop-image--right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media (min-width: 48em) { .Autotext-desktop-image--right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .Autotext-desktop-image--right.Autotext-mobile-image--top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 48em) { .Autotext-desktop-image--right.Autotext-mobile-image--top { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .Autotext-desktop-image--left.Autotext-mobile-image--bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media (min-width: 48em) { .Autotext-desktop-image--left.Autotext-mobile-image--bottom { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .Autotext-desktop-image--fullwidthtop.Autotext-mobile-image--bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media (min-width: 48em) { .Autotext-desktop-image--fullwidthtop.Autotext-mobile-image--bottom { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 48em) { .Autotext-desktop-image--fullwidthbottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .Autotext-desktop-image--fullwidthbottom.Autotext-mobile-image--bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .Autotext-bullets--bullets .Autotext-block p + ul, .Autotext-bullets--ticks .Autotext-block p + ul, .Autotext-bullets--crosses .Autotext-block p + ul { padding-bottom: 2.5rem; } @media (max-width: 47.99em) { .Autotext-bullets--bullets .Autotext-block p + ul, .Autotext-bullets--ticks .Autotext-block p + ul, .Autotext-bullets--crosses .Autotext-block p + ul { margin-top: 0; } } .Autotext-bullets--bullets ul, .Autotext-bullets--ticks ul, .Autotext-bullets--crosses ul { padding-left: 3rem; } .Autotext-bullets--ticks ul, .Autotext-bullets--crosses ul { list-style: none; } .Autotext-bullets--ticks ul li, .Autotext-bullets--crosses ul li { list-style-type: none; } .Autotext-bullets--ticks ul li::before, .Autotext-bullets--crosses ul li::before { font-family: "zava" !important; font-size: 1.6rem; font-style: normal; font-variant: normal; font-weight: 300; line-height: inherit; list-style-type: none; margin-left: -26px; margin-right: 10px; speak: none; text-transform: none; } .Autotext-bullets--ticks ul li::before { color: #027d3f; content: "\e90a"; } .Autotext-bullets--crosses ul li::before { color: #ba1b1b; content: "\e90c"; } .Autotext-bullets--ticks figcaption ul li, .Autotext-bullets--crosses figcaption ul li { list-style-type: disc; margin-bottom: 0; } .Autotext-bullets--ticks figcaption ul li::before, .Autotext-bullets--crosses figcaption ul li::before { content: ""; } .u-hide { display: none; } .u-br { border-radius: 0.4rem; } .u-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 35.9375em) { .u-xs-justify-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media (min-width: 48em) { .u-sm-justify-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media (min-width: 62em) { .u-md-justify-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media (min-width: 75em) { .u-lg-justify-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media (min-width: 90.0625em) { .u-xl-justify-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } [id] { scroll-margin-top: 100px; } @media (min-width: 90.0625em) { .u-xl-mb0 { margin-bottom: 0rem !important; } .u-xl-pb0 { padding-bottom: 0rem !important; } .u-xl-mb5 { margin-bottom: 0.5rem !important; } .u-xl-pb5 { padding-bottom: 0.5rem !important; } .u-xl-mb10 { margin-bottom: 1rem !important; } .u-xl-pb10 { padding-bottom: 1rem !important; } .u-xl-mb15 { margin-bottom: 1.5rem !important; } .u-xl-pb15 { padding-bottom: 1.5rem !important; } .u-xl-mb25 { margin-bottom: 2.5rem !important; } .u-xl-pb25 { padding-bottom: 2.5rem !important; } .u-xl-mb30 { margin-bottom: 3rem !important; } .u-xl-pb30 { padding-bottom: 3rem !important; } .u-xl-mb45 { margin-bottom: 4.5rem !important; } .u-xl-pb45 { padding-bottom: 4.5rem !important; } .u-xl-mb60 { margin-bottom: 6rem !important; } .u-xl-pb60 { padding-bottom: 6rem !important; } .u-xl-ml0 { margin-left: 0rem !important; } .u-xl-pl0 { padding-left: 0rem !important; } .u-xl-ml5 { margin-left: 0.5rem !important; } .u-xl-pl5 { padding-left: 0.5rem !important; } .u-xl-ml10 { margin-left: 1rem !important; } .u-xl-pl10 { padding-left: 1rem !important; } .u-xl-ml15 { margin-left: 1.5rem !important; } .u-xl-pl15 { padding-left: 1.5rem !important; } .u-xl-ml25 { margin-left: 2.5rem !important; } .u-xl-pl25 { padding-left: 2.5rem !important; } .u-xl-ml30 { margin-left: 3rem !important; } .u-xl-pl30 { padding-left: 3rem !important; } .u-xl-ml45 { margin-left: 4.5rem !important; } .u-xl-pl45 { padding-left: 4.5rem !important; } .u-xl-ml60 { margin-left: 6rem !important; } .u-xl-pl60 { padding-left: 6rem !important; } .u-xl-mt0 { margin-top: 0rem !important; } .u-xl-pt0 { padding-top: 0rem !important; } .u-xl-mt5 { margin-top: 0.5rem !important; } .u-xl-pt5 { padding-top: 0.5rem !important; } .u-xl-mt10 { margin-top: 1rem !important; } .u-xl-pt10 { padding-top: 1rem !important; } .u-xl-mt15 { margin-top: 1.5rem !important; } .u-xl-pt15 { padding-top: 1.5rem !important; } .u-xl-mt25 { margin-top: 2.5rem !important; } .u-xl-pt25 { padding-top: 2.5rem !important; } .u-xl-mt30 { margin-top: 3rem !important; } .u-xl-pt30 { padding-top: 3rem !important; } .u-xl-mt45 { margin-top: 4.5rem !important; } .u-xl-pt45 { padding-top: 4.5rem !important; } .u-xl-mt60 { margin-top: 6rem !important; } .u-xl-pt60 { padding-top: 6rem !important; } .u-xl-mr0 { margin-right: 0rem !important; } .u-xl-pr0 { padding-right: 0rem !important; } .u-xl-mr5 { margin-right: 0.5rem !important; } .u-xl-pr5 { padding-right: 0.5rem !important; } .u-xl-mr10 { margin-right: 1rem !important; } .u-xl-pr10 { padding-right: 1rem !important; } .u-xl-mr15 { margin-right: 1.5rem !important; } .u-xl-pr15 { padding-right: 1.5rem !important; } .u-xl-mr25 { margin-right: 2.5rem !important; } .u-xl-pr25 { padding-right: 2.5rem !important; } .u-xl-mr30 { margin-right: 3rem !important; } .u-xl-pr30 { padding-right: 3rem !important; } .u-xl-mr45 { margin-right: 4.5rem !important; } .u-xl-pr45 { padding-right: 4.5rem !important; } .u-xl-mr60 { margin-right: 6rem !important; } .u-xl-pr60 { padding-right: 6rem !important; } } .elevated { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); } .Container--medium { max-width: 96.2rem; } .u-roundedCorners { border-radius: 0; } @media (min-width: 48em) { .u-roundedCorners { border-radius: 0.4rem; } } .u-iconWhite path { stroke: #FFFFFF; } .u-sectionBlock { padding-bottom: 3rem; padding-top: 3rem; } @media (min-width: 48em) { .u-sectionBlock { padding-bottom: 6rem; padding-top: 6rem; } } .u-sectionGrey { background-color: #F7F3F1; } .u-sectionTitle { margin-bottom: 3rem; } main > hr.u-stripBackground:nth-of-type(2n) + * { background-color: #F7F3F1; } .u-stripBackground--force { background-color: #F7F3F1 !important; } .u-stripBackground--cleanGreen, .u-stripBackground--cleanGreen + * { background-color: #87DCDC !important; } .u-stripBackground--lightBlue, .u-stripBackground--lightBlue + * { background-color: #e7e7e7 !important; } .u-stripBackground--brand { background-color: #e7e7e7; } .u-stripBackground--border { border-color: #E2DBD8; border-style: solid; border-width: 0 0 0.1rem; } /*! Flickity v2.0.8 http://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: white; background: rgba(255, 255, 255, 0.75); cursor: pointer; /* vertically center */ -webkit-transform: translateY(-50%); transform: translateY(-50%); } .flickity-prev-next-button:hover { background: white; } .flickity-prev-next-button:focus { outline: none; -webkit-box-shadow: 0 0 0 5px #09F; box-shadow: 0 0 0 5px #09F; } .flickity-prev-next-button:active { opacity: 0.6; } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; } .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } .ContentBlock h1, .ContentBlock h2, .ContentBlock h3, .ContentBlock h4, .ContentBlock h5, .ContentBlock h6 { margin-bottom: 1.5rem; margin-top: 3rem; text-align: left; } @media (min-width: 62em) { .ContentBlock h1, .ContentBlock h2, .ContentBlock h3, .ContentBlock h4, .ContentBlock h5, .ContentBlock h6 { margin-bottom: 3rem; margin-top: 4.5rem; } } .ContentBlock > .Autotext-section:first-child h1, .ContentBlock > .Autotext-section:first-child h2 { margin-top: 0; } @media (min-width: 48em) { .ContentBlock img { border-radius: 0.4rem; } } .ContentBlock .CTA { padding: 1.5rem; } @media (min-width: 62em) { .ContentBlock .CTA { padding: 3rem; } } .TrustpilotRating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .TrustpilotRating-logo { display: inline-block; height: 1.1rem; width: 9.8rem; } .TrustpilotRating-logo svg { height: 2.2rem; margin-bottom: -0.4rem; } .TrustpilotRating.TrustpilotRating--left { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .RegulationAboveFold { text-align: center; } .RegulationAboveFold .t-headline--2 { color: #0F62F4; font-size: 14px; } .RegulationAboveFold .t-headline--2 .Icon-arrow-up { font-size: 1rem; } .RegulationAboveFold .RegulationAboveFold-contentWrapper { -webkit-box-sizing: content-box; box-sizing: content-box; display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 42px; max-width: 100%; overflow: hidden; } .RegulationAboveFold .RegulationAboveFold-contentWrapper.RegulationAboveFold-contentWrapper--expanded { display: -webkit-box; display: -ms-flexbox; display: flex; } .RegulationAboveFold .RegulationAboveFold-logo { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .RegulationAboveFold .RegulationAboveFold-dropdown--icon { color: rgba(0, 0, 0, 0.75); display: inline-block; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .RegulationAboveFold.RegulationAboveFold--desktop { text-align: left; } .RegulationAboveFold.RegulationAboveFold--desktop .RegulationAboveFold-contentWrapper.RegulationAboveFold-contentWrapper--expanded { margin-left: 0; } .RegulationAboveFold.RegulationAboveFold--desktop .RegulationAboveFold-logo { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-right: 30px; } .RegulationAboveFold.RegulationAboveFold--desktop .RegulationAboveFold-logo:last-child { margin-right: 0; } .FooterFeedback p { margin: 1rem 0; } .FooterFeedback-title { font-size: 1.6rem; line-height: 2.3rem; margin: 0; } .FooterFeedback a { color: #FFFFFF; text-decoration: underline; } .FooterFeedback a:focus, .FooterFeedback a:hover { color: #F7F3F1; } .FooterFeedback a:active { color: #FFFFFF; } .FooterImages { background: #FFFFFF; } .FooterImagesItems { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .FooterImagesItem { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; padding: 1.5rem 0 1rem; } @media (min-width: 48em) { .FooterImagesItem { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } .FooterImagesItem-link { color: #333333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; } .FooterImagesItem-link figure { -ms-flex-item-align: center; align-self: center; } .FooterImagesItem-description { max-width: 36rem; } .FooterImagesItem-image { max-height: 2.4rem; } .Footer { background-color: #2A184D; color: #FFFFFF; } .Footer-copy { color: #A8A29F; } .Footer-companyNumber { color: #A8A29F; } .Footer-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 3rem; } @media (min-width: 48em) { .Footer-icons { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 1.5rem; } } .Footer-socialIcon { color: #FFFFFF; height: 3rem; text-decoration: none; width: 3rem; } .Footer-socialIcon:hover { color: #FFFFFF; opacity: 0.8; } .Footer-socialIcon:not(:last-child) { margin-right: 3rem; } @media (min-width: 48em) { .Footer-socialIcon:not(:last-child) { margin-right: 1.5rem; } } .Footer-socialIcon:last-child svg { margin-top: 0.3rem; } @media (min-width: 48em) { .Footer-modifier { padding-left: 10rem; } } .Footer-order { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .Footer-description { margin: 0 0 2rem; padding: 0 3rem 3rem; } .Template-shop-apotheke .Hero { background-image: url("https://res.cloudinary.com/zava-www-uk/image/upload/q_55/fl_progressive/a_exif,f_auto,e_sharpen:100,c_fit,w_1440/v1586438873/assets/phoenix/zavamed/sae-landing-page/zava-sae-landing-page-banner-2.png"); } .Template-shop-apotheke .Hero .Hero-headline { height: 100%; } .Template-shop-apotheke .Hero .Hero-headlineInner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 400px; height: 440px; padding: 40px 15px 24px; position: relative; } .Template-shop-apotheke .Hero .Hero-headlineInner h1 { font-size: 3.2rem; line-height: 3.2rem; margin-bottom: 20px; margin-bottom: 20px; } .Template-shop-apotheke .Hero .Hero-headlineInner h2 { color: #000000; font-size: 2rem; margin-bottom: 20px; } .Template-shop-apotheke .Hero .Hero-headlineInner .Hero-headlineInner-content-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .Template-shop-apotheke .Hero .Hero-headlineInner .Hero-headlineInner-logo-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 170px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .Template-shop-apotheke .Hero .Hero-headlineInner .Hero-headlineInner-logo-wrapper .Hero-headlineInner-logo-sae { height: 58px; margin: 0 20px 0 0; width: 132px; } .Template-shop-apotheke .Hero .Hero-headlineInner .Hero-headlineInner-logo-wrapper .Hero-headlineInner-logo-plus { height: 20px; width: 20px; } .Template-shop-apotheke .Hero .Hero-headlineInner .Hero-headlineInner-logo-wrapper .Hero-headlineInner-logo-zava { height: 29px; margin: 0 0 0 20px; width: 134px; } .Template-shop-apotheke .Hero .Hero-headlineInner .Hero-headlineInner-button-wrapper { text-align: center; width: 100%; } .Template-shop-apotheke .Hero .Hero-headlineInner h1 strong { color: #000000; } .Template-shop-apotheke .Search-bar-wrapper { background-color: #F1F5F7; padding: 15px; } .Template-shop-apotheke .Search-bar-wrapper form { margin: 0 auto; position: relative; width: 53%; } .Template-shop-apotheke .Search-bar-wrapper form input { border: none; border-radius: 22px; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16); height: 44px; padding: 0 50px 0 16px; text-overflow: ellipsis; width: 100%; } .Template-shop-apotheke .Search-bar-wrapper form button { background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 0; position: absolute; right: 16px; top: 10px; } .Template-shop-apotheke .DoctorsCarousel { background-color: #F7F3F1; } @media (max-width: 992px) { .Template-shop-apotheke .HomepageBenefitAndHeroContainer .Hero { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } .Template-shop-apotheke .Hero .Hero-headline .Hero-headlineInner h1 { font-size: 2.8rem; } .Template-shop-apotheke .Hero .Hero-headline .Hero-headlineInner h2 { font-size: 16px; } .Template-shop-apotheke .Search-bar-wrapper form { width: 100%; } } @media (max-width: 768px) { .Template-shop-apotheke .Hero { background-image: url("https://res.cloudinary.com/zava-www-uk/image/upload/q_55/fl_progressive/a_exif,f_auto,e_sharpen:100,c_fit,w_720/v1586440056/assets/phoenix/zavamed/sae-landing-page/zava-sae-mobile-landing-banner-2.png"); background-position: right; height: 400px; } .Template-shop-apotheke .Hero .Hero-headline .Hero-headlineInner { height: 400px; padding: 20px 10px 10px; } .Template-shop-apotheke .Hero .Hero-headline .Hero-headlineInner h1 { font-size: 18px; line-height: 23px; } .Template-shop-apotheke .Hero .Hero-headline .Hero-headlineInner h2 { font-size: 14px; } .Template-shop-apotheke .Hero .Hero-headline .Hero-headlineInner .Hero-headlineInner-logo-wrapper { height: 58px; } .Template-shop-apotheke .Hero .Hero-headline .Hero-headlineInner .Hero-headlineInner-logo-wrapper .Hero-headlineInner-logo-sae { height: 58px; margin: 0 20px 0 0; width: 73px; } .Template-shop-apotheke .Hero .Hero-headline .Hero-headlineInner .Hero-headlineInner-logo-wrapper .Hero-headlineInner-logo-zava { height: 29px; margin: 0 0 0 20px; width: 82px; } .Template-shop-apotheke .Hero .Hero-headline .Hero-headlineInner .Button, .Template-shop-apotheke .Hero .Hero-headline .Hero-headlineInner [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .Template-shop-apotheke .Hero .Hero-headline .Hero-headlineInner button { font-size: 16px; } } @media (max-width: 420px) { .Template-shop-apotheke .Hero { background-image: url("https://res.cloudinary.com/zava-www-uk/image/upload/q_55/fl_progressive/a_exif,f_auto,e_sharpen:100,c_fit,w_480/v1586440056/assets/phoenix/zavamed/sae-landing-page/zava-sae-mobile-landing-banner-2.png"); background-position: -180px; } } @media (min-width: 62em) { .Template-shop-apotheke .Hero { height: 440px; } } .Our-services-wrapper { margin-bottom: 20px; padding: 60px 0 0; text-align: center; } .Our-services-wrapper dl.Accordion { border-radius: 4px; margin: 20px 0; padding: 0 15px; width: 100%; } .Our-services-wrapper dl.Accordion .Accordion-desktop { display: block; } .Our-services-wrapper dl.Accordion .Accordion-mobile { display: none; } .Our-services-wrapper dl.Accordion .Accordion-wrapper { display: inline-block; margin: 8px 12px; vertical-align: top; width: 40%; } .Our-services-wrapper dl.Accordion dt.Accordion-heading { background-color: #F0F0F0; border: none; border-radius: 4px; margin: 0 0 16px; padding: 0; } .Our-services-wrapper dl.Accordion dt.Accordion-heading button.Accordion-trigger { padding: 16px; } .Our-services-wrapper dl.Accordion dt.Accordion-heading button.Accordion-trigger::before { color: #EA5A0B; margin: 0; position: absolute; right: 16px; } .Our-services-wrapper dl.Accordion dd.Accordion-panel ul { padding: 0 0 8px; } .Our-services-wrapper dl.Accordion dd.Accordion-panel ul li { margin-left: 6px; text-align: left; } .Our-services-wrapper dl.Accordion dd.Accordion-panel ul li a { display: block; padding: 8px 0; } @media (max-width: 992px) { .Our-services-wrapper dl.Accordion .Accordion-desktop { display: none; } .Our-services-wrapper dl.Accordion .Accordion-mobile { display: block; } .Our-services-wrapper dl.Accordion .Accordion-wrapper { margin: 0; width: 100%; } } .Template-app-landing .ListItems-wrapper, .Template-freestyle-wide .ListItems-wrapper, .Template-diga .ListItems-wrapper { background-color: #FFFFFF; padding: 32px 16px; } .ListItems-wrapper { padding: 32px 0; } .ListItems-wrapper.has-background-light .ListItems-container .ListItems-item { background-color: #FFFFFF; } .ListItems-container { margin: 0 auto; max-width: 1200px; } .ListItems-container .ListItems-title { margin: 0 0 24px; word-break: break-word; } .ListItems-container ul { width: 100%; } .ListItems-container .ListItems-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: whitesmoke; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 18px; list-style-type: none; margin-bottom: 8px; padding: 12px 16px; word-break: break-word; } .ListItems-container .ListItems-item picture { border-radius: 4px; -ms-flex-negative: 0; flex-shrink: 0; height: 48px; margin: 0 16px 0 0; overflow: hidden; width: 48px; } .ListItems-container .Image-right .ListItems-item { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ListItems-container .Image-right .ListItems-item picture { margin: 0 0 0 16px; } @media (min-width: 48em) { .Template-app-landing .ListItems-wrapper .ListItems-container ul, .Template-freestyle-wide .ListItems-wrapper .ListItems-container ul, .Template-diga .ListItems-wrapper .ListItems-container ul { margin: 0 16px; } .Template-app-landing .ListItems-wrapper .ListItems-container .ListItems-title, .Template-freestyle-wide .ListItems-wrapper .ListItems-container .ListItems-title, .Template-diga .ListItems-wrapper .ListItems-container .ListItems-title { padding: 0 16px; } .ListItems-wrapper { padding: 64px 0; } .ListItems-container .ListItems-title { padding: 0 10px; } .ListItems-container .ListItems-lists { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ListItems-container ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; width: 100%; } .ListItems-container .ListItems-item { -ms-flex-preferred-size: 49%; flex-basis: 49%; font-size: 20px; margin-bottom: 10px; } .ListItems-container .ListItems-item a { font-size: 20px; } .ListItems-container .Image-right .ListItems-item { -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; } } .Template-error .Container--asda { height: calc(100vh - 90px); padding: 0; position: relative; text-align: center; } .Template-error .Container--zava, .Template-error .Container--sd { height: calc(100vh - 80px); padding: 0; position: relative; } .Template-error .Announcement-banner, .Template-error .BackTop, .Template-error .Footer { display: none; } .Template-error .PageNotFoundZava .Button, .Template-error .PageNotFoundZava [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .Template-error .PageNotFoundZava button { border: none; height: 48px; width: 100%; } .PageNotFound { display: -webkit-box; display: -ms-flexbox; display: flex; left: 50%; margin: 0; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .PageNotFound__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .PageNotFound__image { margin-right: 32px; } .PageNotFound__image--mobile { display: none; } .PageNotFound__title { color: rgba(0, 0, 0, 0.94); font-family: "Open Sans"; font-size: 40px; font-style: normal; font-weight: bold; line-height: 48px; margin-bottom: 8px; margin-top: 0; } .PageNotFound__subtitle { color: rgba(0, 0, 0, 0.56); font-family: "Open Sans"; font-size: 18px; font-style: normal; font-weight: bold; line-height: 28px; margin-bottom: 24px; margin-top: 0; } .PageNotFound__description p { color: rgba(0, 0, 0, 0.94); font-family: "Open Sans"; font-size: 18px; font-style: normal; font-weight: normal; line-height: 28px; margin-bottom: 24px; } .PageNotFound__linksTitle { color: rgba(0, 0, 0, 0.94); font-family: "Open Sans"; font-size: 18px; font-style: normal; font-weight: normal; line-height: 28px; margin-bottom: 8px; margin-top: 0; } .PageNotFound__linksItem { color: #0F62F4; font-family: "Open Sans"; font-size: 18px; font-style: normal; font-weight: normal; line-height: 28px; -webkit-text-decoration-line: underline; text-decoration-line: underline; } .PageNotFound__linksItem:hover { color: #0F62F4; } .PageNotFound .Form-input { border: 1px solid rgba(0, 0, 0, 0.24); border-radius: 8px; font-family: "Open Sans"; height: 48px; } .PageNotFound .Form-input:focus, .PageNotFound .Form-input:focus-visible { border-color: #0B59D4; border-width: 2px; } .PageNotFound .Form-button { position: absolute; right: 1px; top: 2px; width: 48px; z-index: 2; } .PageNotFound .Icon { color: #0F62F4; font-size: 18px; } .PageNotFound .Form-group .Form-button .Button, .PageNotFound .Form-group .Form-button [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .PageNotFound .Form-group .Form-button button { border: none; height: 44px; } .PageNotFound .Form-group .Form-button .Button:hover, .PageNotFound .Form-group .Form-button [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button:hover, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .PageNotFound .Form-group .Form-button button:hover, .PageNotFound .Form-group .Form-button .Button:focus, .PageNotFound .Form-group .Form-button [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button:focus, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .PageNotFound .Form-group .Form-button button:focus { background: #FFFFFF; border-color: rgba(0, 0, 0, 0.24); } .PageNotFound .Form { margin-bottom: 24px; } .PageNotFound .autosuggest__results-container .autosuggest__results { width: 100%; } .PageNotFound .autosuggest__results-item { font-family: "Open Sans"; } .PageNotFound input[type=search]::-webkit-search-decoration, .PageNotFound input[type=search]::-webkit-search-cancel-button, .PageNotFound input[type=search]::-webkit-search-results-button, .PageNotFound input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; } .PageNotFound .Form-group { width: 100%; } .PageNotFoundAsda { max-width: 640px; padding: 24px; text-align: center; } .PageNotFoundAsda .PageNotFound__title, .PageNotFoundAsda .PageNotFound__subtitle, .PageNotFoundAsda .PageNotFound__description p, .PageNotFoundAsda .Form-input, .PageNotFoundAsda .autosuggest__results-item, .PageNotFoundAsda .PageNotFound__linksTitle, .PageNotFoundAsda .PageNotFound__linksItem { font-family: "Source Sans Pro", sans-serif; } .PageNotFoundAsda .Form-group .Form-button .Button, .PageNotFoundAsda .Form-group .Form-button [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .PageNotFoundAsda .Form-group .Form-button button { background: #68A51C; border-radius: 0 7px 7px 0; height: 46px; width: 48px; } .PageNotFoundAsda .Form-button { right: 1px; top: 1px; } .PageNotFoundAsda .Icon { color: #0F62F4; font-size: 20px; } .PageNotFoundAsda .PageNotFound__linksItem { text-decoration: none; } .PageNotFoundAsda .PageNotFound__linksItem:hover { text-decoration: underline; } .PageNotFoundZava { max-width: 880px; padding: 32px; } @media only screen and (max-width: 767px), screen and (max-width: 1024px) and (orientation: landscape) { .Template-error .Container--asda, .Template-error .Container--zava, .Template-error .Container--sd { height: 100%; } .PageNotFound { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 58px auto; padding: 24px; position: static; text-align: center; -webkit-transform: none; transform: none; } .PageNotFound__image { display: none; } .PageNotFound__image--mobile { display: block; margin: 0 auto; margin-bottom: 24px; } .PageNotFound__image--mobile img { height: 160px; width: 160px; } .PageNotFound__title { font-size: 32px; line-height: 40px; } .PageNotFound__subtitle { font-size: 16px; line-height: 24px; margin-bottom: 33px; } .PageNotFound__description p, .PageNotFound__linksTitle, .PageNotFound__linksItem { font-size: 16px; line-height: 24px; } } .Cta-subtitle a { text-decoration: underline; } .Template-app-landing .Container--small, .Template-freestyle-wide .Container--small, .Template-diga .Container--small { max-width: none; overflow-x: hidden; padding: 0; } .App-cta-wrapper.Grey-bg { background-color: whitesmoke; } .App-cta-wrapper.Grey-bg .App-cta__ctaContainer { background-color: #FFFFFF; } .App-cta-wrapper.White-bg { background-color: #FFFFFF; } .App-cta-wrapper.White-bg .App-cta__ctaContainer { background-color: whitesmoke; } .App-cta-wrapper .App-cta-container { margin: auto; max-width: 1200px; } .App-cta-wrapper .App-cta-tagline { margin-bottom: 0.75rem; margin-top: 0; text-transform: uppercase; } .App-cta-wrapper .App-cta-heading { margin-bottom: 1.5rem; margin-top: 0; } .App-cta-wrapper .App-cta-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 48em) { .App-cta-wrapper .App-cta-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .App-cta-wrapper .App-cta__ctaContainer .Button, .App-cta-wrapper .App-cta__ctaContainer [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .App-cta-wrapper .App-cta__ctaContainer button { max-width: 100%; width: 100%; } .App-cta-wrapper .App-cta__ctaContainer.u-br { border-radius: 0.8rem; } .App-cta-wrapper .App-cta__trustpilot > .trustpilot-widget > iframe { height: 6rem !important; } @media (min-width: 35.9375em) { .App-cta-wrapper .App-cta__trustpilot > .trustpilot-widget > iframe { height: 4.5rem !important; } } @media (min-width: 48em) { .App-cta--diga .App-cta-content { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } } @media (max-width: 47.99em) { .App-cta--diga .App-cta-info .Button, .App-cta--diga .App-cta-info [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .App-cta--diga .App-cta-info button { max-width: 100%; width: 100%; } .App-cta--diga .App-cta-img { margin-top: 32px; } } @media (min-width: 48em) { .App-cta-info { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-right: 32px; } } .App-cta-info .App-cta-subheading { margin-bottom: 1.5rem; } .App-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .App-buttons .Ios { margin-right: 1rem; } .App-buttons .Disabled { opacity: 0.24; } @media (min-width: 48em) { .App-cta-img { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .HeroVariant { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 28rem; position: relative; width: 100%; } @media (max-width: 47.99em) { .HeroVariant { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } } @media (min-width: 48em) and (max-width: 61.99em) { .HeroVariant { min-height: 42.5rem; } } @media (min-width: 62em) { .HeroVariant { min-height: 50rem; } } @media (min-width: 90.0625em) { .HeroVariant { min-height: 50rem; } } .HeroVariant .u-sectionTitle { font-size: 2rem; font-weight: 600; } .HeroVariant-headline * { color: #FFFFFF; } .HeroVariant-headline p { margin: 1.5rem 0 0; } .HeroVariant-content-block { background-color: #FFFFFF; margin-left: 0; padding-left: 0; padding-right: 8rem; } @media (max-width: 47.99em) { .HeroVariant-content-block { padding: 0 1.5rem; } } @media (min-width: 48em) { .HeroVariant-content-block { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .HeroVariant-content-block .TrustpilotRating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } @media (max-width: 47.99em) { .HeroVariant-content-block .TrustpilotRating { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .HeroVariant-content-block .Form { font-size: 1.6rem; position: relative; z-index: 3; } @media (min-width: 48em) { .HeroVariant-content-block .Form { width: 78%; } } .HeroVariant-content-block .Form .Form-button .Button, .HeroVariant-content-block .Form .Form-button [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .HeroVariant-content-block .Form .Form-button button { border-radius: 0 0.4rem 0.4rem 0; height: 5.2rem; padding: 4px; width: 5.2rem; } .HeroVariant-cta-link { color: inherit; display: inline-block; letter-spacing: 0.2rem; margin: 36px 0 25px; } .HeroVariant-cta-link:hover { text-decoration: underline; } @media (min-width: 48em) { .HeroVariant-cta-button-container .Button--primary, .HeroVariant-cta-button-container [data-consent-manager-dialog] button[class^=css-][class*=-GreenButton-baseStyles], [data-consent-manager-dialog] .HeroVariant-cta-button-container button[class^=css-][class*=-GreenButton-baseStyles] { padding: 1.2rem 10.5rem; } } .HeroVariant-cta-link.t-bold { font-weight: 600; } .HeroVariant-image { background-position: center; background-size: cover; height: 25rem; min-width: 56%; right: 0; } @media (min-width: 48em) { .HeroVariant-image { -webkit-clip-path: polygon(13% 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(13% 0, 100% 0, 100% 100%, 0% 100%); -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (min-width: 48em) { .HeroVariant-image { min-height: 99.9%; position: absolute; } } .TrustpilotReviews-show { border-top: 0.1rem solid #A8A29F; font-weight: 500; margin-top: 3rem; position: relative; } .TrustpilotReviews-button, .TrustpilotReviews-link { display: block; font-weight: 500; line-height: 4.4rem; overflow: hidden; } .TrustpilotReviews-button::before, .TrustpilotReviews-link::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "zava" !important; font-style: normal; font-variant: normal; line-height: inherit; speak: none; text-transform: none; content: "\e902"; font-size: 1.6rem; font-weight: 300; } .TrustpilotReviews-button::before, .TrustpilotReviews-link::before { display: inline-block; margin-right: 0.5rem; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .TrustpilotReviews-button.is-toggled::before, .TrustpilotReviews-link.is-toggled::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .TrustpilotReviews-link { font-weight: 300; } .TrustpilotReviews-link::before { content: ""; display: none; } .TrustpilotReviews--center .TrustpilotRating { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .TrustpilotReviews-heading-sub-text { text-align: center; } @media (max-width: 549px) { .Trustpilot-product-reviews-carousel-container iframe { height: 290px !important; } } @media (max-width: 574px) { .Trustpilot-micro-combo-light > iframe { height: 40px !important; } } @media (max-width: 35.9275em) { .Trustpilot-slider > iframe { height: 260px !important; } } .TrustpilotReview { margin-top: 3rem; } .DoctorsCarousel { background-color: initial; position: static; } .DoctorsCarousel .Figure-figcaption { line-height: 1.6; margin-right: 1rem; padding-top: 0; } @media (max-width: 47.99em) { .DoctorsCarousel .Figure-figcaption { width: 14rem; } } .DoctorsCarousel .Carousel-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .DoctorsCarousel .Carousel-cell .Image { border-radius: 50%; display: block; max-width: 16rem; overflow: hidden; } @media (min-width: 48em) and (max-width: 61.99em) { .DoctorsCarousel .Carousel-cell .Image { max-width: 12rem; } } .DoctorsCarousel .Carousel-image { display: block; } @media (min-width: 48em) and (max-width: 61.99em) { .DoctorsCarousel .Carousel-image { width: 100%; } } .DoctorsCarousel .Figure-link { color: #3031A5; font-weight: 300; } @media (max-width: 47.99em) { .DoctorsCarousel .Button, .DoctorsCarousel [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .DoctorsCarousel button { width: 100%; } } .DoctorsCarousel-logos { background-color: initial; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 7.2rem; padding: 0; } .DoctorsCarousel-logos-img { margin-left: 1rem; max-width: 16rem; padding-right: 1.5rem; width: 100%; } @media (min-width: 62em) { .DoctorsCarousel-logos-img { margin-right: 1.5rem; } } .DoctorsCarousel-brand-logo-container { margin: auto; position: relative; } @media (min-width: 75em) { .DoctorsCarousel-brand-logo-container { max-width: 130rem; } } @media (max-width: 61.99em) { .DoctorsCarousel-brand-logo-container { overflow-x: hidden; position: absolute; right: 0; } } .DoctorsCarousel-brand-logos { position: absolute; right: 0; } @media (max-width: 61.99em) { .DoctorsCarousel-brand-logos { position: relative; right: -3rem; } } @media (max-width: 47.99em) { .DoctorsCarousel-brand-logos { right: -6rem; } } .CardsCarousel .Card a[href] { text-decoration: none; } .Card { border-radius: 0.8rem; -webkit-box-shadow: 0px 2px 12px -6px rgba(10, 10, 10, 0.401); box-shadow: 0px 2px 12px -6px rgba(10, 10, 10, 0.401); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; margin-bottom: 10px; width: 280px; } .Card:hover { -webkit-box-shadow: 0px 4px 24px -8px rgba(10, 10, 10, 0.401); box-shadow: 0px 4px 24px -8px rgba(10, 10, 10, 0.401); } .Card__image { height: 186px; width: 100%; } .Card__content { background-color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 1.6rem; } .Card__content .Card__tags { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.4rem; font-weight: 700; line-height: 2.1rem; background-color: #F8FCFC; color: #0B7C84; margin: 0 0 1.6rem 0; text-transform: uppercase; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .Card__content .Card__title { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; max-height: 42px; overflow: hidden; font-size: 1.8rem; font-weight: 700; line-height: 2rem; } .Card__content .Card__shortDescription { -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; max-height: 74px; overflow: hidden; line-height: 1.4; } .Card__content .Card__stockStatus { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; } .Card__content .Card__stock--in { color: #027E40; } .Card__content .Card__stock--out { color: #707070; } .Card__content .Card__stockPrice { font-weight: 700; } .Card__content .Card__bottomBlock .Card__linkChevron { -ms-flex-item-align: end; align-self: end; background-color: #E7F0FE; border-radius: 20px; height: 40px; margin-left: auto; text-decoration: none; width: 40px; } .Card__content .Card__bottomBlock .Card__linkChevron i { font-size: 8px; left: 16px; position: relative; top: 8px; } .Card__content .Card__bottomBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: nowrap; flex-flow: nowrap; margin-top: auto; } .Reassurance { background-color: #32286E; color: #FFFFFF; text-align: center; } .Reassurance-item { margin: 0 auto 4.5rem; } @media (min-width: 48em) { .Reassurance-item { max-width: 22.5rem; } } @media (min-width: 62em) { .Reassurance-item { max-width: 26rem; } } .Reassurance a { color: #FFFFFF; text-decoration: underline; } .Reassurance a:focus, .Reassurance a:hover { color: #F7F3F1; } .Reassurance a:active { color: #FFFFFF; } .Reassurance-icon .Icon { font-size: 4.8rem; font-weight: bold; display: inline-block; margin-bottom: 1.5rem; } @media (min-width: 62em) { .Reassurance-icon .Icon { font-size: 6.4rem; font-weight: bold; } } .PaymentInfo { padding-bottom: 2rem; padding-top: 1.5rem; text-align: center; } .PaymentInfo-logos > svg, .PaymentInfo-logos > img { height: 3.2rem; margin-bottom: 1rem; max-width: 50px; vertical-align: top; } .PaymentInfo-logos > svg:not(:first-child), .PaymentInfo-logos > img:not(:first-child) { margin-left: 1rem; } .PaymentInfo-logos > .PaymentInfo-logos-paypal { max-width: 130px; } .ProductsGridItem { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ProductsGridItem .Button, .ProductsGridItem [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .ProductsGridItem button { display: inline-block; width: 100%; } .ProductsGridItem-image { border-radius: 0.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 65%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 25rem; } .ProductsGrid-cta .ProductsGridItem-image { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; } .ProductsGridItem-image a { -ms-flex-negative: 0; flex-shrink: 0; } .ProductsGridItem-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .ProductsGridItem-title { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .ProductsGridItem-title .CtaOptions { margin-top: 1.5rem; } .ProductsGridItem-text { font-weight: 300; } .ProductsGridItem .StockInfo-price { font-size: inherit; } .ProductsGridItem .StockInfo { height: 4.4rem; } .ProductsGridItem-supply.NoCta .StockInfo { margin-top: 0; } .ChevronList:not(.ChevronList--inverted) a { color: #333333; } @media (min-width: 48em) { .Well .ChevronList a:hover { background-color: rgba(255, 255, 255, 0.1); } } .StoreLocatorBlock { background-color: #DEEFFF; margin-bottom: 1.5rem; padding: 1.5rem; } .StoreLocatorBlock .StoreLocatorMap { margin-bottom: 1.5rem; } .InfoPanel { background: #9FE3E3; } .InfoPanel-section:not(:first-child) { padding-top: 3rem; } @media (min-width: 48em) { .InfoPanel-section:not(:first-child) { padding-top: 0; } } .InfoPanel-section a { color: #3232E1; text-decoration: underline; } .InfoPanel-section a:focus, .InfoPanel-section a:hover { color: #1E90FF; } .InfoPanel-section a:active { color: #3232E1; } .InfoPanel-icon { display: block; line-height: 1; padding-bottom: 1.5rem; text-align: center; } @media (min-width: 48em) { .InfoPanel-icon { float: left; margin-right: 2rem; } } @media (min-width: 48em) { .InfoPanel--multiple .InfoPanel-icon { float: none; margin-right: 0; } } .InfoPanel-text { margin-left: 1.5rem; margin-right: 1.5rem; text-align: center; } @media (min-width: 48em) { .InfoPanel-text { text-align: left; } } @media (min-width: 48em) { .InfoPanel-icon.Icon--64 + .InfoPanel-text, .InfoPanel-image-container + .InfoPanel-text { margin-left: 8.9rem; } } @media (min-width: 48em) { .InfoPanel--multiple .InfoPanel-icon.Icon--64 + .InfoPanel-text, .InfoPanel-image-container + .InfoPanel-text { margin-left: 0; text-align: center; } } @media (max-width: 47.99em) { .InfoPanel-image-container { text-align: center; } } @media (min-width: 48em) { .InfoPanel-image-container { float: left; } } .InfoPanel-image-container svg { height: auto; width: 15rem; } .ImageAndTextConcise .ImageAndTextConcise-wrapper { -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; row-gap: 24px; } .ImageAndTextConcise .ImageAndTextConcise-wrapper img { height: 60px; max-height: 60px; } .ImagesAndText { padding-bottom: 3rem; padding-top: 3rem; } @media (min-width: 48em) { .ImagesAndText { padding-top: 6rem; text-align: center; } } .ImagesAndText--whiteBg { background-color: #FFFFFF !important; } @media (min-width: 48em) { .ImagesAndText .Container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 73.8rem; width: 100%; } .ImagesAndText .Container::before, .ImagesAndText .Container::after { content: initial; } } @media (min-width: 62em) and (max-width: 74.99em) { .ImagesAndText .Container { max-width: 96.2rem; } } @media (min-width: 75em) { .ImagesAndText .Container { max-width: 117rem; } } .ImagesAndText-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ImagesAndText-logo { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2rem; text-align: center; } @media (max-width: 47.99em) { .ImageAndText-xs--2columns .ImagesAndText-logo { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (min-width: 48em) { .ImagesAndText-logo { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } } @media (max-width: 47.99em) { .ImagesAndText-logo:last-child, .ImagesAndText-logo:last-child figcaption { margin-bottom: 0; } } .ImagesAndText-logo figcaption { max-width: 100%; } .ImageAndText--isCaptionVisible .ImagesAndText-logo figcaption { margin-bottom: 1.5rem; } .ImagesAndText-logo picture { display: block; } .ImagesAndText-logo img { margin-bottom: 1.5rem; max-width: 90%; } .ImagesAndText-logo figcaption p { display: block; font-size: 1.4rem; margin-top: 0; max-width: inherit; padding: 0 1rem; } @media (min-width: 62em) { .ImagesAndText-logo figcaption p { padding: 0 3rem; } } .StockInfo-status { font-weight: 500; } .StockInfo-status.is-in-stock { color: #007A00; } .StockInfo-status.is-out-of-stock { color: #D0021B; } .StockInfo--emphasized { font-weight: 500; } .StockInfo--emphasized .StockInfo-price { font-size: 2.1rem; font-weight: inherit; margin-left: 0.2rem; } .ContentIndex { background-color: #FFFFFF; border-radius: 0.4rem; margin: 0 auto; max-width: 73.8rem; overflow: hidden; -webkit-transition: height 0.5s; transition: height 0.5s; } .ContentIndex-title { font-weight: bold; line-height: 4.4rem; position: relative; } .ContentIndex.is-closed .ContentIndex-title::before { -webkit-transform: rotate(0); transform: rotate(0); } .ContentIndex.is-closed .ContentIndex-list { display: none; } .ContentIndex-list { margin-left: 2rem; position: relative; } .ContentIndex-list li { font-size: 1.4rem; line-height: 2.5rem; padding-top: 0.5rem; } .ContentIndex-list li:last-child { padding-bottom: 1.5rem; } .ContentIndex-list a { text-decoration: underline; } .ContentIndex-list li span { left: -2rem; position: absolute; } .Template-app-landing .Container--small, .Template-freestyle-wide .Container--small, .Template-diga .Container--small { max-width: none; overflow-x: hidden; padding: 0; } .Homevisit-cta-wrapper.Grey-bg { background-color: whitesmoke; } .Homevisit-cta-wrapper.White-bg { background-color: #FFFFFF; } .Homevisit-cta-wrapper .Homevisit-cta-container { margin: auto; max-width: 1200px; } .Homevisit-cta-wrapper .Homevisit-cta-tagline { margin-bottom: 0.75rem; margin-top: 0; text-transform: uppercase; } .Homevisit-cta-wrapper .Homevisit-cta-heading { margin-bottom: 1.5rem; margin-top: 0; } .Homevisit-cta-wrapper .Homevisit-cta-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 48em) { .Homevisit-cta-wrapper .Homevisit-cta-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 48em) { .Homevisit-cta-info { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-right: 32px; } } .Homevisit-cta-info .Homevisit-cta-subheading { margin-bottom: 1.5rem; } @media (min-width: 48em) { .Homevisit-cta-img { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .CarouselThumbnails { padding-left: 3rem; padding-right: 3rem; } @media (min-width: 48em) { .CarouselThumbnails { padding-left: 0; padding-right: 0; } } .CarouselThumbnails-main { margin-bottom: 5.5rem; padding-bottom: 75%; } @media (min-width: 48em) { .CarouselThumbnails-main { margin-bottom: 1.5rem; } } .CarouselThumbnails-cell { border-radius: 0.4rem; height: 100%; margin-right: 10rem; overflow: hidden; width: 100%; } .CarouselThumbnails-thumbnail img, .CarouselThumbnails-cell img { display: block; height: auto; width: 100%; } .CarouselThumbnails-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.6rem; margin-right: -0.6rem; } .CarouselThumbnails-thumbnail { border: 0.1rem solid transparent; border-radius: 0.4rem; margin-bottom: 1.5rem; margin-left: 0.75rem; margin-right: 0.75rem; overflow: hidden; width: calc(25% - 1.5rem); } .CarouselThumbnails-thumbnail.is-active { border-color: #1064f4; } .CarouselThumbnails-nav::after { content: ""; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .CarouselThumbnails .flickity-viewport { border-radius: 0.4rem; position: absolute; width: 100%; } .CarouselThumbnails .flickity-page-dots { bottom: -3rem; } .CarouselThumbnails .flickity-page-dots .dot { background-color: #e7e7e7; border: 0.1rem solid #e7e7e7; height: 1rem; opacity: 1; padding: 0.5rem; width: 1rem; } .CarouselThumbnails .flickity-page-dots .dot.is-selected { background-color: #6f6f6f; border: 0.1rem solid #6f6f6f; } .CarouselThumbnails .flickity-prev-next-button { background: none; cursor: pointer; height: 4.4rem; width: 5.4rem; } .CarouselThumbnails .flickity-prev-next-button svg { height: 92%; width: 92%; } .CarouselThumbnails .flickity-prev-next-button.previous { left: -5rem; } .CarouselThumbnails .flickity-prev-next-button.next { left: auto; right: -3rem; } .Accordion .Accordion-trigger { color: #404040; font-weight: 700; padding: 1.2rem 0; } .Accordion .Accordion-trigger::before { color: #0E9AA4; margin: 0.2rem 1.4rem 0 0; } .Accordion .Accordion-trigger[aria-expanded=true]::before { color: #0F0F0F; } .Accordion .Accordion-data-wrapper { border: 0; border-radius: 0; margin: 0; padding: 0; } .Template-app-landing .Accordion, .Template-freestyle-wide .Accordion, .Template-diga .Accordion { margin: 4.5rem auto; max-width: 1216px; padding: 0 16px; } @media (min-width: 62em) { .Autotext .Accordion-heading h2 button.Accordion-trigger { font-size: 3rem; } .Autotext .Accordion-heading h3 button.Accordion-trigger { font-size: 2.65rem; } .Autotext .Accordion-heading h4 button.Accordion-trigger { font-size: 2.4rem; } .Accordion-panel .Autotext h2 { font-size: 3rem; } .Accordion-panel .Autotext h2 strong { font-size: 3rem; font-weight: 600; } .Accordion-panel .Autotext h3 { font-size: 2.65rem; } .Accordion-panel .Autotext h3 strong { font-size: 2.65rem; font-weight: 600; } .Accordion-panel .Autotext h4 { font-size: 2.4rem; } .Accordion-panel .Autotext h4 strong { font-size: 2.4rem; font-weight: 600; } } .ContentBlock .Autotext-section .Accordion-heading h2 button.Accordion-trigger, .ContentBlock .Autotext-section .Accordion-heading h3 button.Accordion-trigger, .ContentBlock .Autotext-section .Accordion-heading h4 button.Accordion-trigger { font-size: 1.6rem; } @media (min-width: 48em) and (max-width: 61.99em) { .Autotext .Accordion-heading h2 button.Accordion-trigger { font-size: 2.65rem; } .Autotext .Accordion-heading h3 button.Accordion-trigger { font-size: 2.4rem; } .Autotext .Accordion-heading h4 button.Accordion-trigger { font-size: 2.2rem; } .Accordion-panel .Autotext h2 { font-size: 2.65rem; } .Accordion-panel .Autotext h2 strong { font-size: 2.65rem; font-weight: 600; } .Accordion-panel .Autotext h3 { font-size: 2.4rem; } .Accordion-panel .Autotext h3 strong { font-size: 2.4rem; font-weight: 600; } .Accordion-panel .Autotext h4 { font-size: 2.2rem; } .Accordion-panel .Autotext h4 strong { font-size: 2.2rem; font-weight: 600; } } .Accordion-panel .Autotext h2, .Accordion-panel .Autotext h3, .Accordion-panel .Autotext h4 { font-weight: 300; margin-bottom: 1.5rem; margin-top: 1.5rem; } @media (min-width: 62em) { .Accordion-panel .Autotext h2, .Accordion-panel .Autotext h3, .Accordion-panel .Autotext h4 { margin-bottom: 3rem; margin-top: 3rem; } } .Accordion-panel figcaption .Autotext h2, .Accordion-panel figcaption .Autotext h3, .Accordion-panel figcaption .Autotext h4 { line-height: initial; } .Autotext .Autotext-block > p { margin-bottom: 1.5rem; } @media (min-width: 62em) { .Autotext .Autotext-block > p { margin-bottom: 3rem; } } @media (max-width: 47.99em) { .Accordion-panel .Autotext h2, .Accordion-panel .Autotext h3, .Accordion-panel .Autotext h4 { font-size: 100%; } .Accordion-data-wrapper:not(:first-child) { border-top: 0.1rem solid #E8E8E8; } } [data-whatintent=mouse] .Accordion-trigger:focus, [data-whatintent=touch] .Accordion-trigger:focus { outline: none; } @media (max-width: 47.99em) { .Accordion--xs-borderBottom .Accordion-trigger { border-bottom: 0.1rem solid #A8A29F; } .Accordion--xs-borderBottom .Accordion-trigger[aria-expanded=true] { border-bottom: none; } } @media (max-width: 47.99em) { .Accordion--xs-borderBottom .Accordion-panel { border-bottom: 0.1rem solid #A8A29F; padding-bottom: 1.5rem; } } @media (min-width: 48em) { .Accordion--responsive .Accordion-trigger { border: none; cursor: auto; font-weight: 300; margin-bottom: 1.5rem; padding: 0; } .Accordion.Accordion--responsive > dt > .Accordion-trigger, .Accordion.Accordion--responsive > .Accordion-panel { border: none; } .Accordion--responsive.Accordion--titles-h1 .Accordion-trigger { font-size: 3rem; } } @media (min-width: 48em) and (min-width: 62em) { .Accordion--responsive.Accordion--titles-h1 .Accordion-trigger { font-size: 3.6rem; } } @media (min-width: 48em) { .Accordion--responsive.Accordion--titles-h2 .Accordion-trigger { font-size: 2.65rem; } } @media (min-width: 48em) and (min-width: 62em) { .Accordion--responsive.Accordion--titles-h2 .Accordion-trigger { font-size: 3rem; } } @media (min-width: 48em) { .Accordion--responsive.Accordion--titles-h3 .Accordion-trigger { font-size: 2.4rem; } } @media (min-width: 48em) and (min-width: 62em) { .Accordion--responsive.Accordion--titles-h3 .Accordion-trigger { font-size: 2.65rem; } } @media (min-width: 48em) { .Accordion--responsive.Accordion--titles-h4 .Accordion-trigger { font-size: 2.2rem; } } @media (min-width: 48em) and (min-width: 62em) { .Accordion--responsive.Accordion--titles-h4 .Accordion-trigger { font-size: 2.4rem; } } @media (min-width: 48em) { .Accordion--responsive.Accordion--titles-h5 .Accordion-trigger { font-size: 2rem; } } @media (min-width: 48em) and (min-width: 62em) { .Accordion--responsive.Accordion--titles-h5 .Accordion-trigger { font-size: 2.2rem; } } @media (min-width: 48em) { .Accordion--responsive.Accordion--titles-h6 .Accordion-trigger { font-size: 1.6rem; } } @media (min-width: 48em) and (min-width: 62em) { .Accordion--responsive.Accordion--titles-h6 .Accordion-trigger { font-size: 2rem; } } @media (min-width: 48em) { .Accordion--responsive .Accordion-trigger::before { content: none; } } @media (min-width: 48em) { .Accordion--responsive .Accordion-panel { display: block; } } @media (max-width: 61.99em) { .Autotext .Accordion-panel, .Accordion-panel .Autotext-block > p:last-of-type { margin-bottom: 1.5rem; } } @media (min-width: 62em) { .Accordion--responsive dt:not(:first-child) .Accordion-trigger { margin-top: 4.5rem; } .Accordion--responsive .Accordion-trigger { margin-bottom: 3rem; } } .Accordion.Accordion--next .Accordion-data-wrapper:not(:first-child) { border-top: 0.1rem solid #E8E8E8; } .Accordion.Accordion--next .Autotext ol { padding-left: 2rem; } .Accordion.Accordion--next .Autotext-image figcaption { background-color: #F7F7F7; } .Template-app-landing .App-download-strip-wrapper, .Template-freestyle-wide .App-download-strip-wrapper, .Template-diga .App-download-strip-wrapper { padding: 64px 1rem; } .Template-app-landing .App-download-strip-container h2, .Template-freestyle-wide .App-download-strip-container h2, .Template-diga .App-download-strip-container h2 { font-size: 40px; } .App-download-strip-wrapper { padding: 2.5rem 1rem; } .App-download-strip-wrapper .App-download-strip-container h2 { margin-top: 0; } .App-download-strip-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .App-download-strip-buttons a { height: 40px; } .App-download-strip-buttons .Ios { margin-right: 1rem; } .App-download-strip-buttons .Disabled { opacity: 0.24; } @media (max-width: 47.99em) { .LinksListColumns-column:nth-child(n+2) .u-sectionTitle { margin-top: 3rem; } } .Bulma-component .LinksListColumns .LinksList ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .Bulma-component .LinksListColumns .LinksList a { color: #0e9ca6; text-decoration: none; } .Figure { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } @media (max-width: 47.99em) { .Figure { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .Figure--horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; } .Figure-figcaption { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 2.5rem; text-align: left; } .CTA .CTA-title { margin-bottom: 3rem; margin-top: 0; } .CTA .Button, .CTA [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .CTA button { display: inline-block; white-space: initial; width: 100%; } @media (min-width: 48em) { .CTA .Button, .CTA [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .CTA button { width: auto; } } .u-stripBackground--force .CTA-title { margin-top: 0; } .CTA .CTA-bullet { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } @media (min-width: 48em) { .CTA .CTA-bullet { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .CTA .CTA-bullet .CTA-bulletItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; text-align: left; width: 100%; } @media (min-width: 48em) { .CTA .CTA-bullet .CTA-bulletItem { width: 36rem; } } .CTA .CTA-bulletItem--bulletCount { color: #EA5A0B; font-size: 2.5rem; margin-top: -0.5rem; width: 1.4rem; } .CTA .CTA-bulletItem--bulletIcon { font-size: 2.5rem; margin-top: -1rem; } .CTA-deliveryTime { color: #007A00; font-weight: 500; } .CTA .CTA-description:-moz-any-link { color: #333333; text-decoration: underline; display: block; } .CTA .CTA-description:any-link { color: #333333; text-decoration: underline; display: block; } .CTA .CTA-description:-moz-any-link:focus, .CTA .CTA-description:-moz-any-link:hover { color: #62605E; } .CTA .CTA-description:any-link:focus, .CTA .CTA-description:any-link:hover { color: #62605E; } .CTA .CTA-description:-moz-any-link:active { color: #333333; } .CTA .CTA-description:any-link:active { color: #333333; } .Template-app-landing .EmailSubscription-container, .Template-freestyle-wide .EmailSubscription-container, .Template-diga .EmailSubscription-container { display: block; padding: 0 13px; } .EmailSubscription-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16px; } @media (max-width: 767px) { .EmailSubscription-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } } @media (max-width: 1079px) and (min-width: 768px) { .EmailSubscription-container { margin: 0; } } .EmailSubscription-container .EmailSubscription-title { font-weight: 500; } @media (min-width: 1080px) { .EmailSubscription-container .EmailSubscription-title { margin-bottom: 16px; } } @media (max-width: 767px) { .EmailSubscription-container .EmailSubscription-title { margin: 24px 0 8px; } } .EmailSubscription-container .EmailSubscription-body { font-size: 17px; margin-bottom: 1.5rem; } .EmailSubscription-container.EmailCustomDisplay { display: block; } .EmailSubscription-container.EmailDefaultDisplay { display: -webkit-box; display: -ms-flexbox; display: flex; } .EmailSubscription-container .EmailSubscription-titleDisplay { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 2rem 0 0 4rem; } @media (max-width: 1079px) { .EmailSubscription-container .EmailSubscription-titleDisplay { margin: 0; text-align: center; } } .EmailSubscription-container .EmailSubscription-submitForm { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 80px; width: 100%; } @media (max-width: 767px) { .EmailSubscription-container .EmailSubscription-submitForm { margin: 0 auto 24px; max-width: 492px; } } @media (min-width: 768px) { .EmailSubscription-container .EmailSubscription-submitForm { margin-right: 4rem; } } .Autotext-section .EmailSubscription-container .EmailSubscription-submitForm { max-width: 492px; } .BlockBase .Static-wrapper.has-background-light, .BlockBase .Popup-email.has-background-light { background-color: #f7f7f7 !important; } @media (max-width: 1079px) { .BlockBase .Popup-email { padding-bottom: 32px !important; padding-top: 58px !important; } } @media (min-width: 1080px) { .BlockBase .Popup-email { padding-bottom: 32px !important; padding-top: 32px !important; } } @media (min-width: 768px) { .BlockBase .Popup-email .EmailSubscription-container { padding-right: 42px; } } @media (min-width: 768px) and (max-width: 1079px) { .BlockBase .Popup-email .EmailSubscription-container { padding-left: 45px; } } .Popup-email-modal .EmailSubscription-submitForm { max-width: initial !important; } @media (min-width: 768px) and (max-width: 1079px) { .Popup-email-modal .EmailSubscription-submitForm { margin-left: 48px; margin-right: 0; } } @media (max-width: 767px) { .BlockBase .Popup-email-modal .EmailSubscription-submitForm { max-width: 492px !important; } } @media (min-width: 1080px) { .BlockBase .EmailSubscription-container .EmailSubscription-titleDisplay { margin-right: 4rem; margin-top: 0; } } @media (max-width: 1079px) { .BlockBase .EmailSubscription-container .EmailSubscription-titleDisplay { margin-bottom: 32px; } } @media (max-width: 1079px) { .BlockBase .EmailSubscription-container .EmailSubscription-title { margin-top: -6px; } } @media (max-width: 767px) { .BlockBase .EmailSubscription-container .EmailSubscription-submitForm { margin: auto; } } @media (min-width: 1080px) { .BlockBase .EmailSubscription-container .EmailSubscription-submitForm { margin-left: 4rem !important; margin-right: 0 !important; } } @media (max-width: 1079px) { .BlockBase .EmailSubscription-container .EmailSubscription-submitForm { margin-top: -5px !important; } } .BlockBase .EmailSubscription-container .EmailSubscription-field { padding-left: 4px !important; } .BlockBase .EmailSubscription-container .EmailSubscription-field input { position: relative; top: 1.5px; } @media (max-width: 1079px) { .BlockBase .EmailSubscription-container .EmailSubscription-body { margin-bottom: 0; } } .BlockBase .EmailSubscription-container .EmailSubscription-tagline { padding-left: 4px !important; } .BlockBase .EmailSubscription-container .EmailInput-wrap { -ms-flex-preferred-size: auto; flex-basis: auto; } @media (min-width: 768px) { .BlockBase .EmailSubscription-container .EmailInput-wrap { width: calc(100% - 121px); } } .BlockBase .Static-wrapper { padding: 66px 10px; } @media (max-width: 767px) { .BlockBase .Static-wrapper { padding: 32px 10px; } } .BlockBase .Static-wrapper .EmailSubscription-container .EmailSubscription-submitForm { max-width: 492px !important; } @media (max-width: 1079px) { .BlockBase .Static-wrapper .EmailSubscription-container .EmailSubscription-submitForm { margin: auto; } } .TableOfContents { background-color: #FFFFFF !important; } .TableOfContents-sticky { top: calc(44px + 1px); } @media (min-width: 48em) { .TableOfContents-sticky { top: calc(60px + 2px); } } @media (min-width: 75em) { .TableOfContents-sticky { top: calc(80px + 2px); } } .Availability-wrapper { border: 1 solid #ededed; border-radius: 8px; -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); } .VoucherSection { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } @media (min-width: 62em) { .VoucherSection { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 3.2rem; } } .VoucherSection .VoucherSection-image { background-color: #87DCDC; } @media (min-width: 62em) { .VoucherSection .VoucherSection-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFFFFF; border-bottom-left-radius: 0.4rem; border-top-left-radius: 0.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .VoucherSection .VoucherSection-image .icon-gift { background: url("https://res.cloudinary.com/zava-www-uk/image/upload/v1570531887/assets/phoenix/zavamed/gift-dark.svg") center no-repeat; background-size: 3rem; height: 3rem; margin: 1.5rem auto; width: 3rem; } @media (min-width: 62em) { .VoucherSection .VoucherSection-image .icon-gift { background: url("https://res.cloudinary.com/zava-www-uk/image/upload/v1570531916/assets/phoenix/zavamed/gift-light.svg") center no-repeat; height: 9.1rem; margin: 3.8rem; width: 8.8rem; } } .VoucherSection .VoucherSection-image img { width: 30px; } .VoucherSection .VoucherSection-info { background-color: #87DCDC; line-height: 2.4rem; } @media (min-width: 62em) { .VoucherSection .VoucherSection-info { border-bottom-right-radius: 0.4rem; border-top-right-radius: 0.4rem; padding: 2.4rem; } } .VoucherSection .VoucherSection-info h4 { display: block; font-size: 2.2rem; } .VoucherSection .VoucherSection-info p { font-size: 1.8rem; margin: 1rem auto; } .VoucherSection .VoucherSection-info h5 { background-color: #FFFFFF; border-radius: 0.4rem; margin: 1.5rem; padding: 1.3rem; } @media (min-width: 62em) { .VoucherSection .VoucherSection-info h5 { margin: 0; } } .VoucherSection .VoucherSection-info h5 strong { display: block; font-size: 1.9rem; overflow-x: auto; } @media (min-width: 62em) { .VoucherSection .VoucherSection-info h5 strong { min-width: 34.4rem; } } .ContentBlock .VoucherSection { margin-left: -1.5rem; margin-right: -1.5rem; } @media (min-width: 62em) { .ContentBlock .VoucherSection .VoucherSection-image { background-color: #87DCDC; } } @media (min-width: 62em) { .ContentBlock .VoucherSection .VoucherSection-image .icon-gift { background: url("https://res.cloudinary.com/zava-www-uk/image/upload/v1595345618/assets/phoenix/zavamed/gift-white.svg") center no-repeat; } } .ContentBlock .VoucherSection .VoucherSection-info h4 { margin: 0; text-align: center; } .ContentBlock .VoucherSection .VoucherSection-info h4 strong { font-size: inherit; } .ContentBlock .VoucherSection .VoucherSection-info h5 { text-align: center; } .BrowserUpdate { left: 0; position: fixed; top: 0; width: 100%; z-index: 999; } .BrowserUpdate .buorg { -webkit-animation: none; animation: none; background-color: #FFFFFF; border-bottom: 1px solid #E2DBD8; -webkit-box-shadow: 0 0 5px #E2DBD8; box-shadow: 0 0 5px #E2DBD8; color: #333333; position: relative; } .BrowserUpdate .buorg-pad { font-family: "Open Sans", sans-serif; font-size: 1.6rem; line-height: 2rem; margin: 0 auto; max-width: 96rem; padding: 1rem; text-align: left; } .BrowserUpdate .BrowserUpdate-message { font-weight: 300; } .BrowserUpdate .buorg-buttons { display: block; margin: 1rem 0 0.5rem; padding: 0; text-align: left; } .BrowserUpdate #buorgul, .BrowserUpdate #buorgig, .BrowserUpdate #buorgpermanent { background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; color: #3232E1; font-weight: 300; margin: 0 1.5rem 0 0; padding: 0; text-decoration: underline; } .BrowserUpdate #buorgul:hover, .BrowserUpdate #buorgig:hover, .BrowserUpdate #buorgpermanent:hover { cursor: pointer; } .BrowserUpdate .buorg-icon { display: none; } .SplashHeader { padding: 0; position: relative; } @media (min-width: 62em) { .SplashHeader { margin-top: 1.5rem; padding: 1.5rem; } } .SplashHeader-imageColumn .u-responsiveImage { width: 100%; } .SplashHeader-intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 62em) { .SplashHeader-intro { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 62em) { .SplashHeader-imageColumn { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; width: 60%; } } @media (min-width: 62em) { .SplashHeader-ctaColumn { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; width: 40%; } @supports (-webkit-overflow-scrolling: touch) { .SplashHeader-ctaColumn { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; } } } .SplashHeader .Well { background-color: #32286E; padding: 3rem 1.5rem; text-align: center; } @media (min-width: 62em) { .SplashHeader .Well { border-radius: 0.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 115%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @supports (-webkit-overflow-scrolling: touch) { .SplashHeader .Well { height: auto; } } } .SplashHeader .Well > *:not(:last-child) { margin-bottom: 1.5rem; } @media (min-width: 75em) { .SplashHeader .Well > *:not(:last-child) { margin-bottom: 3rem; } } .SplashHeader .Well, .SplashHeader .Well h1 { color: #FFFFFF; } .SplashHeader .Well .Button--primary, .SplashHeader .Well [data-consent-manager-dialog] button[class^=css-][class*=-GreenButton-baseStyles], [data-consent-manager-dialog] .SplashHeader .Well button[class^=css-][class*=-GreenButton-baseStyles] { width: 100%; } @media (min-width: 48em) { .SplashHeader .Well .Button--primary, .SplashHeader .Well [data-consent-manager-dialog] button[class^=css-][class*=-GreenButton-baseStyles], [data-consent-manager-dialog] .SplashHeader .Well button[class^=css-][class*=-GreenButton-baseStyles] { width: initial; } } .SplashHeader-introTitle { background-color: #9FE3E3; display: block; padding: 3rem; text-align: center; } @media (min-width: 62em) { .SplashHeader-introTitle { border-radius: 0.4rem; text-align: left; } } .SplashHeader-introTitle i { font-size: 3rem; } @media (min-width: 62em) { .SplashHeader-introTitle i { float: left; } } .Template-app-landing .ImageCards-wrapper, .Template-freestyle-wide .ImageCards-wrapper, .Template-diga .ImageCards-wrapper { padding: 4em 0; } .ImageCards-wrapper { padding-bottom: 4em; padding-top: 2em; } .ImageCards-wrapper.Grey-bg { background-color: whitesmoke; } .ImageCards-wrapper.White-bg { background-color: #FFFFFF; } .ImageCards-container { margin: 0 auto; max-width: 1200px; } .ImageCards-container .ImageCards-title { margin-bottom: 3rem; overflow-wrap: break-word; } .ImageCard-wrapper { background-color: #FFFFFF; border-radius: 8px; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 1.25rem; overflow: hidden; } @media (min-width: 62em) { .ImageCard-wrapper { margin: 0 1.25rem; } } .ImageCard-wrapper .ImageCard-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow-wrap: break-word; padding: 1rem; } .Autotext .ImageCard-wrapper .ImageCard-cta { margin-top: 1rem; text-decoration: none; } .Bulma-component .BlockCard__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100%; } .Bulma-component .BlockCard__innerWrapper > * { height: 100%; } .Bulma-component .BlockCard--fullHeight, .Bulma-component .BlockCard--fullHeight .BlockCard__content { height: 100%; } .Bulma-component .BlockCard { background-color: #f7f7f7; border-radius: 16px; -webkit-box-shadow: 0px 2px 12px -6px #0a0a0a66; box-shadow: 0px 2px 12px -6px #0a0a0a66; overflow: hidden; width: 240px; } .Bulma-component .BlockCard .BlockCard__content { overflow-wrap: break-word; } .Bulma-component .BlockCard .BlockCard__image, .Bulma-component .BlockCard .BlockCard__picture { height: 197px; max-width: 240px; min-width: 240px; width: 240px; } .Bulma-component .BlockCard .BlockCard__image { -o-object-fit: cover; object-fit: cover; } .Bulma-component .BlockProductCard__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100%; } .Bulma-component .BlockProductCard__innerWrapper > * { height: 100%; } .Bulma-component .BlockProductCard--fullHeight, .Bulma-component .BlockProductCard--fullHeight .BlockProductCard__content { height: 100%; } .Bulma-component .BlockProductCard { background-color: #f7f7f7; border-radius: 16px; -webkit-box-shadow: 0px 2px 12px -6px #0a0a0a66; box-shadow: 0px 2px 12px -6px #0a0a0a66; overflow: hidden; width: 240px; } .Bulma-component .BlockProductCard .BlockProductCard__content { overflow-wrap: break-word; } .Bulma-component .BlockProductCard .BlockProductCard__image, .Bulma-component .BlockProductCard .BlockProductCard__picture { height: 180px; max-width: 240px; min-width: 240px; width: 240px; } .Bulma-component .BlockProductCard .BlockProductCard__image { -o-object-fit: cover; object-fit: cover; } .Bulma-component .BlockCarousel__wrapper.flickity-enabled { margin-bottom: 87px; } @media (max-width: 48em) { .Bulma-component .BlockCarousel__wrapper.flickity-enabled { margin-bottom: 48px; } } @media screen and (min-width: 992px) { .Bulma-component .BlockCarousel__wrapper.flickity-enabled { padding-left: 32px; padding-right: 32px; } .Bulma-component .flickity-slider > *:not(.is-selected) { visibility: hidden; } } .Bulma-component .BlockCarousel { max-width: 100%; width: 100%; } .Bulma-component .BlockCarousel .flickity-viewport { width: 100%; } .Bulma-component .BlockCarousel .flickity-prev-next-button { background-color: #ffffff; height: 32px; padding: 0; width: 32px; } .Bulma-component .BlockCarousel .flickity-prev-next-button:disabled { display: none; } .Bulma-component .BlockCarousel .flickity-prev-next-button svg { height: 100%; left: 0%; top: 0%; width: 100%; } .Bulma-component .BlockCarousel .flickity-page-dots { bottom: -47px; } @media (max-width: 48em) { .Bulma-component .BlockCarousel .flickity-page-dots { bottom: -27px; } } .Bulma-component .BlockCarousel .flickity-page-dots .dot { background-color: #6f6f6f; } .Bulma-component .BlockCarousel .flickity-prev-next-button.previous { left: 0; } .Bulma-component .BlockCarousel .flickity-prev-next-button.next { right: 0; } .PopularServices { background-color: #F7F3F1; background-position: center; background-size: cover; display: block; width: 100%; } @media (max-width: 47.99em) { .PopularServices { background-image: none !important; } } .PopularServices .u-sectionTitle { text-align: center; } @media (min-width: 48em) { .PopularServices .u-sectionTitle { color: #FFFFFF; } } .PopularServices .Container { padding-bottom: 0; padding-top: 0; } @media (min-width: 48em) { .PopularServices .Container { padding-bottom: 10rem; padding-top: 8rem; } } .PopularServices .ChevronList { color: #000000; margin-bottom: 2rem; } .PopularServices .ChevronList a { color: #3232E1; } @media (min-width: 48em) { .PopularServices .ChevronList { color: #FFFFFF; } .PopularServices .ChevronList a { color: #FFFFFF; } } .PopularServices .ChevronList a { color: #000000; padding-left: 0; padding-right: 0; } @media (min-width: 48em) { .PopularServices .ChevronList a { color: #FFFFFF; } } .PopularServices .ChevronList a::after { right: 0; } @media (max-width: 47.99em) { .PopularServices .Well { background-color: transparent; padding-left: 0; padding-right: 0; } } @media (min-width: 48em) { .PopularServices .Well { padding-left: 3rem; padding-right: 3rem; } } @media (min-width: 62em) { .PopularServices .Well { margin-left: -3rem; } } .PopularServices .Button, .PopularServices [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .PopularServices button { width: 100%; } @media (min-width: 48em) { .PopularServices .Button, .PopularServices [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .PopularServices button { border-color: #FFFFFF; color: #FFFFFF; } } @media (min-width: 48em) { .PopularServices .Button:hover, .PopularServices [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button:hover, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .PopularServices button:hover { background: #FFFFFF; color: #000000; } } .PatientReviews { background-color: #F7F3F1; } .PatientReviews .Reviews-list { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 48em) { .PatientReviews .Reviews-list { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .ReviewCard { background-color: #FFFFFF; border-radius: 0.5rem; -webkit-box-shadow: 0 0.2rem 0.6rem #EAEAEA; box-shadow: 0 0.2rem 0.6rem #EAEAEA; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; padding: 1.5rem; } @media (min-width: 48em) { .ReviewCard { margin-left: 0.5rem; margin-right: 0.5rem; width: 36rem; } } .ReviewCard--expanded .ReviewCard-fullText { display: block; } .ReviewCard--expanded .ReviewCard-shortText { display: none; } .ReviewCard-author { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } .ReviewCard-authorName { font-size: 1.8rem; font-weight: 500; } .ReviewCard-verified { color: #62605E; } .ReviewCard-readMoreBtn { cursor: pointer; } .ReviewCard-fullText { display: none; } .ReviewCard-content { line-height: 2.4rem; } .FeaturedImage, .FeaturedImage img { display: block; margin-bottom: 3rem; min-height: 15rem; width: 100%; } @media (min-width: 48em) { .FeaturedImage, .FeaturedImage img { min-height: 40rem; } } @media (min-width: 62em) { .FeaturedImage, .FeaturedImage img { border-radius: 0.4rem; } } .FeaturedImage-placeholder { background: #E2DBD8; padding-bottom: 56.25%; width: 100%; } .ProductIndexSimplified { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } .ProductIndexSimplified-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-ordinal-group: 100; -ms-flex-order: 99; order: 99; } .ProductIndexSimplified-imageCarousel { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 48em) { .ProductIndexSimplified-imageCarousel { -webkit-box-flex: 0; -ms-flex: 0 0 41.66%; flex: 0 0 41.66%; } } .ProductIndexSimplified-description { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ProductIndexSimplified-description > p:first-child { margin-top: 0; } .ProductIndexSimplified-regulationAboveFold { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .DoctorProfile { background-color: #F7F3F1; border-radius: 0; overflow: hidden; position: relative; } @media (min-width: 48em) { .DoctorProfile { border-radius: 0.4rem; } } @media (max-width: 47.99em) { .Container--full.DoctorProfile { margin: 0; max-width: 100%; } } .DoctorProfile-banner { background-size: cover; border-radius: 0; height: 12.7rem; margin: 0 0 9.5rem; position: relative; top: 0; width: 100%; z-index: 10; } .DoctorProfile-imageContainer { position: absolute; top: 4rem; width: 100%; z-index: 11; } .DoctorProfile-image { display: block; margin: 0 auto; position: relative; width: 16rem; } .CardsCarousel { background-color: #F7F7F7; } .CardsCarousel.CardsCarousel--backgroundTransparent { background-color: transparent; } .CardsCarousel .CardsCarousel__cardsList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow: scroll; } .CardsCarousel .CardsCarousel__cardsList > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .CardsCarousel .CardsCarousel__cardsList > *:not(:last-child) { margin-right: 24px; } .CardsCarousel .CardsCarousel__cardsList > *:first-child { margin-left: 10%; } .CardsCarousel__buttonGroup a { margin: 0 10px; } @media (max-width: 35.9275em) { .CardsCarousel__buttonGroup { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .CardsCarousel__buttonGroup a { margin: 0; max-width: 100%; } .CardsCarousel__buttonGroup a + a { margin-top: 8px; } } .ContentBlock.Container--small .CardsCarousel { position: relative; right: calc((100vw - (73.8rem - 1.5rem*2)) / 2); width: 100vw; } @media (max-width: 47.99em) { .ContentBlock.Container--small .CardsCarousel { right: 1.5rem; } } .Carousel-sledge { position: relative; } .Carousel-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; position: relative; text-align: center; z-index: 2; } @media (max-width: 47.99em) { .Carousel-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .Carousel-list a:not(.u-textUnderline) { text-decoration: none; } .Carousel-cell { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; list-style: none; } @media (min-width: 48em) and (max-width: 61.99em) { .Template-product-ppc .Carousel-wrapper--2LinesOfThumbnails, .Template-product .Carousel-wrapper--2LinesOfThumbnails { min-height: 45.8rem; } } @media (min-width: 62em) and (max-width: 74.99em) { .Template-product-ppc .Carousel-wrapper--2LinesOfThumbnails, .Template-product .Carousel-wrapper--2LinesOfThumbnails { min-height: 55.6rem; } } @media (min-width: 75em) { .Template-product-ppc .Carousel-wrapper--2LinesOfThumbnails, .Template-product .Carousel-wrapper--2LinesOfThumbnails { min-height: 52.6rem; } } @media (min-width: 48em) and (max-width: 61.99em) { .Template-product-ppc .Carousel-wrapper--1LineOfThumbnails, .Template-product .Carousel-wrapper--1LineOfThumbnails { min-height: 37.9rem; } } @media (min-width: 62em) and (max-width: 74.99em) { .Template-product-ppc .Carousel-wrapper--1LineOfThumbnails, .Template-product .Carousel-wrapper--1LineOfThumbnails { min-height: 46.1rem; } } @media (min-width: 75em) { .Template-product-ppc .Carousel-wrapper--1LineOfThumbnails, .Template-product .Carousel-wrapper--1LineOfThumbnails { min-height: 43.8rem; } } .TrustpilotStars { display: inline-block; } .TrustpilotStars svg { height: 2.2rem; vertical-align: bottom; width: 10rem; } .Image img:not(.loaded) { -webkit-filter: blur(10px); filter: blur(10px); } .Image img.flickity-lazyloaded { -webkit-filter: none; filter: none; } .LinksList li { margin-bottom: 1rem; } .LinksList a { color: #2D55E6; text-decoration: none; } .LinksList a:hover { text-decoration: underline; } .LinksList-button { display: block; font-weight: 300; line-height: 4.4rem; overflow: hidden; } .LinksList-button::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "zava" !important; font-style: normal; font-variant: normal; line-height: inherit; speak: none; text-transform: none; content: "\e902"; font-size: 1.6rem; font-weight: 300; } .LinksList-button::before { display: inline-block; margin-right: 0.5rem; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .LinksList-button.is-toggled::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .Banners { background: #FFFFFF; position: sticky; top: 4.4rem; z-index: 100; } .Banners--static { position: static; } @media (min-width: 48em) { .Banners { top: 6rem; } } @media (min-width: 75em) { .Banners { top: 8rem; } } .BrandBar { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1px 10px 2px; } .ConsentBanner--static { background: #FFFFFF; position: static; top: 4.4rem; z-index: 100; } @media (min-width: 48em) { .ConsentBanner--static { top: 6rem; } } @media (min-width: 75em) { .ConsentBanner--static { top: 8rem; } } .ConsentBanner { background: #FFFFFF; bottom: 0; position: sticky; z-index: 99; } .ConsentBanner > div:not(:empty) { border-bottom: 1px solid #A8A29F; border-top: 1px solid #A8A29F; } .ConsentBanner [class^=css-][class*=-Root] { color: #333333; font-family: "Montserrat", sans-serif; font-size: 1.4rem; font-weight: 300; line-height: 1.5; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 117rem; padding: 1.6rem 0 1.2rem; text-align: left; } @media (min-width: 62em) { .ConsentBanner [class^=css-][class*=-Root] { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .ConsentBanner [class^=css-][class*=-Content] { padding: 0 1.5rem; } .ConsentBanner [class^=css-][class*=-Content] a { color: #3232E1; } .ConsentBanner [class^=css-][class*=-Content] a:hover { color: #1E90FF; } .ConsentBanner [class^=css-][class*=-Content] [class^=css-][class*=-P]:first-child { margin-bottom: 1.6rem; } @media (min-width: 62em) { .ConsentBanner [class^=css-][class*=-Content] [class^=css-][class*=-P]:first-child { margin-bottom: 0; } } .ConsentBanner .ConsentButtonContainer { -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; padding: 0.5rem 1.5rem; text-align: center; } @media (min-width: 62em) { .ConsentBanner .ConsentButtonContainer { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } } .ConsentBanner .ConsentButtonContainer [class^=css-][class*=-P] button { color: #3232E1; text-decoration: underline; background: none; border: none; font: inherit; margin: 0.8rem 0 0; padding: 0; } .ConsentBanner .ConsentButtonContainer [class^=css-][class*=-P] button:focus, .ConsentBanner .ConsentButtonContainer [class^=css-][class*=-P] button:hover { color: #1E90FF; } .ConsentBanner .ConsentButtonContainer [class^=css-][class*=-P] button:active { color: #3232E1; } @media (min-width: 62em) { .ConsentBanner .ConsentButtonContainer [class^=css-][class*=-P] button { margin: 0.4rem 0 0; } } .ConsentBanner [class*=-CloseButton] { background: #EA5A01; color: #FFFFFF; font-family: "Montserrat", sans-serif; font-size: 1.9rem; font-weight: 600; position: relative; right: auto; top: auto; -webkit-transform: none; transform: none; width: 100%; } .ConsentBanner [class*=-CloseButton]:hover { background: #F4671A; } [data-consent-manager-dialog] table { table-layout: fixed; width: 100%; } [data-consent-manager-dialog] section { border-radius: 0.4rem; color: #424242; font-family: "Montserrat", sans-serif; font-weight: 500; line-height: 2rem; } [data-consent-manager-dialog] thead th { background-color: rgba(30, 144, 255, 0.08); height: 3.9rem; } [data-consent-manager-dialog] table td, [data-consent-manager-dialog] table th { border: 1px solid rgba(30, 144, 255, 0.2); font-size: 1.4rem; font-weight: 500; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 2rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 1rem; } @media (min-width: 23.4375em) { [data-consent-manager-dialog] table td, [data-consent-manager-dialog] table th { width: 25%; } } [data-consent-manager-dialog] td input { font-size: 14px; font-weight: 500; margin: 0; margin-right: 2px; margin-top: 2px; vertical-align: top; } [data-consent-manager-dialog] td label { white-space: normal; } [data-consent-manager-dialog] p { line-height: 2rem; } [data-consent-manager-dialog] strong { font-weight: 600; } [data-consent-manager-dialog] div[class^=css-][class*=-Header] { border-bottom: none; padding: 1.6rem; padding-bottom: 1.7rem; position: relative; } [data-consent-manager-dialog] div[class^=css-][class*=-Header]::after { border-bottom: 1px solid #A8A29F; bottom: 0; content: ""; left: 1.6rem; position: absolute; right: 1.6rem; } [data-consent-manager-dialog] [class^=css-][class*=-Title] { font-weight: 500; line-height: 2.4rem; } [data-consent-manager-dialog] [class^=css-][class*=-HeaderCancelButton] { font-size: 0; position: absolute; right: 0.8rem; top: 0.7rem; } [data-consent-manager-dialog] [class^=css-][class*=-HeaderCancelButton]::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "zava" !important; font-style: normal; font-variant: normal; line-height: inherit; speak: none; text-transform: none; content: "\e90c"; font-size: 1.6rem; font-weight: 300; } [data-consent-manager-dialog] [class^=css-][class*=-TableScroll] { margin-top: 1.2rem; } [data-consent-manager-dialog] [class^=css-][class*=-Content] { padding-right: 2.4rem; padding-top: 1.8rem; } [data-consent-manager-dialog] [class^=css-][class*=-Content] a { color: #3232E1; text-decoration: underline; } [data-consent-manager-dialog] [class^=css-][class*=-Content] a:focus, [data-consent-manager-dialog] [class^=css-][class*=-Content] a:hover { color: #1E90FF; } [data-consent-manager-dialog] [class^=css-][class*=-Content] a:active { color: #3232E1; } [data-consent-manager-dialog] [class^=css-][class*=-Content] p { margin-bottom: 20px; } [data-consent-manager-dialog] [class^=css-][class*=-Buttons] { padding: 3rem 1.5rem; } @media (max-width: 23.375em) { [data-consent-manager-dialog] [class^=css-][class*=-Buttons] div { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button { background-image: none; -webkit-box-shadow: none; box-shadow: none; height: 5rem; } [data-consent-manager-dialog] button[class^=css-][class*=-DefaultButton-baseStyles] { margin-right: 1.5rem; } @media (max-width: 23.375em) { [data-consent-manager-dialog] button[class^=css-][class*=-DefaultButton-baseStyles] { margin: 0; margin-bottom: 1.5rem; } } [data-consent-manager-dialog] [class^=css-][class*=-Form] { max-height: 75vh; } @media (max-width: 23.375em) { [data-consent-manager-dialog] [class^=css-][class*=-Form] { max-height: 70vh; } } [data-consent-manager-dialog] [class^=css-][class*=-Form] [class^=css-][class*=-Content] { font-family: "Montserrat", sans-serif; font-weight: 500; line-height: 2rem; } .Announcement-banner { background: rgba(14, 156, 165, 0.5); } .Announcement-banner__heading { font-size: 18px; font-weight: bold; line-height: 25px; margin-bottom: 0.5rem; } .Announcement-banner__separator { display: none; } .Announcement-banner__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .Announcement-banner__body p { font-size: 16px; line-height: 25px; margin-top: 0; } .Announcement-banner__body a { text-decoration: underline; } @media (min-width: 48em) { .Announcement-banner__heading { margin-bottom: 1.5rem; } .Announcement-banner__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Announcement-banner__separator { display: inline-block; } .Announcement-banner__body p { margin-top: 1.5rem; } } .BackTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 62em) { .BackTop { display: none; } } .BackTop::after { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "zava" !important; font-style: normal; font-variant: normal; line-height: inherit; speak: none; text-transform: none; font-size: 1.6rem; font-weight: 300; content: "\e904"; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; margin-left: 1rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .PriceTable-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 48em) { .PriceTable-columns { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .PriceTable-column { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 48em) { .PriceTable-column { -webkit-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25%; } } @media (min-width: 62em) { .PriceTable-column { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } } .PriceTable-columnContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 1.5rem 1.5rem; width: 100%; } .PriceTable-columnTitle { font-size: 1.6rem; font-weight: 500; } .PriceTable-description { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .PriceTable-description p:first-child:not(:only-child) { border-top: 0.1rem solid #E2DBD8; margin-top: 1rem; padding-top: 1.5rem; } .PriceTable-description p:first-child:only-child { margin-top: 0.5rem; } @media (max-width: 47.99em) { .PriceTable-col:not(:last-child) { margin-bottom: 4.5rem; } } @media (min-width: 48em) { .PriceTable-cta { width: auto; } } .KeyTakeaways { margin-bottom: 3rem; } .KeyTakeaways-wrapper { border-bottom: 0.4rem solid #87DCDC; border-top: 0.4rem solid #87DCDC; } .KeyTakeaways-title { font-weight: 500; } .KeyTakeaways ul > li { border-top: 0.1rem solid #E2DBD8; } .SearchResultGrid-count { color: #EA5A0B; font-size: 2.4rem; margin-top: -3.5rem; } @media (min-width: 35.9375em) { .SearchResultGrid-count { float: right; } } .Clinics-title, .Clinics-icon, .Clinics-itemTitle, .Clinics-linkListItem { margin-bottom: 3rem; } .Clinics-title { margin-top: 3rem; text-align: center; } @media (min-width: 62em) { .Clinics-title { margin-bottom: 6rem; margin-top: 6rem; } } .Clinics-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; } .Clinics-item { background-color: #F7F3F1; border-radius: 0.4rem; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-bottom: 3rem; padding: 3rem; text-align: center; width: 100%; } @media (min-width: 48em) { .Clinics-item { max-width: calc(50% - 3rem); } .Clinics-item:nth-child(2n+1) { margin-right: 3rem; } } .Clinics-linkListItem:last-child { margin-bottom: 0; } .SharingButtons { margin: 1.5rem 0; } .SharingButton-link { -webkit-box-sizing: content-box; box-sizing: content-box; cursor: pointer; display: inline-block; margin-right: 1rem; } .SharingButton-facebook { color: #3C5A99; } .SharingButton-facebook:hover { color: #263a62; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .SharingButton-twitter { color: #1DA1F2; } .SharingButton-twitter:hover { color: #0b76b8; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .SharingButton-whatsapp { color: #25D366; } .SharingButton-whatsapp:hover { color: #1a9247; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (min-width: 48em) { .SharingButton-whatsapp { display: none; } } .SharingButton-email { color: #A8A29F; } .SharingButton-email:hover { color: #837b77; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .SharingButton-copy { color: #EA5A0B; } .SharingButton-copy:hover { color: #a13e08; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .SharingButton-pinterest { color: #BD081C; } .SharingButton-pinterest:hover { color: #740511; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .EditorInfo-date { border-bottom: 0.1rem solid #E2DBD8; border-top: 0.1rem solid #E2DBD8; } @media (min-width: 35.9375em) and (max-width: 35.9275em) { .EditorInfo-date { padding-left: 11.1rem; } } .EditorInfo-date p { font-size: 1.4rem; font-weight: 500; line-height: 2rem; margin: 0; text-transform: none; word-break: break-word; } .EditorInfo-date svg { height: 1.6rem; margin-left: 0.5rem; width: 1.6rem; } .EditorInfo-review { font-size: 1.8rem; line-height: 1.8rem; margin: 1.5rem 0.6rem 0; } .EditorInfo-review a { color: #3031A5; } .EditorInfo-review p { font-weight: 300; } .EditorInfo--full { border-top: 0.1rem solid #E2DBD8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 1.6rem; margin-top: 3rem; overflow: hidden; padding-bottom: 3rem; padding-left: 0; padding-top: 3rem; position: relative; } .EditorInfo--full .EditorInfo-topWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .EditorInfo--full .EditorInfo-image { -ms-flex-item-align: center; align-self: center; margin-right: 1.5rem; max-width: 4.8rem; } @media (min-width: 35.9375em) { .EditorInfo--full .EditorInfo-image { max-width: 9.6rem; } } .EditorInfo--full .EditorInfo-editor { -ms-flex-item-align: end; align-self: flex-end; } @media (min-width: 35.9375em) { .EditorInfo--full .EditorInfo-editor { -ms-flex-item-align: center; align-self: center; } } .EditorInfo-editor a { font-weight: 300; } .EditorInfo-editor strong { display: block; font-size: 1.4rem; } .EditorInfo--full { border-top: 0.1rem solid #E2DBD8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 1.6rem; margin-top: 3rem; overflow: hidden; padding-bottom: 3rem; padding-left: 0; padding-top: 3rem; position: relative; } .EditorInfo--full .EditorInfo-topWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .EditorInfo--full .EditorInfo-image { -ms-flex-item-align: center; align-self: center; margin-right: 1.5rem; max-width: 4.8rem; } @media (min-width: 35.9375em) { .EditorInfo--full .EditorInfo-image { max-width: 9.6rem; } } .EditorInfo--full .EditorInfo-editor { -ms-flex-item-align: end; align-self: flex-end; } @media (min-width: 35.9375em) { .EditorInfo--full .EditorInfo-editor { -ms-flex-item-align: center; align-self: center; } } .EditorInfo-editor a { font-weight: 300; } .EditorInfo-editor strong { display: block; font-size: 1.4rem; } .EditorInfo--compact { display: -webkit-box; display: -ms-flexbox; display: flex; } .EditorInfo--compact .EditorInfo-date { border: none; } .Block-editorInfo.EditorInfo--compact { border-radius: 3px; padding: 1rem 2rem 1rem 1.6rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .Block-editorInfo.EditorInfo--compact .EditorInfo--text .EditorInfo-editor p { font-size: 1.75rem; } .Block-editorInfo.EditorInfo--compact .EditorInfo--text .EditorInfo-editor a { font-size: 1.75rem; } .Block-editorInfo.EditorInfo--compact .Block-editorInfo-date.EditorInfo-date p { font-size: 1.3rem !important; line-height: 2rem; } .Block-editorInfo.EditorInfo--compact .EditorInfo { padding-top: 0.25rem; } .EditorInfo--compact .EditorInfo { -webkit-box-align: start; -ms-flex-align: start; align-items: start; border-top: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 0.5rem; padding-left: 5.3rem; padding-top: 0.5rem; } .EditorInfo--compact .EditorInfo .EditorInfo-image { -webkit-clip-path: circle(49%); clip-path: circle(49%); height: 4.8rem; margin-left: -5.3rem; max-width: 4.8rem; } .EditorInfo--compact .EditorInfo .EditorInfo-editor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 1.5rem; } .EditorInfo--compact.EditorInfo--compact--next .EditorInfo-date p { font-size: 1.6 !important; font-weight: 700 !important; } .EditorInfo--compact.EditorInfo--compact--next .EditorInfo-editor-name { font-weight: 700; } .HowCanWeHelpYou { position: relative; text-align: left; } @media (min-width: 62em) { .HowCanWeHelpYou { margin-top: -12.5rem; } } @media (min-width: 90.0625em) { .HowCanWeHelpYou { margin-top: -27.5rem; } } @media (max-width: 61.99em) { .HowCanWeHelpYou .Container--small { max-width: 100%; } } .HowCanWeHelpYou * { color: #000000; } @media (min-width: 62em) { .HowCanWeHelpYou * { color: #FFFFFF; } } .HowCanWeHelpYou .Well { margin-left: auto; margin-right: auto; } @media (min-width: 62em) { .HowCanWeHelpYou .Well { border-radius: 0.4rem; } } .HowCanWeHelpYou .Well--paris-m { background-color: #F7F3F1; } @media (min-width: 62em) { .HowCanWeHelpYou .Well--paris-m { background-color: #32286E; } } .HowCanWeHelpYou .Icon-search { color: #FFFFFF; } .HowCanWeHelpYou .Form { margin: 0 auto 3rem; } @media (min-width: 48em) { .HowCanWeHelpYou .Form { max-width: 30rem; } } .HowCanWeHelpYou .Form-input { border-color: #000000; border-right: none; color: #000000; display: block; width: 100%; } @media (min-width: 62em) { .HowCanWeHelpYou .Form-input { border-color: #FFFFFF; } } .HowCanWeHelpYou .Form-input.Form-input--lg + .Form-button > .Button, .HowCanWeHelpYou [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .Form-input.Form-input--lg + .Form-button > button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .HowCanWeHelpYou .Form-input.Form-input--lg + .Form-button > button, .HowCanWeHelpYou form.Form .Form-button > .Button, .HowCanWeHelpYou form.Form [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .Form-button > button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .HowCanWeHelpYou form.Form .Form-button > button { height: 5.2rem; } .HowCanWeHelpYou-list { margin: 0 auto; } @media (min-width: 48em) { .HowCanWeHelpYou-list { max-width: 30rem; } } .ContentTable { border: none !important; border-spacing: 0; table-layout: fixed; } @media (max-width: 47.99em) { .ContentTable { display: block; } } @media (max-width: 47.99em) { .ContentTable tbody { display: block; } } @media (max-width: 47.99em) { .ContentTable tr { display: grid; } } .ContentTable th { border: none !important; font-size: 1.8rem !important; font-weight: 300 !important; vertical-align: top; } .ContentTable p { margin-bottom: 0; } .ContentTable td { vertical-align: top; } .ContentTable .ContentTable-tooltip { color: #333333; cursor: pointer; display: inline; } .ContentTable .ContentTable-tooltip:hover { text-decoration: underline; } @media (max-width: 47.99em) { .ContentTable-twoColumns tr { grid-template-columns: 50% 50%; } } @media (max-width: 47.99em) { .ContentTable-twoColumns.ContentTable-rowTitle tr td:nth-child(1) { grid-column-start: span 2; } } @media (max-width: 47.99em) { .ContentTable-twoColumns.ContentTable-rowTitle th:nth-child(1) { display: none; } } .ContentTable:not(.ContentTable-twoColumns) th:nth-child(1) { padding-left: 0; } .ContentTable th:nth-child(n+2), .ContentTable-twoColumns:not(.ContentTable-rowTitle) th { padding-left: 1.5rem; } .ContentTable tr:nth-of-type(2n) td { background-color: #F7F3F1; } .ContentTable td:first-child { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .ContentTable td:last-child { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .Accordion--next .ContentTable tr:nth-of-type(2n) td { background-color: #F7F7F7; } .Locations { overflow: hidden; position: relative; } .Locations .Container { min-height: 15rem; } @media (min-width: 48em) { .Locations .Container { position: relative; } } .Locations-list { width: 50%; } @media (min-width: 48em) { .Locations-list { width: 25%; } } .Locations-list li { margin-bottom: 1rem; } .Locations-icon svg { bottom: 0; position: absolute; right: 3rem; width: 12rem; } @media (min-width: 48em) { .Locations-icon svg { bottom: -6rem; right: 0; width: 16rem; } } .BottomMenu-title { color: #FFFFFF; font-size: 24px; } .BottomMenu-list { list-style: none; margin: 1.5rem 0 3rem; padding: 0; } @media (min-width: 48em) { .BottomMenu-list:last-child { margin-bottom: 1.5rem; } } .BottomMenu-list li { margin: 0 0 1.5rem; } .BottomMenu-link { color: #FFFFFF; text-decoration: none; } .BottomMenu-link:focus, .BottomMenu-link:hover { text-decoration: underline; } .BottomMenu-link--consent { background: none; border: none; cursor: pointer; font-family: inherit; font-size: inherit; font-weight: inherit; padding: 0; } .BottomMenu-item { color: #FFFFFF; } .BenefitBar-item .BenefitBar-text { white-space: nowrap; } .Template-home > .BenefitBar { display: none; } @media (min-width: 62em) { .Template-home > .BenefitBar { display: block; } } .HomepageBenefitAndHeroContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 62em) { .HomepageBenefitAndHeroContainer { display: block; } } .HomepageBenefitAndHeroContainer .Hero { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .HomepageBenefitAndHeroContainer .BenefitBar { background: #32286E; display: block; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 62em) { .HomepageBenefitAndHeroContainer .BenefitBar { display: none; } } .HomepageBenefitAndHeroContainer .BenefitBar-container { -webkit-animation: none; animation: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 1.5rem; position: relative; width: 100%; } @media (min-width: 62em) { .HomepageBenefitAndHeroContainer .BenefitBar-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 0; } } .HomepageBenefitAndHeroContainer .BenefitBar-wrapper { margin: 0; } @media (min-width: 62em) { .HomepageBenefitAndHeroContainer .BenefitBar-wrapper { margin: 0 auto; } } .HomepageBenefitAndHeroContainer .BenefitBar-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 1.5rem; padding: 0 1.5rem; text-align: left; width: 100%; } @media (min-width: 48em) and (max-width: 61.99em) { .HomepageBenefitAndHeroContainer .BenefitBar-item { width: 50%; } } @media (min-width: 62em) { .HomepageBenefitAndHeroContainer .BenefitBar-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } } @media (min-width: 62em) and (max-width: 74.99em) { .HomepageBenefitAndHeroContainer .BenefitBar-item:last-child { display: none; } } .HomepageBenefitAndHeroContainer .BenefitBar-text { padding: 0 1.5rem; white-space: nowrap; } @media (min-width: 62em) { .HomepageBenefitAndHeroContainer .BenefitBar-text { padding: 1rem; } } .ContentHeaderWrapper { overflow: hidden; } .ContentHeader { background: #1E90FF; background: -webkit-gradient(linear, left top, right top, from(#1E90FF), to(#3232E1)); background: linear-gradient(to right, #1E90FF 0%, #3232E1 100%); border-radius: 0 0 5rem 5rem; color: #FFFFFF; margin-bottom: -6rem; padding-bottom: 6rem; } @media (min-width: 62em) { .ContentHeader { border-radius: 0 0 25% 25%; margin: 0 -5rem -6rem; padding-bottom: 10rem; } } .ContentHeader--cms { background-color: #FFFFFF; border-radius: 0.4rem; padding-top: 2rem; } @media (min-width: 75em) { .ContentHeader--cms { background-color: transparent; border-radius: none; padding-top: 0; } } .ContentHeader--editorInfo { min-width: 30rem; width: 35rem; } .ContentHeader h1 { color: #FFFFFF; } .ContentHeader h1::before { background: #FFFFFF; content: ""; display: block; height: 0.3rem; margin-bottom: 1rem; width: 4.8rem; } .ContentHeader--content { min-height: 12rem; } @media (min-width: 75em) { .ContentHeader--content { background: #FFFFFF; border-radius: 0.5rem 0.5rem 0 0; margin-top: -10rem; padding-top: 6rem; } .ContentHeader--content:not(:last-of-type) { padding-bottom: 6rem; } } .ContentHeader--container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 48em) { .ContentHeader--container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media (max-width: 74.99em) { .IntroContainer { min-height: initial; } } .ContentHeader-intro .Autotext > p { margin-bottom: 0; padding-bottom: 2rem; } .InfoCards { margin-bottom: 3rem; } @media (max-width: 47.99em) { .InfoCards { margin: 0 0 3rem; padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 48em) { .InfoCard-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; justify-items: stretch; } } .InfoCard { background: #1E90FF; background: -webkit-gradient(linear, left top, right top, from(#1E90FF), to(#3232E1)); background: linear-gradient(to right, #1E90FF 0%, #3232E1 100%); border-radius: 0.4rem; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; margin: 0.8rem -0.75rem; padding: 1.4rem 1.6rem; } @media (min-width: 48em) { .InfoCard { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; justify-items: center; margin: 0; width: 100%; } } .InfoCard-icon { margin: 0 1.6rem 0 1rem; } .InfoCard-text { margin: auto 0; } @media (min-width: 48em) { .InfoCard-text { text-align: center; width: 100%; } } .DeliveryOptions-table { margin-top: 0; } .DeliveryOptions-table tr { outline: none; } .DeliveryOptions-table tr > td:first-child { padding-left: 0; } .DeliveryOptions-table tr > td:last-child { padding-right: 0; } .DeliveryOptions-title > td { padding-bottom: 0; padding-top: 2rem; } .DeliveryOptions-title strong { font-weight: 500; } .DeliveryOptions-link { color: #333333; } .DeliveryOptions-link:hover { text-decoration: underline; } .DeliveryOptions-price { width: 25%; } .DeliveryOptions-estimatedTime > td { border-top: none; padding-bottom: 2rem; padding-top: 0; } .DeliveryOptions-info > td { border-top: none; display: none; padding-bottom: 2rem; padding-top: 0; } .DeliveryOptions-info.is-toggled > td { display: table-cell; } .DeliveryOptions-extendedInfo > td { padding-bottom: 2rem; padding-top: 2rem; } .DeliveryOptions--dark .Table--lined td { border-top-color: #333333; } .DeliveryOptions--dark .Icon-information-circle, .DeliveryOptions--dark .u-textMuted { color: #333333; } .DeliveryOptions--noMarginBottomOnTable .DeliveryOptions-table { margin-bottom: 0; } .Alt-treatment--wrapper { -ms-flex-line-pack: baseline; align-content: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.6rem 1.5rem; } .Alt-treatment--card { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 1rem; } .Alt-treatment--inside { background-color: #FFFFFF; border-radius: 0.4rem; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16), 0 4px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16), 0 4px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-transition: -webkit-box-shadow 0.16s cubic-bezier(0.64, 0, 0.24, 1); transition: -webkit-box-shadow 0.16s cubic-bezier(0.64, 0, 0.24, 1); transition: box-shadow 0.16s cubic-bezier(0.64, 0, 0.24, 1); transition: box-shadow 0.16s cubic-bezier(0.64, 0, 0.24, 1), -webkit-box-shadow 0.16s cubic-bezier(0.64, 0, 0.24, 1); } .Alt-treatment--inside:hover { -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.16), 0 1px 16px rgba(0, 0, 0, 0.12), 0 4px 8px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.16), 0 1px 16px rgba(0, 0, 0, 0.12), 0 4px 8px -1px rgba(0, 0, 0, 0.2); } @media (-ms-high-contrast: active) and (-ms-high-contrast: none) { .Alt-treatment--inside { min-height: 14rem; } } .Alt-treatment--content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .Alt-treatment--alert { background-color: #3232E1; border-radius: 0.2rem; color: #FFFFFF; font-size: 1.4rem; font-weight: 500; line-height: 1.6rem; margin: 0.8rem 0 1.2rem; padding: 0.4rem 1rem; } .Alt-treatment--image { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: auto; padding: 0 1.2rem 1.2rem; } @media (max-width: 47.99em) { .Alt-treatment--image > img { width: 9rem; } } .Alt-treatment--description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.6rem; padding-right: 2rem; } .Alt-treatment--title { color: #333333; font-size: 1.6rem; font-weight: 500; line-height: 1.9rem; margin-bottom: 1.2rem !important; } .Alt-treatment--subtitle { color: #333333; font-size: 1.4rem; font-weight: 300; line-height: 1.8rem; margin-bottom: 0.8rem; } .Alt-treatment--priceWrapper { color: #333333; font-size: 1.4rem; font-weight: 300; line-height: 1.8rem; } .Alt-treatment--price { font-weight: 600; } .Alt-treatment--chevron { position: absolute; right: 1rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .Alt-treatment-description { padding-left: 0.75rem; } .SplashHeaderWithReview { color: #333333; overflow: hidden; } .SplashHeaderWithReview .SplashHeaderWithReview-bg { background-position: center; background-size: cover; min-height: 30rem; } .SplashHeaderWithReview .SplashHeaderWithReview-content { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 4rem; } @media (min-width: 62em) { .SplashHeaderWithReview .SplashHeaderWithReview-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 6rem; } } @media (min-width: 75em) { .SplashHeaderWithReview .SplashHeaderWithReview-body { max-width: 85%; } } .SplashHeaderWithReview .SplashHeaderWithReview-author { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .SplashHeaderWithReview .SplashHeaderWithReview-authorName { font-size: 1.8rem; font-weight: 500; } .SplashHeaderWithReview .SplashHeaderWithReview-reviewText { line-height: 2.4rem; } .SplashHeaderWithReview .SplashHeaderWithReview-cta { background-color: #32286E; } .SplashHeaderWithReview .SplashHeaderWithReview-ctaTitle { font-size: 3rem; } .SplashHeaderWithReview .SplashHeaderWithReview-guarantee { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #87DCDC; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 62em) { .SplashHeaderWithReview .SplashHeaderWithReview-guarantee { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .SplashHeaderWithReview .ReadMore--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .SplashHeaderWithReview .SplashHeaderWithReview-verified { color: #62605E; } @media (max-width: 35.9275em) { .SplashHeaderWithReview .Trustpilot-micro-combo-dark > iframe { height: 4rem !important; } } .Cta-sticky { background-color: #FFFFFF; bottom: -150px; -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.16), 0 1px 16px rgba(0, 0, 0, 0.12), 0 4px 8px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.16), 0 1px 16px rgba(0, 0, 0, 0.12), 0 4px 8px -1px rgba(0, 0, 0, 0.2); position: fixed; -webkit-transition: bottom 1s ease-in-out; transition: bottom 1s ease-in-out; width: 100%; z-index: 2; } .Cta-sticky.Cta-sticky--hidden { bottom: -650px; } .Cta-sticky.Cta-sticky--shown { bottom: 0; } .Cta-sticky.Cta-sticky--full .Button, .Cta-sticky.Cta-sticky--full [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] .Cta-sticky.Cta-sticky--full button { width: 100%; } .Cta-sticky.Cta-sticky--full .Cta-sticky--fullDescription > ul:first-child, .Cta-sticky.Cta-sticky--full .Cta-sticky--fullDescription > a:first-child, .Cta-sticky.Cta-sticky--full .Cta-sticky--fullDescription > ol:first-child, .Cta-sticky.Cta-sticky--full .Cta-sticky--fullDescription > h2:first-child, .Cta-sticky.Cta-sticky--full .Cta-sticky--fullDescription > h3:first-child, .Cta-sticky.Cta-sticky--full .Cta-sticky--fullDescription > h4:first-child { margin-top: 12px; } .Cta-sticky.Cta-sticky--full .Cta-sticky--fullDescription > a:first-child { display: inline-block; } .Cta-sticky.Cta-sticky--full .Cta-sticky--fullDescription > p:last-child { margin-bottom: 0; } @media (min-width: 35.9375em) { .Cta-sticky { display: none !important; } } .Cta-sticky__headline { font-size: 1.8rem; } @media (min-width: 35.9375em) { .Cta-sticky--desktopEnabled .Cta-sticky { display: block !important; } } .Text-background-wrapper { background-repeat: repeat; padding: 32px 16px; } @media (min-width: 62em) { .Text-background-wrapper { padding: 64px 16px; } } .Text-background-container { margin: auto; max-width: 1200px; } .Text-background-container .Text-background-box { max-width: 640px; } .Text-background-container .Text-background-heading { margin-bottom: 8px; } .Text-background-container p { color: #FFFFFF; } .Autotext .Text-background-container a { color: #FFFFFF; } .Autotext .Text-background-container a:hover { color: #FFFFFF; } .ProductsGridSearchBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ProductsGridSearchBox .Form { max-width: 42.2rem; } .ProductsGrid-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ProductsGrid h2 { margin-top: 0; } .ProductsGrid-column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 3rem; } @media (min-width: 35.9375em) { .ProductsGrid-column { -ms-flex-preferred-size: calc(50% - 3rem); flex-basis: calc(50% - 3rem); } .ProductsGrid-column:nth-child(2n+1) { margin-right: 3rem; } } @media (min-width: 62em) { .ProductsGrid-column { -ms-flex-preferred-size: calc(33.33% - 3rem); flex-basis: calc(33.33% - 3rem); } .ProductsGrid-column:not(:nth-child(3n)) { margin-right: 3rem; } } .ProductsGrid-more { border-top: 0.1rem solid #A8A29F; font-weight: 500; margin-top: 3rem; position: relative; } .ProductsGrid-moreButton { display: block; font-weight: 500; line-height: 4.4rem; overflow: hidden; text-align: left; width: 100%; } .ProductsGrid-moreButton::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "zava" !important; font-style: normal; font-variant: normal; line-height: inherit; speak: none; text-transform: none; content: "\e902"; font-size: 1.6rem; font-weight: 300; } .ProductsGrid-moreButton::before { display: inline-block; margin-right: 0.5rem; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .ProductsGrid-moreButton.is-toggled::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .ProductsGrid-showAll .ProductsGrid-column { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .ProductsGrid-showAll .ProductsGrid-more { display: none; } @media (min-width: 62em) { .ProductsGrid-cta { padding-left: 3rem; padding-right: 3rem; } } .ProductsGrid-cta .ProductsGrid-column { -ms-flex-preferred-size: calc(50% - 3rem); flex-basis: calc(50% - 3rem); margin-bottom: 0; } @media (max-width: 47.99em) { .ProductsGrid-cta .ProductsGrid-column:nth-child(2n+1) { margin-right: 3rem; } } @media (min-width: 62em) { .ProductsGrid-cta .ProductsGrid-column { -ms-flex-preferred-size: calc(25.55% - 3rem); flex-basis: calc(25.55% - 3rem); } .ProductsGrid-cta .ProductsGrid-column:last-child { margin-right: 0; } } .ProductsGrid-cta img { border-radius: 0.4rem; } .is-hiddenByDefault { display: none; } .AboutUs-button { display: block; font-weight: 500; line-height: 4.4rem; overflow: hidden; } .AboutUs-button::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "zava" !important; font-style: normal; font-variant: normal; line-height: inherit; speak: none; text-transform: none; content: "\e902"; font-size: 1.6rem; font-weight: 300; } .AboutUs-button::before { display: inline-block; margin-right: 0.5rem; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .AboutUs-button.is-toggled::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .SearchResultItem { border-top: 0.1rem solid #A8A29F; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .SearchResultItems .SearchResultItem:last-child { border-bottom: 0.1rem solid #A8A29F; } .SearchResultItem-image { min-width: 12.5rem; } @media (min-width: 48em) { .SearchResultItem-image { min-width: 20rem; } } .SearchResultItem-image img { border-radius: 0.4rem; max-width: 12.5rem; } @media (min-width: 48em) { .SearchResultItem-image img { max-width: 20rem; } } .SearchResultItem-description p { -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; } .Breadcrumb--content-page, .Breadcrumb--support-page { background-color: #FFFFFF; } .Breadcrumb--bordered { border-color: #D8D8D8; border-style: solid; border-width: 1px 0 0; } .Breadcrumb-item { display: none; } @media (min-width: 62em) { .Breadcrumb-item { display: inline-block; } } .Breadcrumb-item:not(:last-child)::after { margin-left: 0; margin-right: 0; } .Breadcrumb-item:nth-last-child(2) { display: inline-block; } .Breadcrumb-item:nth-last-child(2) .Breadcrumb-link::before { content: "<"; display: inline-block; } @media (min-width: 62em) { .Breadcrumb-item:nth-last-child(2) .Breadcrumb-link::before { display: none; } } .Breadcrumb-item:nth-last-child(2)::after { display: none; } @media (min-width: 62em) { .Breadcrumb-item:nth-last-child(2)::after { display: inline-block; } } .Breadcrumb.Breadcrumb--singular .Breadcrumb-item { display: inline-block; } .Breadcrumb.Breadcrumb--singular .Breadcrumb-item:nth-last-child(2) .Breadcrumb-link::before { display: none; } .Breadcrumb.Breadcrumb--singular .Breadcrumb-item:nth-last-child(2)::after { display: inline-block; } .Breadcrumb--blue { background: #1E90FF; background: -webkit-gradient(linear, left top, right top, from(#1E90FF), to(#3232E1)); background: linear-gradient(to right, #1E90FF 0%, #3232E1 100%); } .Breadcrumb--blue .Breadcrumb-item { color: #FFFFFF; } .Breadcrumb--blue .Breadcrumb-item:not(:last-child)::after { color: #FFFFFF; } .Breadcrumb--blue a { text-decoration: underline; } .ServiceHeader.ServiceHeader--withReview { margin-top: 0 !important; } .ServiceHeader.ServiceHeader--withReview .HeroAndReview { display: -webkit-box; display: -ms-flexbox; display: flex; } .ServiceHeader.ServiceHeader--withReview .Review { display: none; } @media (min-width: 62em) { .ServiceHeader.ServiceHeader--withReview .Review { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .ServiceHeader.ServiceHeader--withReview .Review div, .ServiceHeader.ServiceHeader--withReview .Review p, .ServiceHeader.ServiceHeader--withReview .Review a { color: #333333; } .ServiceHeader.ServiceHeader--withReview .Review > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 2.6rem; max-width: 90%; padding: 3rem; } .ServiceHeader.ServiceHeader--withReview .Review-author { display: -webkit-box; display: -ms-flexbox; display: flex; } .ServiceHeader.ServiceHeader--withReview .Review-author img { height: 2.4rem; max-width: 2.4rem; } .ServiceHeader.ServiceHeader--withReview .Review-verified { color: #606060; } .ServiceHeader.ServiceHeader--withReview .Hero { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: auto; min-height: 24rem; } @media (min-width: 48em) { .ServiceHeader.ServiceHeader--withReview .Hero { min-height: 30rem; } } @media (min-width: 62em) { .ServiceHeader.ServiceHeader--withReview .Hero { min-height: 40rem; } } .ServiceHeader.ServiceHeader--withReview .Hero::after { background-color: #2A184D; bottom: 0; content: ""; display: block; left: 0; opacity: 0.3; position: absolute; right: 0; top: 0; } .ServiceHeader.ServiceHeader--withReview .ReadMorePatientReviews { background-color: #FFFFFF; display: block; } @media (min-width: 62em) { .ServiceHeader.ServiceHeader--withReview .ReadMorePatientReviews { background-color: transparent; display: inline-block; } } .ServiceHeader.ServiceHeader--withReview .TrustpilotRating-logo svg path, .ServiceHeader.ServiceHeader--withReview .TrustpilotRating-logo svg polygon:nth-child(1) { fill: #FFFFFF; } @media (max-width: 35.9275em) { .ServiceHeader.ServiceHeader--withReview .Trustpilot-micro-combo-dark > iframe { height: 4.6rem !important; } } .ServiceHeader { margin-top: 0; position: relative; } .ServiceHeader .Trustpilot-product-mini-multisource-container { margin: auto; width: 300px; } @media (min-width: 62em) { .ServiceHeader .TrustpilotRating-logo svg path, .ServiceHeader .TrustpilotRating-logo svg polygon:nth-child(1) { fill: #FFFFFF; } } .ServiceHeader .Form { width: unset; } .ServiceHeader-twoStepLink { color: #3232E1; text-decoration: underline; } .ServiceHeader-twoStepLink:focus, .ServiceHeader-twoStepLink:hover { color: #1E90FF; } .ServiceHeader-twoStepLink:active { color: #3232E1; } @media (min-width: 62em) { .ServiceHeader-twoStepLink, .ServiceHeader-twoStepLink:hover { color: #FFFFFF; } } .ServiceHeader-background { background-color: #2A184D; } .ServiceHeader-background .Hero { opacity: 0.7; } .ServiceHeader-well { background-color: #FFFFFF; margin-left: auto; margin-right: auto; padding: 3rem 0; } @media (min-width: 48em) { .ServiceHeader-well { padding-bottom: 3rem; padding-top: 3rem; } } @media (min-width: 62em) { .ServiceHeader-well { background-color: #32286E; border-radius: 0.4rem; max-width: 768px; padding: 3rem; } } .ServiceHeader .Well > *:not(.ServiceHeader-imageContainer) { padding: 0 1.5rem; } @media (min-width: 62em) { .ServiceHeader .Well > *:not(.ServiceHeader-imageContainer) { padding-left: 0; padding-right: 0; } } .Hero { background-position: center; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; height: 28rem; position: relative; text-align: center; width: 100%; } @media (min-width: 48em) and (max-width: 61.99em) { .Hero { height: 42.5rem; } } @media (min-width: 62em) { .Hero { height: 55rem; } } @media (min-width: 90.0625em) { .Hero { height: 70rem; } } .Hero-headline { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 28rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%; z-index: 99; } @media (min-width: 48em) { .Hero-headline { height: 42.5rem; } } .Hero-headline * { color: #FFFFFF; } .Hero .Container { position: inherit; } .Hero-headline p { margin-top: 1.5rem; } @media (max-width: 35.9275em) { .HomepageBenefitAndHeroContainer .Hero, .HomepageBenefitAndHeroContainer .Hero-headline { height: 33rem; } } @media (max-width: 61.99em) { .HomepageBenefitAndHeroContainer .Hero-headline .Trustpilot-micro-combo-dark > iframe { height: 4.6rem !important; } } @media (max-width: 35.9275em) { .HomepageBenefitAndHeroContainer .Hero-headline .Trustpilot-micro-combo-dark > iframe { height: 7rem !important; } } .HorizontalFigure { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } @media (max-width: 47.99em) { .HorizontalFigure { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .HorizontalFigure-figcaption { padding-top: 1.6rem; text-align: left; } @media (max-width: 47.99em) { .HorizontalFigure-figcaption { max-width: 12rem; } } .KeyFacts { margin-bottom: 3rem; } @media (min-width: 48em) { .KeyFacts { margin-bottom: 0; } } .KeyFacts-box { background-color: #F7F3F1; border-radius: 0.4rem; margin-bottom: 1.5rem; padding: 3rem; } .KeyFacts-box p:last-of-type { margin-bottom: 0; } @media (min-width: 48em) { .KeyFacts-box { border-radius: 0.4rem; margin-bottom: 3rem; margin-left: 0; margin-right: 0; } } .KeyFacts-box:last-child { padding-bottom: 3rem; } .KeyFacts-box .Autotext p { margin-bottom: 1.5rem; } .KeyFacts-box .Autotext p:last-of-type { margin-bottom: 0; } @media (min-width: 48em) { .ProductInfo .Accordion > .Accordion-heading { border-top: none; } } @media (min-width: 48em) { .ProductInfo .Row { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .ContentMeta-row { background-color: #F7F3F1; border: 0; border-radius: 0.4rem; margin: -0.75rem; } .ContentMeta-sources .Autotext { word-break: break-all; } .ContentMeta-sources ul { margin-bottom: 0; padding-left: 2rem; } .ContentMeta-sources ul > li { list-style-type: disc; padding-top: 1rem; } .ContentMeta-sources ul li p { margin: 0; } .ContentMeta-author-date p:first-child { margin-top: 0; } .ContentMeta-author-date p:last-child { margin-bottom: 0; } .ContentMeta-show { border-top: 0.1rem solid #A8A29F; font-weight: 500; margin-top: 3rem; position: relative; } .ContentMeta-button { display: block; font-weight: 500; line-height: 4.4rem; overflow: hidden; } .ContentMeta-button::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "zava" !important; font-style: normal; font-variant: normal; line-height: inherit; speak: none; text-transform: none; content: "\e902"; font-size: 1.6rem; font-weight: 300; } .ContentMeta-button::before { display: inline-block; margin-right: 0.5rem; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .ContentMeta-button.is-toggled::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .ContentMeta-separation { padding-top: 1.5rem; } @media (min-width: 48em) { .ContentMeta-separation { padding-top: 3rem; } } .ContentMeta-sources .ContentMeta-sources-heading--4 { color: #333333; font-family: "Montserrat", sans-serif; font-weight: 300; margin: 0; padding: 0; font-size: 2.2rem; } @media (min-width: 62em) { .ContentMeta-sources .ContentMeta-sources-heading--4 { font-size: 2.4rem; } } .ContentMeta.ContentMeta--next b { font-weight: 700; } .ContentMeta.ContentMeta--next .ContentMeta-sources ul > li { padding-top: 0; } .ContentMeta.ContentMeta--next .ContentMeta-sources ul > li p { margin: 0 0 1.5rem; } .ContentMeta.ContentMeta--next .ContentMeta-sources ul > li p a { color: #1064F4; text-decoration: underline; } .ContentMeta.ContentMeta--next .ContentMeta-sources ul > li p a:focus, .ContentMeta.ContentMeta--next .ContentMeta-sources ul > li p a:hover { color: #1E90FF; } .ContentMeta.ContentMeta--next .ContentMeta-sources ul > li p a:active { color: #3232E1; } .ContentMeta.ContentMeta--next .ContentMeta-show { border-top: none; margin-top: 0; } .ContentMeta.ContentMeta--next .ContentMeta-row { background-color: #F7F7F7; } .ContentMeta.ContentMeta--next .ContentMeta-row .ContentMeta-button { color: #1064F4; text-decoration: underline; } .ContentMeta.ContentMeta--next .ContentMeta-row .ContentMeta-button:focus, .ContentMeta.ContentMeta--next .ContentMeta-row .ContentMeta-button:hover { color: #1E90FF; } .ContentMeta.ContentMeta--next .ContentMeta-row .ContentMeta-button:active { color: #3232E1; } .ContentMeta.ContentMeta--next.ContentMeta--clear-list .Autotext ul li { list-style: none; padding-left: 0; } .MainMenu { background-color: #FFFFFF; position: absolute; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; width: 100%; z-index: 100; display: none; height: 100vh; height: calc(100vh - 46px); top: 46px; } @media (min-width: 35.9375em) and (max-width: 74.99em) { .MainMenu { max-width: 32rem; right: 0; } .MainMenu::before { bottom: 0; left: 0; position: absolute; right: 0; top: 0; right: 32rem; } } @media (min-width: 48em) and (max-width: 74.99em) { .MainMenu { height: calc(100vh - 62px); top: 62px; } } @media (min-width: 75em) { .MainMenu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; position: relative; top: auto; } } @media (min-width: 75em) { .MainMenu.is-searchExpanded { margin-right: 157px; } } @media (max-width: 74.99em) { .MainMenu.is-collapsed { display: block; } } .MainMenu a { cursor: pointer; } .MainMenu-panel { background-color: #FFFFFF; position: absolute; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; width: 100%; z-index: 100; bottom: 0; top: 0; } @media (min-width: 75em) { .MainMenu-panel { bottom: auto; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid; position: relative; top: auto; } } .MainMenu-panel li:not(.MainMenu-back) { border-bottom: 0.1rem solid #E2DBD8; } @media (min-width: 75em) { .MainMenu-panel li:not(.MainMenu-back) { border-bottom: none; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid; } } @media (max-width: 74.99em) { .MainMenu-backButton, .MainMenu-link, .MainMenu-section { padding: 1.5rem; } } .MainMenu-back, .MainMenu-backButton { background-color: #F7F3F1; color: #62605E; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 75em) { .MainMenu-back, .MainMenu-backButton { display: none; } } .MainMenu-backButton::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "zava" !important; font-style: normal; font-variant: normal; line-height: inherit; speak: none; text-transform: none; font-size: 1.6rem; font-weight: 300; content: "\e904"; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: inherit; margin-right: 0.5rem; } .MainMenu-section { font-size: 2.2rem; } @media (min-width: 75em) { .MainMenu-section { display: block; font-size: 2rem; padding: 0.75rem 3rem; } } .MainMenu-link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-weight: 400; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 75em) { .MainMenu-link { font-size: 1.4rem; font-weight: 400; } } .MainMenu-section .MainMenu-link { margin: -1.5rem; } @media (min-width: 75em) { .MainMenu-section .MainMenu-link { font-size: 2rem; font-weight: inherit; margin-bottom: -0.75rem; margin-left: -3rem; margin-right: -3rem; margin-top: -0.75rem; } } @media (min-width: 75em) { .MainMenu-primary { position: relative !important; text-align: center; } .MainMenu-primary > li { display: inline-block; } .MainMenu-primary > li > .MainMenu-link { color: #000000; font-size: 1.4rem; font-weight: 400; padding: 1rem 0.9rem; -webkit-transition: color 0.3s linear; transition: color 0.3s linear; } .MainMenu-primary > li > .MainMenu-link:hover, .MainMenu-primary > li > .MainMenu-link.is-expanded { text-decoration: underline; } } @media (min-width: 75em) { .MainMenu-secondary { text-align: left; } .MainMenu-secondary.is-opened { background-color: #FFFFFF; border: 0.1rem solid #333333; border-radius: 0.4rem; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 1.5rem; position: absolute; width: auto; z-index: 210; display: block !important; margin-left: -1.75rem; margin-top: 1rem; padding: 1.5rem 1.5rem 0; } .MainMenu-secondary.is-opened::before { border-bottom: 1.6rem solid #333333; border-left: 1.6rem solid transparent; border-right: 1.6rem solid transparent; content: ""; position: absolute; top: -1.6rem; left: 2rem; z-index: 210; } .MainMenu-secondary.is-opened::after { border-bottom: 1.5rem solid #FFFFFF; border-left: 1.5rem solid transparent; border-right: 1.5rem solid transparent; content: ""; position: absolute; top: -1.5rem; left: 2.1rem; z-index: 211; } .MainMenu-secondary > .MainMenu-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; margin-left: -1.5rem; margin-right: -1.5rem; } .MainMenu-secondary.is-opened > ul > li:not(.MainMenu-back):not(.MainMenu-section) { display: block; overflow: inherit; padding-bottom: 1.5rem; width: 32.5rem; } .MainMenu-secondary > ul > .MainMenu-section, .MainMenu-secondary > ul > li > .MainMenu-link--hasChildren { display: none; } .MainMenu-secondary > ul > li > .MainMenu-link--hasNoChildren { font-size: 2.2rem; font-weight: inherit; } } @media (min-width: 75em) and (min-width: 75em) { .MainMenu-secondary > ul > li > .MainMenu-link--hasNoChildren { font-size: 2rem; } } @media (min-width: 75em) { .MainMenu-secondary.is-outsideViewPort { margin-left: -35rem; } } @media (min-width: 75em) { .MainMenu-secondary.is-outsideViewPort::before { left: 39rem; } } @media (min-width: 75em) { .MainMenu-secondary.is-outsideViewPort::after { left: 39.1rem; } } @media (min-width: 75em) { .MainMenu-tertiary { display: block !important; position: relative; } } .MainMenu-panel.is-hidden { height: 0; overflow: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } @media (min-width: 75em) { .MainMenu-panel.is-hidden { display: none; height: auto; overflow: inherit; -webkit-transform: none; transform: none; } } .MainMenu-panel.is-opened { overflow-x: hidden; overflow-y: scroll; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (min-width: 75em) { .MainMenu-panel.is-opened { overflow: inherit; } } .InfoOptionBox { background-color: #F7F3F1; } .InfoOptionBox--bottom { bottom: 0; position: absolute; width: 100%; } .InfoOptionBox-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 2.4rem; } @media (min-width: 75em) { .InfoOptionBox-block { padding-left: 3rem; padding-right: 3rem; } } .InfoOptionBox-block:last-child { padding-bottom: 2.4rem; } .InfoOptionBox-block > i { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 2.4rem; } .InfoOptionBox-content span { color: #62605E; line-height: 1.4; } .Logo { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; padding: 0 1rem; width: 14.2rem; } .Logo svg { height: 35px; width: auto; } @media (min-width: 48em) { .Logo { padding: 0 1.5rem; width: 15.2rem; } } @media (min-width: 75em) { .Logo { padding: 0 3rem; width: 19.2rem; } .Logo svg { height: 45px; } } .SearchForm { display: none; left: 3.9rem; position: absolute; right: 0; top: 0; } .SearchForm-input { border: none; height: 44px; left: 0; outline: none; position: absolute; width: calc(100% - 3.9rem); } @media (min-width: 48em) { .SearchForm-input { height: 60px; } } @media (min-width: 75em) { .SearchForm-input { font-size: 2.2rem; height: 80px; } } .SearchForm-input::-webkit-input-placeholder { color: #979797; } .SearchForm-input::-moz-placeholder { color: #979797; } .SearchForm-input:-ms-input-placeholder { color: #979797; } .SearchForm-input::-ms-input-placeholder { color: #979797; } .SearchForm-input::placeholder { color: #979797; } .SearchForm-close { -webkit-appearance: none; background-color: transparent; border: none; color: #333333; min-height: 44px; min-width: 4.2rem; outline: none; padding: 0; position: absolute; right: 0; vertical-align: middle; } @media (min-width: 48em) { .SearchForm-close { min-height: 60px; } } @media (min-width: 75em) { .SearchForm-close { min-height: 80px; } } .IconMenu-list.is-searchVisible .SearchForm { display: inline-block; } .IconMenu { display: block; height: 100%; margin-right: 6px; min-width: 151px; position: absolute; right: 0; text-align: right; top: 0; } @media (min-width: 48em) { .IconMenu { margin-right: 6px; } } @media (min-width: 75em) { .IconMenu { border-right: transparent solid 21px; display: table-cell; padding: 0; position: relative; right: auto; text-align: left; top: auto; vertical-align: middle; } } .IconMenu-list { display: table; float: right; height: 100%; margin: 0; max-width: 130px; width: 130px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .IconMenu-li { display: table-cell; line-height: 1; list-style: none; vertical-align: middle; width: 43.33px; } @media (min-width: 75em) { .IconMenu-login a { display: block; line-height: 3.3; min-width: 42px; text-align: center; } } .IconMenu-li > button { cursor: pointer; display: inline-block; min-height: 44px; min-width: 42px; vertical-align: middle; } @media (min-width: 48em) { .IconMenu-li > button { min-height: 60px; } } @media (min-width: 75em) { .IconMenu-li > button { min-height: 80px; } } .IconMenu-li > button i { vertical-align: middle; } .IconMenu-info { display: none; } @media (min-width: 75em) { .IconMenu-info { display: table-cell; padding-bottom: 1px; } } .IconMenu-li.IconMenu-info > button > .Icon.Icon-information-circle.Icon--24 { font-size: 2.5rem; } .IconMenu.is-searchExpanded { background-color: #FFFFFF; border-right: none; display: block; height: 44px; left: 0; margin: 0; padding: 0 6px; right: 0; text-align: left; -webkit-transition: background-color 0.3s linear; transition: background-color 0.3s linear; z-index: 300; } .IconMenu.is-searchExpanded .IconMenu-searchIcon { color: #333333; } @media (min-width: 48em) { .IconMenu.is-searchExpanded { height: 60px; padding: 0 6px; } } @media (min-width: 75em) { .IconMenu.is-searchExpanded { height: 80px; padding: 0 21px; position: absolute; top: 0; width: auto; } } .IconMenu-list.is-searchVisible { max-width: 100%; position: relative; -webkit-transition: max-width 0.3s linear; transition: max-width 0.3s linear; width: 100%; } .IconMenu.is-searchExpanded .IconMenu-li:not(.IconMenu-search) { display: none; } .IconMenu.is-searchExpanded .IconMenu-search { border-left: none; } .IconMenu-loginIcon.is-active > .Icon { font-weight: 300; } .IconMenu-loginIcon.is-logged-in > .Icon { color: #1E90FF; } .IconMenu--slim .IconMenu-list { max-width: none; width: auto; } .IconMenu--slim .IconMenu-login a { color: #333333; text-decoration: none; } .IconMenu--slim .IconMenu-phone { width: auto; } .Header-spaceAllocation { height: 44px; } @media (min-width: 48em) { .Header-spaceAllocation { height: 60px; } } @media (min-width: 75em) { .Header-spaceAllocation { height: 80px; } } .Header { background-color: #FFFFFF; height: 44px; position: fixed; top: 0; width: 100%; z-index: 200; } @media (min-width: 48em) { .Header { height: 60px; } } @media (min-width: 75em) { .Header { height: 80px; } } .Header-wrapper { height: 100%; } @media (min-width: 75em) { .Header-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } .Header::after { background: #1E90FF; background: -webkit-gradient(linear, left top, right top, from(#1E90FF), to(#3232E1)); background: linear-gradient(to right, #1E90FF 0%, #3232E1 100%); bottom: -2px; content: ""; display: block; height: 2px; position: absolute; width: 100%; } @media (min-width: 48em) { .Header::after { bottom: -2px; height: 2px; } } @media (min-width: 75em) { .Header::after { bottom: -4px; height: 4px; } } .Header.Header-reboot { background-color: #F8F8F8; border-top: 4px solid #0e9ca6; -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); -webkit-box-sizing: content-box; box-sizing: content-box; height: 172px; } .Header.Header-reboot .IconSvg { display: none; } .Header.Header-reboot .Header-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; max-width: 1441px; padding: 20px 24px; } .Header.Header-reboot:after { content: unset; display: none; } .Header.Header-reboot .Logo__container, .Header.Header-reboot .Login__container { -ms-flex-item-align: center; align-self: center; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .Header.Header-reboot .SearchForm__container { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-height: 56px; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } @media screen and (min-width: 768px) { .Header.Header-reboot .SearchForm__container { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } } .Header.Header-reboot .SearchBox__queryString { color: rgba(15, 15, 15, 0.7); } .Header.Header-reboot .SearchBox__noResultsTitle { font-size: 20px; font-weight: 600; margin-bottom: 16px; } .Header.Header-reboot .SearchBox__noResultsHint { font-family: "Open Sans"; font-size: 14px; } .Header.Header-reboot .Logo { display: inline-block; padding: 0; width: auto; } .Header.Header-reboot .Logo svg { height: 32px; } .Header.Header-reboot .Login__container { -ms-flex-item-align: center; align-self: center; } .Header.Header-reboot .Login__container svg { height: 40px; width: 40px; } .Header.Header-reboot + .Header-spaceAllocation { height: 176px; } @media screen and (max-width: 767px) { .Header.Header-reboot + .Header-spaceAllocation { height: 168px; } } .Header.Header-reboot .Login__container .Login__label { display: none; } @media screen and (min-width: 768px), print { .Header.Header-reboot #login-button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .Header.Header-reboot .Login__container .Login__label { display: inline-block; font-size: 16px; padding-left: 8px; } .Header.Header-reboot .Menu__container { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 20px; max-width: 100%; } .Header.Header-reboot .Menu__container:before { background-color: #D0CFCF; content: ""; display: block; height: 1px; margin-left: -25%; position: absolute; width: 150%; } } .Header.Header-reboot ~ .Announcement-banner { background-color: #0e9ca6; color: #FFFFFF; } @media screen and (max-width: 767px) { html { scroll-padding-top: 160px; } .Header.Header-reboot { border-top: 8px solid #0e9ca6; -webkit-box-sizing: content-box; box-sizing: content-box; height: 160px; } .Header.Header-reboot .Header-wrapper { padding-left: 16px; padding-right: 16px; } .Header.Header-reboot.Header-noSearchBox, .Header.Header-reboot.Header-noIconMenu { height: 80px; } .Header.Header-reboot.Header-noSearchBox + .Header-spaceAllocation, .Header.Header-reboot.Header-noIconMenu + .Header-spaceAllocation { height: 88px; } .Header.Header-reboot .Logo__container { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 24px; max-width: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; } .Header.Header-reboot .Login__container { margin-bottom: 24px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .Header.Header-reboot .Menu__container { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .Header.Header-reboot .Logo svg { margin: 0 auto; } .Login__container #login-button { display: block; margin-left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } @media screen and (min-width: 768px), print { html { scroll-padding-top: 172px; } .Header.Header-reboot { padding-left: 56px; padding-right: 48px; width: calc(100% - 104px); } .Header.Header-reboot:after { margin-left: -56px; } } @media screen and (max-width: 767px) { .MainMenu__panelMask-before, .MainMenu__panelMask-after { display: none; } .Header-reboot .Hamburger { background-color: #F8F8F8; border-width: 0px; height: 48px; } .Header-reboot .Hamburger .HamburgerMenu { display: block; } .Header-reboot .Hamburger .Close { display: none; } .Header-reboot .Hamburger.isActive { position: absolute; right: 16px; } .Header-reboot .Hamburger.isActive .HamburgerMenu { display: none; } .Header-reboot .Hamburger.isActive .Close { display: block; margin-right: -8px; padding: 8px; } .MainMenuReboot__panel { background-color: #F8F8F8; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 0; position: fixed; right: 0; top: 156px; z-index: 4; } .MainMenuReboot__panel.MainMenuReboot-primary:before { background-color: #D0CFCF; border-top: 4px solid #F8F8F8; content: ""; display: block; height: 5px; left: 16px; position: absolute; width: calc(100% - 32px); } .MainMenuReboot-primary { margin-top: 8px; } .MainMenuReboot-primary .MainMenuReboot__header { display: none; } .CloseButton { background-color: #F8F8F8; border-width: 0; } .CloseButton .Close { margin-right: -8px; padding: 8px; } .CloseButton:after { content: ""; display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 0; } .flex-break { -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 0; } .MainMenuReboot-primary:not(.MainMenuReboot__panel-isOpen) { display: none; } .MainMenuReboot-secondary, .MainMenuReboot-tertiary { border-top: 8px solid #0e9ca6; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; } .MainMenuReboot-secondary:not(.MainMenuReboot__panel-isOpen), .MainMenuReboot-tertiary:not(.MainMenuReboot__panel-isOpen) { display: none; } .MainMenuReboot-secondary .MainMenuReboot__header, .MainMenuReboot-tertiary .MainMenuReboot__header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 20px; padding: 16px; } .MainMenuReboot-secondary .MainMenuReboot__header:after, .MainMenuReboot-tertiary .MainMenuReboot__header:after { background-color: #D0CFCF; border-top: 4px solid #F8F8F8; content: ""; display: block; height: 5px; position: relative; top: 20px; width: 100%; } .MainMenuReboot__items { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow-x: scroll; padding: 24px 16px; } .MainMenuReboot__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .MainMenuReboot__item:not(:first-child) { margin-top: 24px; } .MainMenuReboot__item a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 16px; } .MainMenuReboot__itemLabel { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .MainMenuReboot__chevronRight { fill: #3f3f3f; } .MainMenuReboot__chevronLeft { fill: #3f3f3f; margin-right: 16px; -webkit-transform: rotate(180deg); transform: rotate(180deg); zoom: 150%; } .MainMenuReboot__itemIcon { display: inline-block; margin-right: 24px; text-align: center; width: 32px; } .MainMenuReboot__itemIcon svg { max-height: 32px; max-width: 32px; } .MainMenuReboot__itemIcon svg[data-color-mode=fill] { fill: #717070; } .MainMenuReboot__itemIcon svg:not([data-color-mode=fill]) { stroke: #717070; } .MainMenuReboot__footer { background-color: #0e9ca6; color: #FFFFFF; font-weight: 700; height: 64px; padding: 16px; } .MainMenuReboot__footer a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; margin-top: 0; } .MainMenuReboot__footer .Login__label { display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 24px; } .MainMenuReboot__footer .MainMenuReboot__chevronRight { fill: #FFFFFF; } } @media screen and (min-width: 768px), print { hb-main-navigation { display: block; height: 80px; position: relative; } hb-main-navigation.left-fade .MainMenu__panelMask-before { display: block; } hb-main-navigation.right-fade .MainMenu__panelMask-after { display: block; } .MainMenu__panelMask-before, .MainMenu__panelMask-after { bottom: 4px; position: absolute; top: 4px; } .MainMenu__panelMask-before:hover, .MainMenu__panelMask-after:hover { cursor: pointer; } .MainMenu__panelMask-before:hover, .MainMenu__panelMask-after:hover { cursor: pointer; } .MainMenu__panelMask-before svg, .MainMenu__panelMask-after svg { fill: #0e9ca6; height: 100%; padding: 8px 20px; width: 48px; } .MainMenu__panelMask-before { background: -webkit-gradient(linear, left top, right top, from(#F8F8F8), color-stop(15%, #F8F8F8), to(rgba(248, 248, 248, 0))); background: linear-gradient(to right, #F8F8F8, #F8F8F8 15%, rgba(248, 248, 248, 0)); display: none; left: 0; width: 52px; } .MainMenu__panelMask-before svg { left: 0; margin-left: -40px; position: absolute; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .MainMenu__panelMask-after { background: -webkit-gradient(linear, right top, left top, from(#F8F8F8), color-stop(15%, #F8F8F8), to(rgba(248, 248, 248, 0))); background: linear-gradient(to left, #F8F8F8, #F8F8F8 15%, rgba(248, 248, 248, 0)); display: none; right: 0; width: 56px; } .MainMenu__panelMask-after svg { margin-right: -40px; position: absolute; right: 0; } .Hamburger { display: none; } .MainMenuReboot__panel { max-width: 100%; overflow-x: auto; } .MainMenuReboot__items { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; max-width: 1441px; padding: 16px 0; } .MainMenuReboot__header { display: none; } .MainMenuReboot-primary { white-space: nowrap; } .MainMenuReboot-primary > .MainMenuReboot__items > .MainMenuReboot__item { display: inline-block; padding: 0 24px; } .MainMenuReboot-primary .MainMenuReboot__itemLabel { white-space: nowrap; } .MainMenuReboot-primary > .MainMenuReboot__items { padding-bottom: 4px; text-align: center; } .MainMenuReboot-secondary { background-color: #F8F8F8; border-radius: 16px; -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1); left: 80px; position: absolute; right: 80px; top: 96px; } .MainMenuReboot-secondary .MainMenuReboot__itemLabel { white-space: normal; } .MainMenuReboot-secondary > .MainMenuReboot__items { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; display: block; font-family: "Open Sans"; padding-left: 24px; padding-right: 24px; } } @media screen and (min-width: 768px) and (min-width: 992px) { .MainMenuReboot-secondary > .MainMenuReboot__items { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } } @media screen and (min-width: 768px), print { .MainMenuReboot-secondary .MainMenuReboot__item a { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column; color: #0e9ca6; display: block; font-weight: 700; text-align: left; } .MainMenuReboot-secondary .MainMenuReboot__item a:hover { color: #1E90FF; } } @media screen and (min-width: 768px), print { .MainMenuReboot-secondary.MainMenuReboot__panel:not(.MainMenuReboot__panel-isOpen) { display: none; } } @media screen and (min-width: 768px), print { .MainMenuReboot-tertiary .MainMenuReboot__items { margin-top: 8px; padding: 0; } .MainMenuReboot-tertiary .MainMenuReboot__item a { color: #414040; font-weight: 400; } .MainMenuReboot-tertiary .MainMenuReboot__item a:hover { color: #0e9ca6; } } @media screen and (min-width: 768px), print { .MainMenuReboot-tertiary > .MainMenuReboot__items { display: block; } } @media screen and (min-width: 768px), print { .MainMenuReboot__item { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column; color: #414040; font-size: 16px; margin-bottom: 8px; min-width: 115px; padding: 0; text-align: center; } .MainMenuReboot__item svg { max-height: 24px; } .MainMenuReboot__item svg[data-color-mode=fill] { fill: #717070; -webkit-transition: fill 0.3s linear; transition: fill 0.3s linear; } .MainMenuReboot__item svg:not([data-color-mode=fill]) { stroke: #717070; -webkit-transition: stroke 0.3s linear; transition: stroke 0.3s linear; } } @media screen and (min-width: 768px), print { .MainMenuReboot__chevronRight { display: none; } } @media screen and (min-width: 768px), print { .MainMenuReboot__item a:hover { color: #0e9ca6; cursor: pointer; } .MainMenuReboot__item a:hover svg[data-color-mode=fill] { fill: #0e9ca6; } .MainMenuReboot__item a:hover svg:not([data-color-mode=fill]) { stroke: #0e9ca6; } } @media screen and (min-width: 768px), print { .MainMenuReboot__item.isActive { color: #0b7d85; } .MainMenuReboot__item.isActive svg[data-color-mode=fill] { fill: #0b7d85; } .MainMenuReboot__item.isActive svg:not([data-color-mode=fill]) { stroke: #0b7d85; } } @media screen and (min-width: 768px), print { .MainMenuReboot__footer { display: none; } } .InfoOptionDesktop { top: 46px; padding: 0; position: absolute; right: -1.1rem; } @media (min-width: 35.9375em) { .InfoOptionDesktop { top: 52px; } } @media (min-width: 48em) { .InfoOptionDesktop { top: 60px; } } @media (min-width: 75em) { .InfoOptionDesktop { top: 71px; } } .InfoOptionDesktop-list { margin-bottom: 1.5rem; } .InfoOptionDesktop .InfoOptionBox { border-bottom-left-radius: 0.4rem; border-bottom-right-radius: 0.4rem; } .InfoOptionDesktop .Popover-headline { padding-left: 3rem; padding-right: 3rem; } .InfoOptionDesktop.is-collapsed { display: none; } .InfoOptionDesktop::before { left: auto; right: 6rem; } .InfoOptionDesktop::after { left: auto; right: 6.1rem; } .SearchResultPpagination-button { line-height: 1; padding: 1rem; } .Process .Figure .Image { display: inline-block; height: 4.8rem; width: 4.7rem; } .Process .Carousel-image { display: block; margin-left: auto; margin-right: auto; max-height: 100%; max-width: 100%; } .Process .Carousel-cell { font-size: 1.8rem; font-weight: 300; width: 100%; } @media (min-width: 48em) { .Process .Carousel-cell { -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 32rem; } } .Process .Figure-title { font-weight: 500; margin-bottom: 0; } @media (min-width: 48em) { .Process-title { text-align: center; } } .Process .Figure-figcaption { text-align: center; } .Process .Figure--horizontal-mobile.Figure .Image { margin-left: -10%; margin-top: 0; min-height: 48px; min-width: 48px; } .Process .Figure--horizontal-mobile .Carousel-image { max-height: 48px; max-width: 48px; } .Process .Figure--horizontal-mobile .Figure-figcaption { margin-left: 24px; max-width: 90%; text-align: left; } .Process .Figure--horizontal-mobile.ordered .Figure-figcaption strong::first-letter { margin-left: -24px; padding-right: 4px; } @media screen and (max-width: 767px) { .Process .Figure--horizontal-mobile { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } .Process .Figure--horizontal-mobile.Figure .Image { margin-left: 0; margin-right: 20px; margin-top: 6px; } .Process .Figure--horizontal-mobile .Figure-figcaption { padding-top: 0; } } .Bulma-component hb-accordion { background-color: #F7F7F7; border-radius: 16px; display: block; padding: 4px 8px; } .Bulma-component hb-accordion [slot=trigger] { display: -webkit-box; display: -ms-flexbox; display: flex; } .Bulma-component hb-accordion .icon { height: auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 350ms; transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; } .Bulma-component hb-accordion[open] .icon { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .Bulma-component .BlockQuote { border-left: 4px solid #1E90FF; } .Bulma-component .EditorInfo--compact .EditorInfo .EditorInfo-image { height: 58px; max-width: 100px; width: auto; } .Bulma-component .BlockQuote .EditorInfo--compact .EditorInfo--text .EditorInfo-editor .EditorInfo-editor-name { font-size: 1.6rem; font-weight: 700; line-height: 1rem; } .Bulma-component .BlockQuote .EditorInfo-editor strong { color: #6f6f6f; font-size: 1.6rem; font-weight: 400; line-height: 118%; } .Bulma-component .BlockQuote .EditorInfo-editor { margin: auto; } .Bulma-component .BlockQuote .EditorInfo--text { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 220px; } .Bulma-component .BlockQuote .EditorInfo--compact .EditorInfo { -webkit-filter: drop-shadow(0 3px 6px rgba(0, 50, 0, 0.1)); filter: drop-shadow(0 3px 6px rgba(0, 50, 0, 0.1)); margin-bottom: auto; margin-right: 16px !important; margin-top: auto; padding-bottom: 0; padding-top: 0; } .Bulma-component .BlockQuote .content p { font-size: 2.4rem; font-weight: 400; } .Bulma-component .BlockQuote .content p strong { font-size: 2.4rem; } .Bulma-component .BlockQuote .content p em { font-size: 2.4rem; font-weight: 400; } .Bulma-component .BlockQuote .content p a { font-size: 2.4rem; } @media screen and (min-width: 1441px) { .Bulma-component .GenericHero .Blurred { position: relative; } .Bulma-component .GenericHero .Blurred:after { background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(66%, var(--bg-color))); background: linear-gradient(270deg, transparent, var(--bg-color) 66%); bottom: 0; content: ""; left: 0; position: absolute; top: 0; width: 32px; } .Bulma-component .GenericHero.GenericHero--curve .Blurred:after { background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(66%, var(--bg-color))); background: linear-gradient(90deg, transparent, var(--bg-color) 66%); left: initial; right: 0; } .Bulma-component .GenericHero .GenericHero-contentContainer { margin-left: 64px; } .Bulma-component .GenericHero.GenericHero--curve > .GenericHero-contentContainer { margin: 0 64px 0 0; } } .Bulma-component .GenericHero .GenericHero-image { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } @media screen and (max-width: 767px) { .Bulma-component .GenericHero.GenericHero--curve .GenericHero-image { -webkit-clip-path: url("#bottom-wave"); clip-path: url("#bottom-wave"); } } @media screen and (min-width: 768px), print { .Bulma-component .GenericHero.GenericHero--curve .GenericHero-image { -webkit-clip-path: url("#left-wave"); clip-path: url("#left-wave"); } } .Bulma-component .GenericHero-container { margin: 0 auto; max-width: 1441px; } .Bulma-component .GenericHero-container .GenericHero__ctaContainer { row-gap: 24px; } @media screen and (max-width: 767px) { .Bulma-component .GenericHero-container .GenericHero__ctaContainer { width: 100%; } } .Bulma-component .GenericHero-container .GenericHero-content { row-gap: 24px; } @media screen and (min-width: 992px) { .Bulma-component .GenericHero-container .GenericHero--curve .GenericHero-content { margin-left: 16px; margin-top: 20px; max-width: calc(496px - 24px); } .Bulma-component .GenericHero-container .GenericHero--curve .GenericHero-content > * { margin: 0 auto; width: 80%; } } .Bulma-component .GenericHero-container .GenericHero-content .trustpilot-widget { max-height: 2rem; width: 100% !important; } @media screen and (max-width: 767px) { .Bulma-component .GenericHero-container .GenericHero-content .trustpilot-widget { max-height: 4rem; width: initial !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .Bulma-component .GenericHero-container .GenericHero-content .trustpilot-widget { max-height: 3rem; } } .Benefits { list-style: none; row-gap: 8px; } .Benefits .Benefits__listItem { -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; max-width: 330px; } .Benefits .Benefits__listItemImage { border-radius: 50%; height: 40px; vertical-align: bottom; width: 40px; } .Banner-wrapper { border: 4px solid #1064f4; border-radius: 12px; } .Bulma-component .ProductHero { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .Bulma-component .ProductHero { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .Bulma-component .ProductHero .ProductHero__image { background: #FFFFFF; width: auto; } @media screen and (min-width: 768px) { .Bulma-component .ProductHero .ProductHero__image { background: initial; padding-left: 16px; padding-right: 20px; width: 50%; } } @media (max-width: 47.99em) { .Bulma-component .ProductHero .ProductHero__info { margin-left: 16px; } } @media (min-width: 48em) { .Bulma-component .ProductHero .ProductHero__info { max-width: 500px; } } .CarouselThumbnails-thumbnail { background: #FFFFFF; } .CarouselThumbnails-thumbnail.is-active { border-color: #0e9ca6; } .CarouselThumbnails-cell { background: #FFFFFF; border-top-left-radius: 0; border-top-right-radius: 0; } @media (max-width: 47.99em) { .CarouselThumbnails-cell { border-radius: 0; } } .CarouselThumbnails .flickity-viewport { border-radius: 0; } .ProductHero-trustpilot { background: #FFFFFF; border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; margin-left: 3rem; margin-right: 3rem; } @media (min-width: 48em) { .ProductHero-trustpilot { margin-left: 2rem; margin-right: 2rem; } } button.flickity-button.flickity-prev-next-button > svg { position: static; vertical-align: middle; } .CarouselThumbnails .flickity-prev-next-button { -webkit-transform: translateY(calc(-50% - 1px)); transform: translateY(calc(-50% - 1px)); } .CarouselThumbnails .flickity-prev-next-button.next { right: -4rem; } .CarouselThumbnails .flickity-prev-next-button.previous { left: -4rem; } @media (max-width: 47.99em) { .CarouselThumbnails.CarouselThumbnails-vertical { margin-right: 20px !important; } } @media (min-width: 48em) { .CarouselThumbnails.CarouselThumbnails-vertical { margin-right: 0 !important; } } hb-product-grid { display: block; } hb-product-grid.ShowAll [slot=counter] { display: none; } hb-product-grid.ShowAll [slot=show-all] { display: none; } hb-product-grid.ShowAll .column { display: block !important; } .ProductGrid-products.is-hidden + [slot=show-all] { display: none; } @media screen and (max-width: 767px) { .ProductGrid-products > .column:nth-child(n+2):last-child:not(:nth-child(2n+2)) { margin-right: auto; } } @media screen and (max-width: 991px) { .ProductGrid-products > .column:nth-child(n+3):last-child:not(:nth-child(3n+3)) { margin-right: auto; } } @media screen and (min-width: 992px) { .ProductGrid-products > .column:nth-child(n+4):last-child:not(:nth-child(4n+4)) { margin-right: auto; } } .Bulma-component .ProductGrid--searchBox input:hover { border-color: #0e9ca6; } .ProductGrid-counter { position: absolute; } hb-product-grid-item { border-radius: 8px; display: block; height: 100%; overflow: hidden; } .ProductGridItem--image { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .Bulma-component .ProductPriceList-table.table th, .Bulma-component .ProductPriceList-table.table td { border: none; color: #3f3f3f; font-size: 1.6rem; font-weight: 500; text-align: center; width: 50%; } .Bulma-component .ProductPriceList-table.table th:first-child, .Bulma-component .ProductPriceList-table.table td:first-child { border-radius: 16px 0 0 16px; padding-left: 14rem; } @media screen and (max-width: 991px) { .Bulma-component .ProductPriceList-table.table th:first-child, .Bulma-component .ProductPriceList-table.table td:first-child { padding-left: 7rem; } } .Bulma-component .ProductPriceList-table.table th:not(:first-child), .Bulma-component .ProductPriceList-table.table td:not(:first-child) { border-radius: 0 16px 16px 0; padding-right: 14rem; } @media screen and (max-width: 991px) { .Bulma-component .ProductPriceList-table.table th:not(:first-child), .Bulma-component .ProductPriceList-table.table td:not(:first-child) { padding-right: 7rem; } } .Bulma-component .ProductPriceList { max-height: 500px; overflow: scroll; } .Bulma-component .ProductPriceList-table.table.is-striped thead tr:not(.is-selected) { background-color: #f7f7f7; } .Bulma-component .ProductPriceList-table.table.is-striped tbody tr:not(.is-selected):nth-child(even) { background-color: #f7f7f7; } .Bulma-component .ProductPriceList-table.table.is-striped tbody tr:not(.is-selected):nth-child(odd) { background-color: initial; } .Bulma-component .ProductPriceList-table.table .ProductPriceList-tableHeader { font-size: 1.8rem; font-weight: normal; } .InPageSearch { font-family: "Open Sans"; margin: 0 auto; position: relative; } @media screen and (min-width: 768px) { .InPageSearch { max-width: 66%; } } .InPageSearch > *:first-child { background-color: #f7f7f7; border-radius: 28px; padding: 8px 16px; } .InPageSearch input[role=combobox] { background-color: transparent; border-width: 0; font-size: 16px; line-height: 200%; width: 100%; } .InPageSearch .SearchBox__searchIcon { cursor: pointer; position: absolute; right: 18px; top: calc(50% - 6px); } .InPageSearch-open > *:first-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; -webkit-box-shadow: 0 0 200px 2048px rgba(0, 0, 0, 0.3); box-shadow: 0 0 200px 2048px rgba(0, 0, 0, 0.3); z-index: 100; } .InPageSearch-open .autosuggest__results { background-color: #f7f7f7; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; border-top: 1px solid #878787; border-top-left-radius: 0; border-top-right-radius: 0; -webkit-box-shadow: 0 2px 2px -2px #878787; box-shadow: 0 2px 2px -2px #878787; left: -16px; overflow: hidden; top: 8px; width: calc(100% + 32px); z-index: 5; } .InPageSearch-open .ResultImage { text-align: center; width: 40px; } .InPageSearch-open .ResultImage img { display: none; } .InPageSearch-open .TypeInitials { border-radius: 50%; color: #FFFFFF; height: 32px; line-height: 32px; margin: 0 auto; text-align: center; width: 32px; } .InPageSearch-open .ResultImage.InPageSearch__productPage img { display: block; } .InPageSearch-open .InPageSearch__productPage .TypeInitials { display: none; } .InPageSearch-open .InPageSearch__articlePage .TypeInitials { background-color: #1064f4; } .InPageSearch-open .InPageSearch__servicePage .TypeInitials { background-color: #0e9ca6; } .InPageSearch-open .autosuggest__results-item { padding: 8px 16px; } .InPageSearch-open .autosuggest__results-item--highlighted { background-color: #FFFFFF; } .InPageSearch-open .ais-Highlight-highlighted { font-weight: 700; } .InPageSearch-open .More__results { background-image: url('data:image/svg+xml,'); background-position: calc(100% - 16px) 50%; background-repeat: no-repeat; border-top: 1px solid #878787; color: #000000; display: block; } .InPageSearch-open .More__results:hover { background-color: #FFFFFF; color: #000000; } .HeaderSearch { font-family: "Open Sans"; margin: 0 auto; position: relative; } .HeaderSearch > *:first-child { background-color: #D0CFCF; border-radius: 28px; padding: 8px 16px; } .HeaderSearch input[role=combobox] { background-color: transparent; border-width: 0; font-size: 16px; line-height: 200%; width: 100%; } .HeaderSearch .SearchBox__searchIcon { position: absolute; right: 16px; top: calc(50% - 10px); } .HeaderSearch-open .autosuggest__results { background-color: #F8F8F8; border-radius: 16px; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5); font-family: "Open Sans"; font-size: 16px; left: -16px; overflow-x: scroll; top: 36px; width: calc(100% + 32px); z-index: 5; } @media screen and (max-width: 767px) { .HeaderSearch-open .autosuggest__results { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; left: -40px; top: 28px; width: calc(100% + 80px); } .HeaderSearch-open .autosuggest__results:before { border-top: 1px solid #D0CFCF; content: ""; display: block; height: 1px; margin: 0 24px; } } .HeaderSearch-open .autosuggest__results-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 48px; } .HeaderSearch-open .autosuggest__results-item:first-child { padding-top: 16px; } .HeaderSearch-open .autosuggest__results-item > *:first-child { -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: calc(100% - 64px); } .HeaderSearch-open .autosuggest__results-item .TypeTag { color: #1064f4; font-size: 81.25%; font-weight: 700; } .HeaderSearch-open .ais-Highlight { display: inline-block; font-weight: 400; max-width: 75%; overflow: hidden; text-overflow: ellipsis; } .HeaderSearch-open .ais-Highlight-highlighted { font-weight: 700; } .HeaderSearch-open .ResultImage { border-radius: 16px; height: 64px; overflow: hidden; position: relative; text-align: center; width: 64px; } .HeaderSearch-open .ResultImage img { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .HeaderSearch-open .More__results { color: #0e9ca6; display: inline-block; font-weight: 700; padding: 4px 48px; } .HeaderSearch-open .More__results:hover { text-decoration: underline; } .HeaderSearch input[role=combobox]::-webkit-search-cancel-button, .InPageSearch input[role=combobox]::-webkit-search-cancel-button { -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.84033 2.10132L21.6393 21.9003' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-opacity='0.7'/%3E%3Cpath d='M1.84033 21.9001L21.6393 2.10115' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-opacity='0.7'/%3E%3C/svg%3E%0A"); cursor: pointer; height: 24px; width: 24px; zoom: 0.6; } .SearchResults .SearchResults__item:not(:first-of-type) { border-top: 1px solid #DC5D83; } .SearchResults .SearchResults__itemDescriptionText, .SearchResults .SearchResults__statsText, .SearchResults .SearchResults__searchStatsText { font-family: "Open Sans"; } .SearchResults .SearchResults__itemDescriptionLink { font-family: "Open Sans"; font-size: 20px; } .SearchResults .SearchResults__itemImageLink { display: block; } .SearchResults .SearchResults__itemImageLink > .SearchResults__itemImage { display: block; max-height: 300px; max-width: 300px; -o-object-fit: contain; object-fit: contain; } @media screen and (max-width: 767px) { .SearchResults .SearchResults__itemImageLink > .SearchResults__itemImage { max-height: 100px; max-width: 178px; } } .SearchResults .SearchResults__searchInputContainer .SearchResults__searchIcon { position: absolute; right: 18px; top: calc(50% - 6px); } .SearchResults .SearchResults__searchInputContainer .SearchResults__searchInputWrapper { max-width: 686px; position: relative; width: 100%; } .SearchResults .SearchResults__searchInputContainer .SearchResults__searchInput { border: none; border-radius: 28px; height: 56px; padding: 8px 16px; width: 100%; } .SearchResults .SearchResults__searchInputContainer .SearchResults__searchInput::-webkit-search-cancel-button { -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.84033 2.10132L21.6393 21.9003' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-opacity='0.7'/%3E%3Cpath d='M1.84033 21.9001L21.6393 2.10115' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-opacity='0.7'/%3E%3C/svg%3E%0A"); cursor: pointer; height: 24px; width: 24px; zoom: 0.6; } .Bulma-component .MenuModule-container { max-width: 861px; } .Bulma-component .BlockMenuList--desktop, .Bulma-component .BlockMenuList--mobile { gap: 24px; } .Bulma-component .BlockMenuList--desktop .BlockMenuList__column { -ms-flex-preferred-size: 50%; flex-basis: 50%; gap: 24px; } .Bulma-component .BlockMenuListItem { background-color: #F9F9F9; } .Bulma-component .BlockMenuListItem .BlockMenuListItem__title { font-size: 20px; } .Bulma-component .BlockMenuListItem .BlockMenuListItem__trigger, .Bulma-component .BlockMenuListItem .BlockMenuListItem__iconPicture { height: 64px; } .Bulma-component .BlockMenuListItem .BlockMenuListItem__icon { height: 64px; -o-object-fit: cover; object-fit: cover; width: 72px; } .Bulma-component .BlockMenuListItem .BlockMenuListItem__content { gap: 8px; } .Bulma-component .BlockMenuListItem .BlockMenuListItem__content .BlockMenuListItem__seeMoreLink { font-weight: bold; text-decoration: none; } .Bulma-component .BlockMenuListItem .BlockMenuListItem__content .BlockMenuListItem__pageLink { color: #808080; font-family: "Open Sans", sans-serif; font-size: 18px; } .Bulma-component .BlockMenuListItem .BlockMenuListItem__content .BlockMenuListItem__pageLink:hover, .Bulma-component .BlockMenuListItem .BlockMenuListItem__content .BlockMenuListItem__pageLink:focus, .Bulma-component .BlockMenuListItem .BlockMenuListItem__content .BlockMenuListItem__pageLink:active { color: #0e9ca6; } @media screen and (min-width: 768px), print { .Bulma-component .DoctorList__container { max-width: 992px; } } @media screen and (min-width: 768px), print { .Bulma-component .DoctorList .DoctorList__figures { height: 100%; } } @media screen and (max-width: 767px) { .Bulma-component .DoctorList .DoctorList__figures { gap: 24px; } } .Bulma-component .DoctorList .DoctorList__figureImage { border: 4px solid #C3E7E2; border-radius: 50%; height: 136px; -o-object-fit: cover; object-fit: cover; width: 136px; } .Bulma-component .DoctorList .DoctorList__button--mobile { width: 100%; } .Button.is-primary::after, [data-consent-manager-dialog] [class^=css-][class*=-Buttons] button.is-primary::after { background-image: none; } .Bulma-component .button { font-size: 1.6rem; } .Bulma-component .button.is-small { font-size: 1.4rem; } .Bulma-component .button.is-medium { font-size: 1.8rem; } .Bulma-component .button.is-large { font-size: 2.8rem; } @media (min-width: 48em) { .Template-diga .Autotext-image { margin: auto !important; width: 768px; } } @media (min-width: 48em) { .Template-diga .Autotext-section:has(.Autotext-video) { margin: auto !important; width: 768px; } } .Bulma-component .Autotext-video { border-radius: 0.4rem; padding-bottom: 56.25%; } .Bulma-component .Autotext-video iframe { border-radius: 0.4rem; } .Bulma-component .Autotext-image { margin: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } body { opacity: 1; word-break: break-word; } /*# sourceMappingURL=main.css.map */