/* Custom */ /*@import url('https://fonts.googleapis.com/css?family=XXXXXXXXXXX&display=swap');*/ @font-face { font-family: 'Houschka Pro'; src: url('assets/fonts/HouschkaPro-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Houschka Pro'; src: url('assets/fonts/HouschkaPro-ExtraBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } /* Layout */ /*:root { --phone: 600px; --tablet: 1000px; --computer: 1000px; --padding: 20px; } @media (min-width: 1200px) { :root { --content: 1100px; } } @media (min-width: 1000px) and (max-width: 1199px) { :root { --content: 1000px; } }*/ .layout\(inline\) { display: inline-flex; } @media (max-width: 599px) { .phone\/layout\(flex\) { display: flex; } } /* Distance */ .distanceBottom\(-200px\), .hover\/distanceBottom\(-200px\):hover, .open.open\/distanceBottom\(-200px\), .open > .open\/distanceBottom\(-200px\) { bottom: -200px !important; } @media (max-width: 599px) { .phone\/distanceTop\(300px\), .hover\/phone\/distanceTop\(300px\):hover, .open.open\/phone\/distanceTop\(300px\), .open > .open\/phone\/distanceTop\(300px\) { top: 300px !important; } } /* Color */ /*:root { --white: 255, 255, 255; --smoke: 245, 245, 245; --light: 225, 225, 225; --grey: 165, 165, 165; --dark: 80, 80, 80; --dim: 48, 48, 48; --black: 0, 0, 0; --validation: 76, 175, 80; --pending: 247, 180, 44; --error: 210, 77, 41; }*/ /* Yellow */ @media all { :root { --yellow: 239, 203, 78; } .background\(yellow5\%\), .hover\/background\(yellow5\%\):hover, .open.open\/background\(yellow5\%\), .open > .open\/background\(yellow5\%\), .focus\/background\(yellow5\%\):focus { background-color: rgba(var(--yellow), var(--opacity5)) !important; } .background\(yellow10\%\), .hover\/background\(yellow10\%\):hover, .open.open\/background\(yellow10\%\), .open > .open\/background\(yellow10\%\), .focus\/background\(yellow10\%\):focus { background-color: rgba(var(--yellow), var(--opacity10)) !important; } .background\(yellow15\%\), .hover\/background\(yellow15\%\):hover, .open.open\/background\(yellow15\%\), .open > .open\/background\(yellow15\%\), .focus\/background\(yellow15\%\):focus { background-color: rgba(var(--yellow), var(--opacity15)) !important; } .background\(yellow20\%\), .hover\/background\(yellow20\%\):hover, .open.open\/background\(yellow20\%\), .open > .open\/background\(yellow20\%\), .focus\/background\(yellow20\%\):focus { background-color: rgba(var(--yellow), var(--opacity20)) !important; } .background\(yellow25\%\), .hover\/background\(yellow25\%\):hover, .open.open\/background\(yellow25\%\), .open > .open\/background\(yellow25\%\), .focus\/background\(yellow25\%\):focus { background-color: rgba(var(--yellow), var(--opacity25)) !important; } .background\(yellow30\%\), .hover\/background\(yellow30\%\):hover, .open.open\/background\(yellow30\%\), .open > .open\/background\(yellow30\%\), .focus\/background\(yellow30\%\):focus { background-color: rgba(var(--yellow), var(--opacity30)) !important; } .background\(yellow35\%\), .hover\/background\(yellow35\%\):hover, .open.open\/background\(yellow35\%\), .open > .open\/background\(yellow35\%\), .focus\/background\(yellow35\%\):focus { background-color: rgba(var(--yellow), var(--opacity35)) !important; } .background\(yellow40\%\), .hover\/background\(yellow40\%\):hover, .open.open\/background\(yellow40\%\), .open > .open\/background\(yellow40\%\), .focus\/background\(yellow40\%\):focus { background-color: rgba(var(--yellow), var(--opacity40)) !important; } .background\(yellow45\%\), .hover\/background\(yellow45\%\):hover, .open.open\/background\(yellow45\%\), .open > .open\/background\(yellow45\%\), .focus\/background\(yellow45\%\):focus { background-color: rgba(var(--yellow), var(--opacity45)) !important; } .background\(yellow50\%\), .hover\/background\(yellow50\%\):hover, .open.open\/background\(yellow50\%\), .open > .open\/background\(yellow50\%\), .focus\/background\(yellow50\%\):focus { background-color: rgba(var(--yellow), var(--opacity50)) !important; } .background\(yellow55\%\), .hover\/background\(yellow55\%\):hover, .open.open\/background\(yellow55\%\), .open > .open\/background\(yellow55\%\), .focus\/background\(yellow55\%\):focus { background-color: rgba(var(--yellow), var(--opacity55)) !important; } .background\(yellow60\%\), .hover\/background\(yellow60\%\):hover, .open.open\/background\(yellow60\%\), .open > .open\/background\(yellow60\%\), .focus\/background\(yellow60\%\):focus { background-color: rgba(var(--yellow), var(--opacity60)) !important; } .background\(yellow65\%\), .hover\/background\(yellow65\%\):hover, .open.open\/background\(yellow65\%\), .open > .open\/background\(yellow65\%\), .focus\/background\(yellow65\%\):focus { background-color: rgba(var(--yellow), var(--opacity65)) !important; } .background\(yellow70\%\), .hover\/background\(yellow70\%\):hover, .open.open\/background\(yellow70\%\), .open > .open\/background\(yellow70\%\), .focus\/background\(yellow70\%\):focus { background-color: rgba(var(--yellow), var(--opacity70)) !important; } .background\(yellow75\%\), .hover\/background\(yellow75\%\):hover, .open.open\/background\(yellow75\%\), .open > .open\/background\(yellow75\%\), .focus\/background\(yellow75\%\):focus { background-color: rgba(var(--yellow), var(--opacity75)) !important; } .background\(yellow80\%\), .hover\/background\(yellow80\%\):hover, .open.open\/background\(yellow80\%\), .open > .open\/background\(yellow80\%\), .focus\/background\(yellow80\%\):focus { background-color: rgba(var(--yellow), var(--opacity80)) !important; } .background\(yellow85\%\), .hover\/background\(yellow85\%\):hover, .open.open\/background\(yellow85\%\), .open > .open\/background\(yellow85\%\), .focus\/background\(yellow85\%\):focus { background-color: rgba(var(--yellow), var(--opacity85)) !important; } .background\(yellow90\%\), .hover\/background\(yellow90\%\):hover, .open.open\/background\(yellow90\%\), .open > .open\/background\(yellow90\%\), .focus\/background\(yellow90\%\):focus { background-color: rgba(var(--yellow), var(--opacity90)) !important; } .background\(yellow95\%\), .hover\/background\(yellow95\%\):hover, .open.open\/background\(yellow95\%\), .open > .open\/background\(yellow95\%\), .focus\/background\(yellow95\%\):focus { background-color: rgba(var(--yellow), var(--opacity95)) !important; } .background\(yellow\), .hover\/background\(yellow\):hover, .open.open\/background\(yellow\), .open > .open\/background\(yellow\), .focus\/background\(yellow\):focus { background-color: rgba(var(--yellow), var(--opacity100)) !important; } .gradientTop\(yellow25\%\), .hover\/gradientTop\(yellow25\%\):hover, .open.open\/gradientTop\(yellow25\%\), .open > .open\/gradientTop\(yellow25\%\) { background: linear-gradient(to top, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.25) 100%) !important; background-color: transparent !important; } .gradientTop\(yellow50\%\), .hover\/gradientTop\(yellow50\%\):hover, .open.open\/gradientTop\(yellow50\%\), .open > .open\/gradientTop\(yellow50\%\) { background: linear-gradient(to top, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.50) 100%) !important; background-color: transparent !important; } .gradientTop\(yellow75\%\), .hover\/gradientTop\(yellow75\%\):hover, .open.open\/gradientTop\(yellow75\%\), .open > .open\/gradientTop\(yellow75\%\) { background: linear-gradient(to top, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.75) 100%) !important; background-color: transparent !important; } .gradientTop\(yellow\), .hover\/gradientTop\(yellow\):hover, .open.open\/gradientTop\(yellow\), .open > .open\/gradientTop\(yellow\) { background: linear-gradient(to top, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 1) 100%) !important; background-color: transparent !important; } .gradientBottom\(yellow25\%\), .hover\/gradientBottom\(yellow25\%\):hover, .open.open\/gradientBottom\(yellow25\%\), .open > .open\/gradientBottom\(yellow25\%\) { background: linear-gradient(to bottom, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.25) 100%) !important; background-color: transparent !important; } .gradientBottom\(yellow50\%\), .hover\/gradientBottom\(yellow50\%\):hover, .open.open\/gradientBottom\(yellow50\%\), .open > .open\/gradientBottom\(yellow50\%\) { background: linear-gradient(to bottom, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.50) 100%) !important; background-color: transparent !important; } .gradientBottom\(yellow75\%\), .hover\/gradientBottom\(yellow75\%\):hover, .open.open\/gradientBottom\(yellow75\%\), .open > .open\/gradientBottom\(yellow75\%\) { background: linear-gradient(to bottom, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.75) 100%) !important; background-color: transparent !important; } .gradientBottom\(yellow\), .gradient\(yellow\), .hover\/gradientBottom\(yellow\):hover, .open.open\/gradientBottom\(yellow\), .open > .open\/gradientBottom\(yellow\), .hover\/gradient\(yellow\):hover, .open.open\/gradient\(yellow\), .open > .open\/gradient\(yellow\) { background: linear-gradient(to bottom, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 1) 100%) !important; background-color: transparent !important; } .gradientLeft\(yellow25\%\), .hover\/gradientLeft\(yellow25\%\):hover, .open.open\/gradientLeft\(yellow25\%\), .open > .open\/gradientLeft\(yellow25\%\) { background: linear-gradient(to left, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.25) 100%) !important; background-color: transparent !important; } .gradientLeft\(yellow50\%\), .hover\/gradientLeft\(yellow50\%\):hover, .open.open\/gradientLeft\(yellow50\%\), .open > .open\/gradientLeft\(yellow50\%\) { background: linear-gradient(to left, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.50) 100%) !important; background-color: transparent !important; } .gradientLeft\(yellow55\%\), .hover\/gradientLeft\(yellow55\%\):hover, .open.open\/gradientLeft\(yellow55\%\), .open > .open\/gradientLeft\(yellow55\%\) { background: linear-gradient(to left, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.55) 100%) !important; background-color: transparent !important; } .gradientLeft\(yellow75\%\), .hover\/gradientLeft\(yellow75\%\):hover, .open.open\/gradientLeft\(yellow75\%\), .open > .open\/gradientLeft\(yellow75\%\) { background: linear-gradient(to left, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.75) 100%) !important; background-color: transparent !important; } .gradientLeft\(yellow\), .hover\/gradientLeft\(yellow\):hover, .open.open\/gradientLeft\(yellow\), .open > .open\/gradientLeft\(yellow\) { background: linear-gradient(to left, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 1) 100%) !important; background-color: transparent !important; } .gradientRight\(yellow25\%\), .hover\/gradientRight\(yellow25\%\):hover, .open.open\/gradientRight\(yellow25\%\), .open > .open\/gradientRight\(yellow25\%\) { background: linear-gradient(to right, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.25) 100%) !important; background-color: transparent !important; } .gradientRight\(yellow50\%\), .hover\/gradientRight\(yellow50\%\):hover, .open.open\/gradientRight\(yellow50\%\), .open > .open\/gradientRight\(yellow50\%\) { background: linear-gradient(to right, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.50) 100%) !important; background-color: transparent !important; } .gradientRight\(yellow75\%\), .hover\/gradientRight\(yellow75\%\):hover, .open.open\/gradientRight\(yellow75\%\), .open > .open\/gradientRight\(yellow75\%\) { background: linear-gradient(to right, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.75) 100%) !important; background-color: transparent !important; } .gradientRight\(yellow\), .hover\/gradientRight\(yellow\):hover, .open.open\/gradientRight\(yellow\), .open > .open\/gradientRight\(yellow\) { background: linear-gradient(to right, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 1) 100%) !important; background-color: transparent !important; } .gradientCenter\(yellow25\%\), .hover\/gradientCenter\(yellow25\%\):hover, .open.open\/gradientCenter\(yellow25\%\), .open > .open\/gradientCenter\(yellow25\%\) { background: radial-gradient(circle, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.25) 100%) !important; background-color: transparent !important; } .gradientCenter\(yellow50\%\), .hover\/gradientCenter\(yellow50\%\):hover, .open.open\/gradientCenter\(yellow50\%\), .open > .open\/gradientCenter\(yellow50\%\) { background: radial-gradient(circle, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.50) 100%) !important; background-color: transparent !important; } .gradientCenter\(yellow75\%\), .hover\/gradientCenter\(yellow75\%\):hover, .open.open\/gradientCenter\(yellow75\%\), .open > .open\/gradientCenter\(yellow75\%\) { background: radial-gradient(circle, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 0.75) 100%) !important; background-color: transparent !important; } .gradientCenter\(yellow\), .hover\/gradientCenter\(yellow\):hover, .open.open\/gradientCenter\(yellow\), .open > .open\/gradientCenter\(yellow\) { background: radial-gradient(circle, rgba(239, 203, 78, 0) 0%, rgba(239, 203, 78, 1) 100%) !important; background-color: transparent !important; } input[class*="background(yellow"], textarea[class*="background(yellow"], select[class*="background(yellow"] { color: rgba(var(--white), var(--opacity100)) !important; } [class*="background(yellow"]::placeholder { color: rgba(var(--white), var(--opacity75)) !important; } [class*="background(yellow"]::-webkit-input-placeholder { color: rgba(var(--white), var(--opacity75)) !important; } [class*="background(yellow"]::-moz-placeholder { color: rgba(var(--white), var(--opacity75)) !important; } select[class*="background(yellow"]:invalid { color: rgba(var(--white), var(--opacity75)) !important; } .placeholder\(yellow\)::placeholder { color: rgba(var(--yellow), var(--opacity75)) !important; opacity: var(--opacity100); } .hover\/placeholder\(yellow\):hover::placeholder { color: rgba(var(--yellow), var(--opacity75)) !important; opacity: var(--opacity100); } .focus\/placeholder\(yellow\):focus::placeholder { color: rgba(var(--yellow), var(--opacity75)) !important; opacity: var(--opacity100); } .placeholder\(yellow\)::-webkit-input-placeholder { color: rgba(var(--yellow), var(--opacity75)) !important; opacity: var(--opacity100); } .hover\/placeholder\(yellow\):hover::-webkit-input-placeholder { color: rgba(var(--yellow), var(--opacity75)) !important; opacity: var(--opacity100); } .focus\/placeholder\(yellow\):focus::-webkit-input-placeholder { color: rgba(var(--yellow), var(--opacity75)) !important; opacity: var(--opacity100); } .placeholder\(yellow\)::-moz-placeholder { color: rgba(var(--yellow), var(--opacity75)) !important; opacity: var(--opacity100); } .hover\/placeholder\(yellow\):hover::-moz-placeholder { color: rgba(var(--yellow), var(--opacity75)) !important; opacity: var(--opacity100); } .focus\/placeholder\(yellow\):focus::-moz-placeholder { color: rgba(var(--yellow), var(--opacity75)) !important; opacity: var(--opacity100); } select.placeholder\(yellow\):invalid, select.hover\/placeholder\(yellow\):invalid:hover, select.focus\/placeholder\(yellow\):invalid:focus { color: rgba(var(--yellow), var(--opacity75)) !important; opacity: var(--opacity100); } .text\(yellow25\%\), select.text\(yellow25\%\):valid, .hover\/text\(yellow25\%\):hover, .open.open\/text\(yellow25\%\), .open > .open\/text\(yellow25\%\), select.hover\/text\(yellow25\%\):valid:hover, .focus\/text\(yellow25\%\):focus, select.focus\/text\(yellow25\%\):valid:focus { color: rgba(var(--yellow), var(--opacity25)) !important; opacity: inherit; } .text\(yellow50\%\), select.text\(yellow50\%\):valid, .hover\/text\(yellow50\%\):hover, .open.open\/text\(yellow50\%\), .open > .open\/text\(yellow50\%\), select.hover\/text\(yellow50\%\):valid:hover, .focus\/text\(yellow50\%\):focus, select.focus\/text\(yellow50\%\):valid:focus { color: rgba(var(--yellow), var(--opacity50)) !important; opacity: inherit; } .text\(yellow75\%\), select.text\(yellow75\%\):valid, .hover\/text\(yellow75\%\):hover, .open.open\/text\(yellow75\%\), .open > .open\/text\(yellow75\%\), select.hover\/text\(yellow75\%\):valid:hover, .focus\/text\(yellow75\%\):focus, select.focus\/text\(yellow75\%\):valid:focus { color: rgba(var(--yellow), var(--opacity75)) !important; opacity: inherit; } .text\(yellow\), select.text\(yellow\):valid, .hover\/text\(yellow\):hover, .open.open\/text\(yellow\), .open > .open\/text\(yellow\), select.hover\/text\(yellow\):valid:hover, .focus\/text\(yellow\):focus, select.focus\/text\(yellow\):valid:focus:valid { color: rgba(var(--yellow), var(--opacity100)) !important; } .text\(yellow\).pagination > *, .hover\/text\(yellow\):hover.pagination > * { color: rgba(var(--yellow), var(--opacity100)) !important; } .border\(yellow25\%\), .hover\/border\(yellow25\%\):hover, .open.open\/border\(yellow25\%\), .open > .open\/border\(yellow25\%\), .focus\/border\(yellow25\%\):focus { border-color: rgba(var(--yellow), var(--opacity25)) !important; } .border\(yellow50\%\), .hover\/border\(yellow50\%\):hover, .open.open\/border\(yellow50\%\), .open > .open\/border\(yellow50\%\), .focus\/border\(yellow50\%\):focus { border-color: rgba(var(--yellow), var(--opacity50)) !important; } .border\(yellow75\%\), .hover\/border\(yellow75\%\):hover, .open.open\/border\(yellow75\%\), .open > .open\/border\(yellow75\%\), .focus\/border\(yellow75\%\):focus { border-color: rgba(var(--yellow), var(--opacity75)) !important; } .border\(yellow\), .hover\/border\(yellow\):hover, .open.open\/border\(yellow\), .open > .open\/border\(yellow\), .focus\/border\(yellow\):focus { border-color: rgba(var(--yellow), var(--opacity100)) !important; } svg.icon\(yellow25\%\), :hover > svg.hover\/icon\(yellow25\%\), .open > svg.open\/icon\(yellow25\%\), svg.focus\/icon\(yellow25\%\):focus { fill: rgba(var(--yellow), var(--opacity25)) !important; } svg.icon\(yellow50\%\), :hover > svg.hover\/icon\(yellow50\%\), .open > svg.open\/icon\(yellow50\%\), svg.focus\/icon\(yellow50\%\):focus { fill: rgba(var(--yellow), var(--opacity50)) !important; } svg.icon\(yellow75\%\), :hover > svg.hover\/icon\(yellow75\%\), .open > svg.open\/icon\(yellow75\%\), svg.focus\/icon\(yellow75\%\):focus { fill: rgba(var(--yellow), var(--opacity75)) !important; } svg.icon\(yellow\), :hover > svg.hover\/icon\(yellow\), .open > svg.open\/icon\(yellow\), svg.focus\/icon\(yellow\):focus { fill: rgba(var(--yellow), var(--opacity100)) !important; } select.background\(yellow\) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='210 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(255, 255, 255, 0.75);'%3C/style%3E%3Cpath class='color' d='M-188.964 23.537a2.492 2.492 0 0 1-1.768-.732l-.037-.038-17.463-17.467a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l15.733 15.736 15.733-15.733a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-17.462 17.462-.038.038a2.493 2.493 0 0 1-1.768.732z' transform='translate(424 13)'/%3E%3C/svg%3E"); } select.icon\(yellow25\%\), select.hover\/icon\(yellow25\%\):hover, select.focus\/icon\(yellow25\%\):focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='210 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(239, 203, 78, 0.25);'%3C/style%3E%3Cpath class='color' d='M-188.964 23.537a2.492 2.492 0 0 1-1.768-.732l-.037-.038-17.463-17.467a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l15.733 15.736 15.733-15.733a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-17.462 17.462-.038.038a2.493 2.493 0 0 1-1.768.732z' transform='translate(424 13)'/%3E%3C/svg%3E"); } select.icon\(yellow50\%\), select.hover\/icon\(yellow50\%\):hover, select.focus\/icon\(yellow50\%\):focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='210 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(239, 203, 78, 0.50);'%3C/style%3E%3Cpath class='color' d='M-188.964 23.537a2.492 2.492 0 0 1-1.768-.732l-.037-.038-17.463-17.467a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l15.733 15.736 15.733-15.733a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-17.462 17.462-.038.038a2.493 2.493 0 0 1-1.768.732z' transform='translate(424 13)'/%3E%3C/svg%3E"); } select.icon\(yellow75\%\), select.hover\/icon\(yellow75\%\):hover, select.focus\/icon\(yellow75\%\):focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='210 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(239, 203, 78, 0.75);'%3C/style%3E%3Cpath class='color' d='M-188.964 23.537a2.492 2.492 0 0 1-1.768-.732l-.037-.038-17.463-17.467a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l15.733 15.736 15.733-15.733a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-17.462 17.462-.038.038a2.493 2.493 0 0 1-1.768.732z' transform='translate(424 13)'/%3E%3C/svg%3E"); } select.icon\(yellow\), select.hover\/icon\(yellow\):hover, select.focus\/icon\(yellow\):focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='210 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(239, 203, 78, 1);'%3C/style%3E%3Cpath class='color' d='M-188.964 23.537a2.492 2.492 0 0 1-1.768-.732l-.037-.038-17.463-17.467a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l15.733 15.736 15.733-15.733a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-17.462 17.462-.038.038a2.493 2.493 0 0 1-1.768.732z' transform='translate(424 13)'/%3E%3C/svg%3E"); } input[type="checkbox"].check\/icon\(yellow25\%\):after, input[type="radio"].check\/icon\(yellow25\%\):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='490 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(239, 203, 78, 0.25);'%3C/style%3E%3Cpath class='color' d='M-473.207 27.779a2.493 2.493 0 0 1-1.768-.732l-.038-.039-13.219-13.219a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l11.49 11.49 19.975-19.976a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-21.688 21.687-.054.056a2.493 2.493 0 0 1-1.768.732z' transform='translate(984 11)'/%3E%3C/svg%3E"); } input[type="checkbox"].check\/icon\(yellow50\%\):after, input[type="radio"].check\/icon\(yellow50\%\):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='490 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(239, 203, 78, 0.50);'%3C/style%3E%3Cpath class='color' d='M-473.207 27.779a2.493 2.493 0 0 1-1.768-.732l-.038-.039-13.219-13.219a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l11.49 11.49 19.975-19.976a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-21.688 21.687-.054.056a2.493 2.493 0 0 1-1.768.732z' transform='translate(984 11)'/%3E%3C/svg%3E"); } input[type="checkbox"].check\/icon\(yellow75\%\):after, input[type="radio"].check\/icon\(yellow75\%\):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='490 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(239, 203, 78, 0.75);'%3C/style%3E%3Cpath class='color' d='M-473.207 27.779a2.493 2.493 0 0 1-1.768-.732l-.038-.039-13.219-13.219a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l11.49 11.49 19.975-19.976a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-21.688 21.687-.054.056a2.493 2.493 0 0 1-1.768.732z' transform='translate(984 11)'/%3E%3C/svg%3E"); } input[type="checkbox"].check\/icon\(yellow\):after, input[type="radio"].check\/icon\(yellow\):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='490 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(239, 203, 78, 1);'%3C/style%3E%3Cpath class='color' d='M-473.207 27.779a2.493 2.493 0 0 1-1.768-.732l-.038-.039-13.219-13.219a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l11.49 11.49 19.975-19.976a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-21.688 21.687-.054.056a2.493 2.493 0 0 1-1.768.732z' transform='translate(984 11)'/%3E%3C/svg%3E"); } input[type="checkbox"].check\/background\(yellow25\%\):checked, input[type="radio"].check\/background\(yellow25\%\):checked { background-color: rgba(var(--yellow), var(--opacity25)) !important; } input[type="checkbox"].check\/background\(yellow50\%\):checked, input[type="radio"].check\/background\(yellow50\%\):checked { background-color: rgba(var(--yellow), var(--opacity50)) !important; } input[type="checkbox"].check\/background\(yellow75\%\):checked, input[type="radio"].check\/background\(yellow75\%\):checked { background-color: rgba(var(--yellow), var(--opacity75)) !important; } input[type="checkbox"].check\/background\(yellow\):checked, input[type="radio"].check\/background\(yellow\):checked { background-color: rgba(var(--yellow), var(--opacity100)) !important; } input[type="checkbox"].input\(toggle\).icon\(yellow25\%\):after { background-color: rgba(var(--yellow), var(--opacity25)); } input[type="checkbox"].input\(toggle\).icon\(yellow50\%\):after { background-color: rgba(var(--yellow), var(--opacity50)); } input[type="checkbox"].input\(toggle\).icon\(yellow75\%\):after { background-color: rgba(var(--yellow), var(--opacity75)); } input[type="checkbox"].input\(toggle\).icon\(yellow\):after { background-color: rgba(var(--yellow), var(--opacity100)); } input[type="checkbox"].input\(toggle\).check\/icon\(yellow25\%\):checked:after { background-color: rgba(var(--yellow), var(--opacity25)); } input[type="checkbox"].input\(toggle\).check\/icon\(yellow50\%\):checked:after { background-color: rgba(var(--yellow), var(--opacity50)); } input[type="checkbox"].input\(toggle\).check\/icon\(yellow75\%\):checked:after { background-color: rgba(var(--yellow), var(--opacity75)); } input[type="checkbox"].input\(toggle\).check\/icon\(yellow\):checked:after { background-color: rgba(var(--yellow), var(--opacity100)); } .icon\(yellow\).pagination .bullet, .icon\(yellow\).pagination .number, .hover\/icon\(yellow\).pagination:hover .bullet, .hover\/icon\(yellow\).pagination:hover .number { background-color: rgba(var(--yellow), var(--opacity100)) !important; } .icon\(yellow\).pagination .bar, .hover\/icon\(yellow\).pagination:hover .bar { background-color: rgba(var(--yellow), var(--opacity100)) !important; } svg.stroke\(yellow25\%\), :hover > svg.hover\/stroke\(yellow25\%\), .open > svg.open\/stroke\(yellow25\%\), svg.focus\/stroke\(yellow25\%\):focus { stroke: rgb(var(--yellow)) !important; stroke-opacity: var(--opacity25) !important; } svg.stroke\(yellow50\%\), :hover > svg.hover\/stroke\(yellow50\%\), .open > svg.open\/stroke\(yellow50\%\), svg.focus\/stroke\(yellow50\%\):focus { stroke: rgb(var(--yellow)) !important; stroke-opacity: var(--opacity50) !important; } svg.stroke\(yellow75\%\), :hover > svg.hover\/stroke\(yellow75\%\), .open > svg.open\/stroke\(yellow75\%\), svg.focus\/stroke\(yellow75\%\):focus { stroke: rgb(var(--yellow)) !important; stroke-opacity: var(--opacity75) !important; } svg.stroke\(yellow\), :hover > svg.hover\/stroke\(yellow\), .open > svg.open\/stroke\(yellow\), svg.focus\/stroke\(yellow\):focus { stroke: rgb(var(--yellow)) !important; stroke-opacity: var(--opacity100) !important; } } /* Dark */ @media all { :root { --dark: 65, 65, 65; } .background\(dark5\%\), .hover\/background\(dark5\%\):hover, .open.open\/background\(dark5\%\), .open > .open\/background\(dark5\%\), .focus\/background\(dark5\%\):focus { background-color: rgba(var(--dark), var(--opacity5)) !important; } .background\(dark10\%\), .hover\/background\(dark10\%\):hover, .open.open\/background\(dark10\%\), .open > .open\/background\(dark10\%\), .focus\/background\(dark10\%\):focus { background-color: rgba(var(--dark), var(--opacity10)) !important; } .background\(dark15\%\), .hover\/background\(dark15\%\):hover, .open.open\/background\(dark15\%\), .open > .open\/background\(dark15\%\), .focus\/background\(dark15\%\):focus { background-color: rgba(var(--dark), var(--opacity15)) !important; } .background\(dark20\%\), .hover\/background\(dark20\%\):hover, .open.open\/background\(dark20\%\), .open > .open\/background\(dark20\%\), .focus\/background\(dark20\%\):focus { background-color: rgba(var(--dark), var(--opacity20)) !important; } .background\(dark25\%\), .hover\/background\(dark25\%\):hover, .open.open\/background\(dark25\%\), .open > .open\/background\(dark25\%\), .focus\/background\(dark25\%\):focus { background-color: rgba(var(--dark), var(--opacity25)) !important; } .background\(dark30\%\), .hover\/background\(dark30\%\):hover, .open.open\/background\(dark30\%\), .open > .open\/background\(dark30\%\), .focus\/background\(dark30\%\):focus { background-color: rgba(var(--dark), var(--opacity30)) !important; } .background\(dark35\%\), .hover\/background\(dark35\%\):hover, .open.open\/background\(dark35\%\), .open > .open\/background\(dark35\%\), .focus\/background\(dark35\%\):focus { background-color: rgba(var(--dark), var(--opacity35)) !important; } .background\(dark40\%\), .hover\/background\(dark40\%\):hover, .open.open\/background\(dark40\%\), .open > .open\/background\(dark40\%\), .focus\/background\(dark40\%\):focus { background-color: rgba(var(--dark), var(--opacity40)) !important; } .background\(dark45\%\), .hover\/background\(dark45\%\):hover, .open.open\/background\(dark45\%\), .open > .open\/background\(dark45\%\), .focus\/background\(dark45\%\):focus { background-color: rgba(var(--dark), var(--opacity45)) !important; } .background\(dark50\%\), .hover\/background\(dark50\%\):hover, .open.open\/background\(dark50\%\), .open > .open\/background\(dark50\%\), .focus\/background\(dark50\%\):focus { background-color: rgba(var(--dark), var(--opacity50)) !important; } .background\(dark55\%\), .hover\/background\(dark55\%\):hover, .open.open\/background\(dark55\%\), .open > .open\/background\(dark55\%\), .focus\/background\(dark55\%\):focus { background-color: rgba(var(--dark), var(--opacity55)) !important; } .background\(dark60\%\), .hover\/background\(dark60\%\):hover, .open.open\/background\(dark60\%\), .open > .open\/background\(dark60\%\), .focus\/background\(dark60\%\):focus { background-color: rgba(var(--dark), var(--opacity60)) !important; } .background\(dark65\%\), .hover\/background\(dark65\%\):hover, .open.open\/background\(dark65\%\), .open > .open\/background\(dark65\%\), .focus\/background\(dark65\%\):focus { background-color: rgba(var(--dark), var(--opacity65)) !important; } .background\(dark70\%\), .hover\/background\(dark70\%\):hover, .open.open\/background\(dark70\%\), .open > .open\/background\(dark70\%\), .focus\/background\(dark70\%\):focus { background-color: rgba(var(--dark), var(--opacity70)) !important; } .background\(dark75\%\), .hover\/background\(dark75\%\):hover, .open.open\/background\(dark75\%\), .open > .open\/background\(dark75\%\), .focus\/background\(dark75\%\):focus { background-color: rgba(var(--dark), var(--opacity75)) !important; } .background\(dark80\%\), .hover\/background\(dark80\%\):hover, .open.open\/background\(dark80\%\), .open > .open\/background\(dark80\%\), .focus\/background\(dark80\%\):focus { background-color: rgba(var(--dark), var(--opacity80)) !important; } .background\(dark85\%\), .hover\/background\(dark85\%\):hover, .open.open\/background\(dark85\%\), .open > .open\/background\(dark85\%\), .focus\/background\(dark85\%\):focus { background-color: rgba(var(--dark), var(--opacity85)) !important; } .background\(dark90\%\), .hover\/background\(dark90\%\):hover, .open.open\/background\(dark90\%\), .open > .open\/background\(dark90\%\), .focus\/background\(dark90\%\):focus { background-color: rgba(var(--dark), var(--opacity90)) !important; } .background\(dark95\%\), .hover\/background\(dark95\%\):hover, .open.open\/background\(dark95\%\), .open > .open\/background\(dark95\%\), .focus\/background\(dark95\%\):focus { background-color: rgba(var(--dark), var(--opacity95)) !important; } .background\(dark\), .hover\/background\(dark\):hover, .open.open\/background\(dark\), .open > .open\/background\(dark\), .focus\/background\(dark\):focus { background-color: rgba(var(--dark), var(--opacity100)) !important; } .gradientTop\(dark25\%\), .hover\/gradientTop\(dark25\%\):hover, .open.open\/gradientTop\(dark25\%\), .open > .open\/gradientTop\(dark25\%\) { background: linear-gradient(to top, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.25) 100%) !important; background-color: transparent !important; } .gradientTop\(dark50\%\), .hover\/gradientTop\(dark50\%\):hover, .open.open\/gradientTop\(dark50\%\), .open > .open\/gradientTop\(dark50\%\) { background: linear-gradient(to top, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.50) 100%) !important; background-color: transparent !important; } .gradientTop\(dark75\%\), .hover\/gradientTop\(dark75\%\):hover, .open.open\/gradientTop\(dark75\%\), .open > .open\/gradientTop\(dark75\%\) { background: linear-gradient(to top, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.75) 100%) !important; background-color: transparent !important; } .gradientTop\(dark\), .hover\/gradientTop\(dark\):hover, .open.open\/gradientTop\(dark\), .open > .open\/gradientTop\(dark\) { background: linear-gradient(to top, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 1) 100%) !important; background-color: transparent !important; } .gradientBottom\(dark25\%\), .hover\/gradientBottom\(dark25\%\):hover, .open.open\/gradientBottom\(dark25\%\), .open > .open\/gradientBottom\(dark25\%\) { background: linear-gradient(to bottom, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.25) 100%) !important; background-color: transparent !important; } .gradientBottom\(dark50\%\), .hover\/gradientBottom\(dark50\%\):hover, .open.open\/gradientBottom\(dark50\%\), .open > .open\/gradientBottom\(dark50\%\) { background: linear-gradient(to bottom, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.50) 100%) !important; background-color: transparent !important; } .gradientBottom\(dark75\%\), .hover\/gradientBottom\(dark75\%\):hover, .open.open\/gradientBottom\(dark75\%\), .open > .open\/gradientBottom\(dark75\%\) { background: linear-gradient(to bottom, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.75) 100%) !important; background-color: transparent !important; } .gradientBottom\(dark\), .gradient\(dark\), .hover\/gradientBottom\(dark\):hover, .open.open\/gradientBottom\(dark\), .open > .open\/gradientBottom\(dark\), .hover\/gradient\(dark\):hover, .open.open\/gradient\(dark\), .open > .open\/gradient\(dark\) { background: linear-gradient(to bottom, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 1) 100%) !important; background-color: transparent !important; } .gradientLeft\(dark25\%\), .hover\/gradientLeft\(dark25\%\):hover, .open.open\/gradientLeft\(dark25\%\), .open > .open\/gradientLeft\(dark25\%\) { background: linear-gradient(to left, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.25) 100%) !important; background-color: transparent !important; } .gradientLeft\(dark50\%\), .hover\/gradientLeft\(dark50\%\):hover, .open.open\/gradientLeft\(dark50\%\), .open > .open\/gradientLeft\(dark50\%\) { background: linear-gradient(to left, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.50) 100%) !important; background-color: transparent !important; } .gradientLeft\(dark55\%\), .hover\/gradientLeft\(dark55\%\):hover, .open.open\/gradientLeft\(dark55\%\), .open > .open\/gradientLeft\(dark55\%\) { background: linear-gradient(to left, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.55) 100%) !important; background-color: transparent !important; } .gradientLeft\(dark75\%\), .hover\/gradientLeft\(dark75\%\):hover, .open.open\/gradientLeft\(dark75\%\), .open > .open\/gradientLeft\(dark75\%\) { background: linear-gradient(to left, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.75) 100%) !important; background-color: transparent !important; } .gradientLeft\(dark\), .hover\/gradientLeft\(dark\):hover, .open.open\/gradientLeft\(dark\), .open > .open\/gradientLeft\(dark\) { background: linear-gradient(to left, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 1) 100%) !important; background-color: transparent !important; } .gradientRight\(dark25\%\), .hover\/gradientRight\(dark25\%\):hover, .open.open\/gradientRight\(dark25\%\), .open > .open\/gradientRight\(dark25\%\) { background: linear-gradient(to right, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.25) 100%) !important; background-color: transparent !important; } .gradientRight\(dark50\%\), .hover\/gradientRight\(dark50\%\):hover, .open.open\/gradientRight\(dark50\%\), .open > .open\/gradientRight\(dark50\%\) { background: linear-gradient(to right, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.50) 100%) !important; background-color: transparent !important; } .gradientRight\(dark75\%\), .hover\/gradientRight\(dark75\%\):hover, .open.open\/gradientRight\(dark75\%\), .open > .open\/gradientRight\(dark75\%\) { background: linear-gradient(to right, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.75) 100%) !important; background-color: transparent !important; } .gradientRight\(dark\), .hover\/gradientRight\(dark\):hover, .open.open\/gradientRight\(dark\), .open > .open\/gradientRight\(dark\) { background: linear-gradient(to right, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 1) 100%) !important; background-color: transparent !important; } .gradientCenter\(dark25\%\), .hover\/gradientCenter\(dark25\%\):hover, .open.open\/gradientCenter\(dark25\%\), .open > .open\/gradientCenter\(dark25\%\) { background: radial-gradient(circle, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.25) 100%) !important; background-color: transparent !important; } .gradientCenter\(dark50\%\), .hover\/gradientCenter\(dark50\%\):hover, .open.open\/gradientCenter\(dark50\%\), .open > .open\/gradientCenter\(dark50\%\) { background: radial-gradient(circle, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.50) 100%) !important; background-color: transparent !important; } .gradientCenter\(dark75\%\), .hover\/gradientCenter\(dark75\%\):hover, .open.open\/gradientCenter\(dark75\%\), .open > .open\/gradientCenter\(dark75\%\) { background: radial-gradient(circle, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 0.75) 100%) !important; background-color: transparent !important; } .gradientCenter\(dark\), .hover\/gradientCenter\(dark\):hover, .open.open\/gradientCenter\(dark\), .open > .open\/gradientCenter\(dark\) { background: radial-gradient(circle, rgba(65, 65, 65, 0) 0%, rgba(65, 65, 65, 1) 100%) !important; background-color: transparent !important; } input[class*="background(dark"], textarea[class*="background(dark"], select[class*="background(dark"] { color: rgba(var(--white), var(--opacity100)) !important; } [class*="background(dark"]::placeholder { color: rgba(var(--white), var(--opacity75)) !important; } [class*="background(dark"]::-webkit-input-placeholder { color: rgba(var(--white), var(--opacity75)) !important; } [class*="background(dark"]::-moz-placeholder { color: rgba(var(--white), var(--opacity75)) !important; } select[class*="background(dark"]:invalid { color: rgba(var(--white), var(--opacity75)) !important; } .placeholder\(dark\)::placeholder { color: rgba(var(--dark), var(--opacity75)) !important; opacity: var(--opacity100); } .hover\/placeholder\(dark\):hover::placeholder { color: rgba(var(--dark), var(--opacity75)) !important; opacity: var(--opacity100); } .focus\/placeholder\(dark\):focus::placeholder { color: rgba(var(--dark), var(--opacity75)) !important; opacity: var(--opacity100); } .placeholder\(dark\)::-webkit-input-placeholder { color: rgba(var(--dark), var(--opacity75)) !important; opacity: var(--opacity100); } .hover\/placeholder\(dark\):hover::-webkit-input-placeholder { color: rgba(var(--dark), var(--opacity75)) !important; opacity: var(--opacity100); } .focus\/placeholder\(dark\):focus::-webkit-input-placeholder { color: rgba(var(--dark), var(--opacity75)) !important; opacity: var(--opacity100); } .placeholder\(dark\)::-moz-placeholder { color: rgba(var(--dark), var(--opacity75)) !important; opacity: var(--opacity100); } .hover\/placeholder\(dark\):hover::-moz-placeholder { color: rgba(var(--dark), var(--opacity75)) !important; opacity: var(--opacity100); } .focus\/placeholder\(dark\):focus::-moz-placeholder { color: rgba(var(--dark), var(--opacity75)) !important; opacity: var(--opacity100); } select.placeholder\(dark\):invalid, select.hover\/placeholder\(dark\):invalid:hover, select.focus\/placeholder\(dark\):invalid:focus { color: rgba(var(--dark), var(--opacity75)) !important; opacity: var(--opacity100); } .text\(dark25\%\), select.text\(dark25\%\):valid, .hover\/text\(dark25\%\):hover, .open.open\/text\(dark25\%\), .open > .open\/text\(dark25\%\), select.hover\/text\(dark25\%\):valid:hover, .focus\/text\(dark25\%\):focus, select.focus\/text\(dark25\%\):valid:focus { color: rgba(var(--dark), var(--opacity25)) !important; opacity: inherit; } .text\(dark50\%\), select.text\(dark50\%\):valid, .hover\/text\(dark50\%\):hover, .open.open\/text\(dark50\%\), .open > .open\/text\(dark50\%\), select.hover\/text\(dark50\%\):valid:hover, .focus\/text\(dark50\%\):focus, select.focus\/text\(dark50\%\):valid:focus { color: rgba(var(--dark), var(--opacity50)) !important; opacity: inherit; } .text\(dark75\%\), select.text\(dark75\%\):valid, .hover\/text\(dark75\%\):hover, .open.open\/text\(dark75\%\), .open > .open\/text\(dark75\%\), select.hover\/text\(dark75\%\):valid:hover, .focus\/text\(dark75\%\):focus, select.focus\/text\(dark75\%\):valid:focus { color: rgba(var(--dark), var(--opacity75)) !important; opacity: inherit; } .text\(dark\), select.text\(dark\):valid, .hover\/text\(dark\):hover, .open.open\/text\(dark\), .open > .open\/text\(dark\), select.hover\/text\(dark\):valid:hover, .focus\/text\(dark\):focus, select.focus\/text\(dark\):valid:focus:valid { color: rgba(var(--dark), var(--opacity100)) !important; } .text\(dark\).pagination > *, .hover\/text\(dark\):hover.pagination > * { color: rgba(var(--dark), var(--opacity100)) !important; } .border\(dark25\%\), .hover\/border\(dark25\%\):hover, .open.open\/border\(dark25\%\), .open > .open\/border\(dark25\%\), .focus\/border\(dark25\%\):focus { border-color: rgba(var(--dark), var(--opacity25)) !important; } .border\(dark50\%\), .hover\/border\(dark50\%\):hover, .open.open\/border\(dark50\%\), .open > .open\/border\(dark50\%\), .focus\/border\(dark50\%\):focus { border-color: rgba(var(--dark), var(--opacity50)) !important; } .border\(dark75\%\), .hover\/border\(dark75\%\):hover, .open.open\/border\(dark75\%\), .open > .open\/border\(dark75\%\), .focus\/border\(dark75\%\):focus { border-color: rgba(var(--dark), var(--opacity75)) !important; } .border\(dark\), .hover\/border\(dark\):hover, .open.open\/border\(dark\), .open > .open\/border\(dark\), .focus\/border\(dark\):focus { border-color: rgba(var(--dark), var(--opacity100)) !important; } svg.icon\(dark25\%\), :hover > svg.hover\/icon\(dark25\%\), .open > svg.open\/icon\(dark25\%\), svg.focus\/icon\(dark25\%\):focus { fill: rgba(var(--dark), var(--opacity25)) !important; } svg.icon\(dark50\%\), :hover > svg.hover\/icon\(dark50\%\), .open > svg.open\/icon\(dark50\%\), svg.focus\/icon\(dark50\%\):focus { fill: rgba(var(--dark), var(--opacity50)) !important; } svg.icon\(dark75\%\), :hover > svg.hover\/icon\(dark75\%\), .open > svg.open\/icon\(dark75\%\), svg.focus\/icon\(dark75\%\):focus { fill: rgba(var(--dark), var(--opacity75)) !important; } svg.icon\(dark\), :hover > svg.hover\/icon\(dark\), .open > svg.open\/icon\(dark\), svg.focus\/icon\(dark\):focus { fill: rgba(var(--dark), var(--opacity100)) !important; } select.background\(dark\) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='210 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(255, 255, 255, 0.75);'%3C/style%3E%3Cpath class='color' d='M-188.964 23.537a2.492 2.492 0 0 1-1.768-.732l-.037-.038-17.463-17.467a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l15.733 15.736 15.733-15.733a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-17.462 17.462-.038.038a2.493 2.493 0 0 1-1.768.732z' transform='translate(424 13)'/%3E%3C/svg%3E"); } select.icon\(dark25\%\), select.hover\/icon\(dark25\%\):hover, select.focus\/icon\(dark25\%\):focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='210 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(65, 65, 65, 0.25);'%3C/style%3E%3Cpath class='color' d='M-188.964 23.537a2.492 2.492 0 0 1-1.768-.732l-.037-.038-17.463-17.467a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l15.733 15.736 15.733-15.733a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-17.462 17.462-.038.038a2.493 2.493 0 0 1-1.768.732z' transform='translate(424 13)'/%3E%3C/svg%3E"); } select.icon\(dark50\%\), select.hover\/icon\(dark50\%\):hover, select.focus\/icon\(dark50\%\):focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='210 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(65, 65, 65, 0.50);'%3C/style%3E%3Cpath class='color' d='M-188.964 23.537a2.492 2.492 0 0 1-1.768-.732l-.037-.038-17.463-17.467a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l15.733 15.736 15.733-15.733a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-17.462 17.462-.038.038a2.493 2.493 0 0 1-1.768.732z' transform='translate(424 13)'/%3E%3C/svg%3E"); } select.icon\(dark75\%\), select.hover\/icon\(dark75\%\):hover, select.focus\/icon\(dark75\%\):focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='210 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(65, 65, 65, 0.75);'%3C/style%3E%3Cpath class='color' d='M-188.964 23.537a2.492 2.492 0 0 1-1.768-.732l-.037-.038-17.463-17.467a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l15.733 15.736 15.733-15.733a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-17.462 17.462-.038.038a2.493 2.493 0 0 1-1.768.732z' transform='translate(424 13)'/%3E%3C/svg%3E"); } select.icon\(dark\), select.hover\/icon\(dark\):hover, select.focus\/icon\(dark\):focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='210 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(65, 65, 65, 1);'%3C/style%3E%3Cpath class='color' d='M-188.964 23.537a2.492 2.492 0 0 1-1.768-.732l-.037-.038-17.463-17.467a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l15.733 15.736 15.733-15.733a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-17.462 17.462-.038.038a2.493 2.493 0 0 1-1.768.732z' transform='translate(424 13)'/%3E%3C/svg%3E"); } input[type="checkbox"].check\/icon\(dark25\%\):after, input[type="radio"].check\/icon\(dark25\%\):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='490 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(65, 65, 65, 0.25);'%3C/style%3E%3Cpath class='color' d='M-473.207 27.779a2.493 2.493 0 0 1-1.768-.732l-.038-.039-13.219-13.219a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l11.49 11.49 19.975-19.976a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-21.688 21.687-.054.056a2.493 2.493 0 0 1-1.768.732z' transform='translate(984 11)'/%3E%3C/svg%3E"); } input[type="checkbox"].check\/icon\(dark50\%\):after, input[type="radio"].check\/icon\(dark50\%\):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='490 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(65, 65, 65, 0.50);'%3C/style%3E%3Cpath class='color' d='M-473.207 27.779a2.493 2.493 0 0 1-1.768-.732l-.038-.039-13.219-13.219a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l11.49 11.49 19.975-19.976a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-21.688 21.687-.054.056a2.493 2.493 0 0 1-1.768.732z' transform='translate(984 11)'/%3E%3C/svg%3E"); } input[type="checkbox"].check\/icon\(dark75\%\):after, input[type="radio"].check\/icon\(dark75\%\):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='490 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(65, 65, 65, 0.75);'%3C/style%3E%3Cpath class='color' d='M-473.207 27.779a2.493 2.493 0 0 1-1.768-.732l-.038-.039-13.219-13.219a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l11.49 11.49 19.975-19.976a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-21.688 21.687-.054.056a2.493 2.493 0 0 1-1.768.732z' transform='translate(984 11)'/%3E%3C/svg%3E"); } input[type="checkbox"].check\/icon\(dark\):after, input[type="radio"].check\/icon\(dark\):after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='490 0 50 50'%3E%3Cstyle%3E.color %7B fill: rgba(65, 65, 65, 1);'%3C/style%3E%3Cpath class='color' d='M-473.207 27.779a2.493 2.493 0 0 1-1.768-.732l-.038-.039-13.219-13.219a2.5 2.5 0 0 1 0-3.536 2.5 2.5 0 0 1 3.535 0l11.49 11.49 19.975-19.976a2.5 2.5 0 0 1 3.535 0 2.5 2.5 0 0 1 0 3.536l-21.688 21.687-.054.056a2.493 2.493 0 0 1-1.768.732z' transform='translate(984 11)'/%3E%3C/svg%3E"); } input[type="checkbox"].check\/background\(dark25\%\):checked, input[type="radio"].check\/background\(dark25\%\):checked { background-color: rgba(var(--dark), var(--opacity25)) !important; } input[type="checkbox"].check\/background\(dark50\%\):checked, input[type="radio"].check\/background\(dark50\%\):checked { background-color: rgba(var(--dark), var(--opacity50)) !important; } input[type="checkbox"].check\/background\(dark75\%\):checked, input[type="radio"].check\/background\(dark75\%\):checked { background-color: rgba(var(--dark), var(--opacity75)) !important; } input[type="checkbox"].check\/background\(dark\):checked, input[type="radio"].check\/background\(dark\):checked { background-color: rgba(var(--dark), var(--opacity100)) !important; } input[type="checkbox"].input\(toggle\).icon\(dark25\%\):after { background-color: rgba(var(--dark), var(--opacity25)); } input[type="checkbox"].input\(toggle\).icon\(dark50\%\):after { background-color: rgba(var(--dark), var(--opacity50)); } input[type="checkbox"].input\(toggle\).icon\(dark75\%\):after { background-color: rgba(var(--dark), var(--opacity75)); } input[type="checkbox"].input\(toggle\).icon\(dark\):after { background-color: rgba(var(--dark), var(--opacity100)); } input[type="checkbox"].input\(toggle\).check\/icon\(dark25\%\):checked:after { background-color: rgba(var(--dark), var(--opacity25)); } input[type="checkbox"].input\(toggle\).check\/icon\(dark50\%\):checked:after { background-color: rgba(var(--dark), var(--opacity50)); } input[type="checkbox"].input\(toggle\).check\/icon\(dark75\%\):checked:after { background-color: rgba(var(--dark), var(--opacity75)); } input[type="checkbox"].input\(toggle\).check\/icon\(dark\):checked:after { background-color: rgba(var(--dark), var(--opacity100)); } .icon\(dark\).pagination .bullet, .icon\(dark\).pagination .number, .hover\/icon\(dark\).pagination:hover .bullet, .hover\/icon\(dark\).pagination:hover .number { background-color: rgba(var(--dark), var(--opacity100)) !important; } .icon\(dark\).pagination .bar, .hover\/icon\(dark\).pagination:hover .bar { background-color: rgba(var(--dark), var(--opacity100)) !important; } svg.stroke\(dark25\%\), :hover > svg.hover\/stroke\(dark25\%\), .open > svg.open\/stroke\(dark25\%\), svg.focus\/stroke\(dark25\%\):focus { stroke: rgb(var(--dark)) !important; stroke-opacity: var(--opacity25) !important; } svg.stroke\(dark50\%\), :hover > svg.hover\/stroke\(dark50\%\), .open > svg.open\/stroke\(dark50\%\), svg.focus\/stroke\(dark50\%\):focus { stroke: rgb(var(--dark)) !important; stroke-opacity: var(--opacity50) !important; } svg.stroke\(dark75\%\), :hover > svg.hover\/stroke\(dark75\%\), .open > svg.open\/stroke\(dark75\%\), svg.focus\/stroke\(dark75\%\):focus { stroke: rgb(var(--dark)) !important; stroke-opacity: var(--opacity75) !important; } svg.stroke\(dark\), :hover > svg.hover\/stroke\(dark\), .open > svg.open\/stroke\(dark\), svg.focus\/stroke\(dark\):focus { stroke: rgb(var(--dark)) !important; stroke-opacity: var(--opacity100) !important; } } /* Text */ :root { --fontHeading: 'Houschka Pro', sans-serif; --fontText: 'Montserrat', sans-serif; --lineHeading: 90%; --lineText: 125%; --weightThin: light; --weightRegular: normal; --weightBold: bold; --h1: 50px; --h2: 40px; --h3: 30px; --h4: 20px; --h5: 16px; --h6: 12px; --h7: 10px; --p: 14px; --spacing: 1.5px; } @media (min-width: 600px) and (max-width: 999px) { :root { --fontHeading: 'Houschka Pro', sans-serif; --fontText: 'Montserrat', sans-serif; --lineHeading: 100%; --lineText: 125%; --weightThin: light; --weightRegular: normal; --weightBold: bold; --h1: 50px; --h2: 40px; --h3: 30px; --h4: 20px; --h5: 16px; --h6: 12px; --h7: 10px; --p: 14px; --spacing: 1.5px;; } } @media (max-width: 599px) { :root { --fontHeading: 'Houschka Pro', sans-serif; --fontText: 'Montserrat', sans-serif; --lineHeading: 100%; --lineText: 125%; --weightThin: light; --weightRegular: normal; --weightBold: bold; --h1: 50px; --h2: 40px; --h3: 30px; --h4: 20px; --h5: 16px; --h6: 12px; --h7: 10px; --p: 14px; --spacing: 1.5px; } } .text\(montserrat\) { font-family: var(--fontText) !important; } h1, .text\(h1\), .content\(html\).text\(h1\) *, h2, .text\(h2\), .content\(html\).text\(h2\) * { letter-spacing: -2.5px; } h3, .text\(h3\), .content\(html\).text\(h3\) *, h4, .text\(h4\), .content\(html\).text\(h4\) * { letter-spacing: -1px; } h5, .text\(h5\), .content\(html\).text\(h5\) *, h6, .text\(h6\), .content\(html\).text\(h6\) *, .text\(h7\), .content\(html\).text\(h7\) * { letter-spacing: -1px; } /*.content\(html\):not(.content\(raw\)) h1, .content\(html\):not(.content\(raw\)) h2, .content\(html\):not(.content\(raw\)) h3, .content\(html\):not(.content\(raw\)) h4, .content\(html\):not(.content\(raw\)) h5, .content\(html\):not(.content\(raw\)) h6, .content\(html\):not(.content\(raw\)) p, .content\(html\):not(.content\(raw\)) figure, .content\(html\):not(.content\(raw\)) ul, .content\(html\):not(.content\(raw\)) ol, .content\(html\):not(.content\(raw\)) table, .content\(html\):not(.content\(raw\)) blockquote, .content\(html\):not(.content\(raw\)) pre { font-family: var(--fontHeading) !important; font-weight: var(--weightRegular); line-height: var(--lineHeading); padding-bottom: var(--padding); } .content\(html\) a { text-decoration: underline; } .content\(html\) ul, .content\(html\) ol { padding-left: var(--padding); } .content\(html\) ul > li { list-style: disc; } .content\(html\) ol > li { list-style: decimal; } .content\(html\) li { padding-bottom: calc(var(--padding) * 0.5); } .content\(html\):not(.content\(raw\)) blockquote, .content\(html\):not(.content\(raw\)) pre { padding: var(--padding); }*/ /* Radius */ :root { --radiusSmall: 5px; --radiusRegular: 10px; --radiusMedium: 25px; --radiusLarge: 50px; --radiusRounded: 50px; --radiusRound: 50%; } /* Shadow */ /*:root { --offsetSmall: 2.5px; --offsetRegular: 5px; --offsetMedium: 10px; --offsetLarge: 15px; --spreadSmall: 5px; --spreadRegular: 15px; --spreadMedium: 30px; --spreadLarge: 45px; }*/ .shadeLarge\(black5\%\), .hover\/shadeLarge\(black5\%\):hover, .open.open\/shadeLarge\(black5\%\), .open > .open\/shadeLarge\(black5\%\), .focus\/shadeLarge\(black5\%\):focus { filter: drop-shadow(0 var(--offsetLarge) var(--spreadLarge) rgba(var(--black), var(--opacity5))) !important; } .shadeLarge\(black10\%\), .hover\/shadeLarge\(black10\%\):hover, .open.open\/shadeLarge\(black10\%\), .open > .open\/shadeLarge\(black10\%\), .focus\/shadeLarge\(black10\%\):focus { filter: drop-shadow(0 var(--offsetLarge) var(--spreadLarge) rgba(var(--black), var(--opacity10))) !important; } .shadeLarge\(black15\%\), .hover\/shadeLarge\(black15\%\):hover, .open.open\/shadeLarge\(black15\%\), .open > .open\/shadeLarge\(black15\%\), .focus\/shadeLarge\(black15\%\):focus { filter: drop-shadow(0 var(--offsetLarge) var(--spreadLarge) rgba(var(--black), var(--opacity15))) !important; } .shadeLarge\(black20\%\), .hover\/shadeLarge\(black20\%\):hover, .open.open\/shadeLarge\(black20\%\), .open > .open\/shadeLarge\(black20\%\), .focus\/shadeLarge\(black20\%\):focus { filter: drop-shadow(0 var(--offsetLarge) var(--spreadLarge) rgba(var(--black), var(--opacity20))) !important; } .shadeLarge\(black25\%\), .shadeLarge, .hover\/shadeLarge\(black25\%\):hover, .open.open\/shadeLarge\(black25\%\), .open > .open\/shadeLarge\(black25\%\), .hover\/shadeLarge:hover, .open.open\/shadeLarge, .open > .open\/shadeLarge, .focus\/shadeLarge\(black25\%\):focus, .focus\/shadeLarge:focus { filter: drop-shadow(0 var(--offsetLarge) var(--spreadLarge) rgba(var(--black), var(--opacity25))) !important; } .shadeLarge\(black30\%\), .hover\/shadeLarge\(black30\%\):hover, .open.open\/shadeLarge\(black30\%\), .open > .open\/shadeLarge\(black30\%\), .focus\/shadeLarge\(black30\%\):focus { filter: drop-shadow(0 var(--offsetLarge) var(--spreadLarge) rgba(var(--black), var(--opacity30))) !important; } .shadeLarge\(black35\%\), .hover\/shadeLarge\(black35\%\):hover, .open.open\/shadeLarge\(black35\%\), .open > .open\/shadeLarge\(black35\%\), .focus\/shadeLarge\(black35\%\):focus { filter: drop-shadow(0 var(--offsetLarge) var(--spreadLarge) rgba(var(--black), var(--opacity35))) !important; } .shadeLarge\(black40\%\), .hover\/shadeLarge\(black40\%\):hover, .open.open\/shadeLarge\(black40\%\), .open > .open\/shadeLarge\(black40\%\), .focus\/shadeLarge\(black40\%\):focus { filter: drop-shadow(0 var(--offsetLarge) var(--spreadLarge) rgba(var(--black), var(--opacity40))) !important; } .shadeLarge\(black45\%\), .hover\/shadeLarge\(black45\%\):hover, .open.open\/shadeLarge\(black45\%\), .open > .open\/shadeLarge\(black45\%\), .focus\/shadeLarge\(black45\%\):focus { filter: drop-shadow(0 var(--offsetLarge) var(--spreadLarge) rgba(var(--black), var(--opacity45))) !important; } .shadeLarge\(black50\%\), .hover\/shadeLarge\(black50\%\):hover, .open.open\/shadeLarge\(black50\%\), .open > .open\/shadeLarge\(black50\%\), .focus\/shadeLarge\(black50\%\):focus { filter: drop-shadow(0 var(--offsetLarge) var(--spreadLarge) rgba(var(--black), var(--opacity50))) !important; } /* Border */ /*:root { --borderSmall: 1px; --borderRegular: 2px; --borderMedium: 3px; --borderLarge: 4px; }*/ /* Background */ header.background\(blur\) { backdrop-filter: brightness(150%) contrast(50%) blur(30px); -webkit-backdrop-filter: brightness(150%) contrast(50%) blur(30px); background-color: rgba(var(--white), var(--opacity25)) !important; } header.background\(blur\).background\(transparent\) { background: none !important; background-color: var(--transparent) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Media */ /*.content\(html\) iframe { height: calc(100vw * 0.35) !important; } @media (min-width: 600px) and (max-width: 999px) { .content\(html\) iframe { height: calc(100vw * 0.5) !important; } } @media (max-width: 599px) { .content\(html\) iframe { height: calc(100vw * 0.5) !important; } }*/ .background .video > iframe { height: 100% !important; width: 200% !important; min-width: 200% !important; position: relative !important; top: auto !important; left: auto !important; transform: none !important; } /* Icon */ /*:root { --iconTiny: 7px; --iconSmall: 10px; --iconRegular: 15px; --iconMedium: 25px; --iconLarge: 40px; --iconBig: 75px; --iconHuge: 125px; --iconGiant: 200px; }*/ .logo { height: 35px !important; width: 100px !important; } .height\(shape\) { height: 1100px; min-height: 1100px; max-height: 1100px; } @media (min-width: 600px) and (max-width: 999px) { .height\(shape\) { height: 1100px; min-height: 1100px; max-height: 1100px; } } @media (max-width: 599px) { .height\(shape\) { height: 800px; min-height: 800px; max-height: 800px; } } .width\(shape\) { width: 1100px; min-width: 1100px; max-width: 1100px; } @media (min-width: 600px) and (max-width: 999px) { .width\(shape\) { width: 1100px; min-width: 1100px; max-width: 1100px; } } @media (max-width: 599px) { .width\(shape\) { width: 800px; min-width: 800px; max-width: 800px; } } .height\(pin\) { height: 440px; } @media (min-width: 600px) and (max-width: 999px) { .height\(pin\) { height: 440px; } } @media (max-width: 599px) { .height\(pin\) { height: 540px; } } .shape\(regular\), .shape { height: 1251px !important; width: 1036px !important; } [class*="button"] svg.icon\(only\) { margin-left: 0; margin-right: 0; } [class*="button(small)"] svg.icon\(before\) { margin-left: calc(var(--paddingSmall) * -0.50); margin-right: calc(var(--paddingSmall) * 0.50); } [class*="button(small)"] svg.icon\(after\) { margin-left: calc(var(--paddingSmall) * 0.50); margin-right: calc(var(--paddingSmall) * -0.50); } [class*="button(regular)"] svg.icon\(before\), .button svg.icon\(before\) { margin-left: calc(var(--paddingRegular) * -0.50); margin-right: calc(var(--paddingRegular) * 0.50); } [class*="button(regular)"] svg.icon\(after\), .button svg.icon\(after\), .button svg { margin-left: calc(var(--paddingRegular) * 0.50); margin-right: calc(var(--paddingRegular) * -0.50); } [class*="button(medium)"] svg.icon\(before\) { margin-left: calc(var(--paddingMedium) * -0.50); margin-right: calc(var(--paddingMedium) * 0.50); } [class*="button(medium)"] svg.icon\(after\) { margin-left: calc(var(--paddingMedium) * 0.50); margin-right: calc(var(--paddingMedium) * -0.50); } [class*="button(large)"] svg.icon\(before\) { margin-left: calc(var(--paddingLarge) * -0.50); margin-right: calc(var(--paddingLarge) * 0.50); } [class*="button(large)"] svg.icon\(after\) { margin-left: calc(var(--paddingLarge) * 0.50); margin-right: calc(var(--paddingLarge) * -0.50); } [class*="button(small)"] svg { height: var(--iconSmall); width: var(--iconSmall); } [class*="button(regular)"] svg, .button svg { height: var(--iconRegular); width: var(--iconRegular); } [class*="button(medium)"] svg { height: var(--iconMedium); width: var(--iconMedium); } [class*="button(large)"] svg { height: var(--iconLarge); width: var(--iconLarge); } /* Input */ /*:root { --inputSmall: 25px; --inputRegular: 35px; --inputMedium: 50px; --inputLarge: 70px; --paddingSmall: 5px; --paddingRegular: 10px; --paddingMedium: 12.5px; --paddingLarge: 15px; --inputCoefficient: 1.25; }*/ [class*="input("][class*="text("]::placeholder { font-size: inherit !important; font-weight: inherit !important; font-family: inherit !important; } /* Slider */ .slide:not(.active) .inactive\/background\(transparent\) { background-color: var(--transparent) !important; } .slide:not(.active) .inactive\/background\(dark50\%\) { background-color: rgba(var(--dark), var(--opacity50)) !important; } .slide:not(.active) .inactive\/background\(dark75\%\) { background-color: rgba(var(--dark), var(--opacity75)) !important; } .slide:not(.active) .inactive\/background\(smoke75\%\) { background-color: rgba(var(--smoke), var(--opacity75)) !important; } .slide:not(.active) .inactive\/shadow\(none\) { box-shadow: none !important; } .slide:not(.active) .inactive\/text\(dark\) { color: rgba(var(--dark), var(--opacity100)) !important; } .slide:not(.active) .inactive\/text\(white\) { color: rgba(var(--white), var(--opacity100)) !important; } .slide:not(.active) .inactive\/text\(dark50\%\) { color: rgba(var(--dark), var(--opacity50)) !important; } .slide:not(.active) .inactive\/text\(grey75\%\) { color: rgba(var(--grey), var(--opacity75)) !important; } .slide:not(.active) .inactive\/border\(grey75\%\) { border-color: rgba(var(--grey), var(--opacity75)) !important; } .slide:not(.active) .inactive\/opacity\(none\) { opacity: var(--opacity0); } .slide:not(.active) .inactive\/opacity\(50\%\) { opacity: var(--opacity50); } /* Dialog */ /*:root { --dialogSmall: calc(var(--computer) * 0.25); --dialogRegular: calc(var(--computer) * 0.5); --dialogMedium: calc(var(--computer) * 0.75); --dialogLarge: calc(var(--computer) * 1.00); } @media (min-width: 600px) and (max-width: 999px) { :root { --dialogSmall: calc(var(--tablet) * 0.25); --dialogRegular: calc(var(--tablet) * 0.5); --dialogMedium: calc(var(--tablet) * 0.75); --dialogLarge: calc(var(--tablet) * 1.00); } } @media (max-width: 599px) { :root { --dialogSmall: calc(var(--phone) * 0.5); --dialogRegular: calc(var(--phone) * 0.75); --dialogMedium: calc(var(--phone) * 0.85); --dialogLarge: calc(var(--phone) * 1.00); } }*/ /* Header */ header.background\(transparent\) .background { background-color: var(--transparent) !important; box-shadow: none !important; } header:not(.scheme\(reverse\)) .logo\(regular\) { display: flex !important; } header:not(.scheme\(reverse\)) .logo\(reverse\) { display: none !important; } header:not(.background\(transparent\)).scheme\(reverse\) .logo\(regular\) { display: flex !important; } header:not(.background\(transparent\)).scheme\(reverse\) .logo\(reverse\) { display: none !important; } header.background\(transparent\).scheme\(reverse\) .logo\(regular\) { display: none !important; } header.background\(transparent\).scheme\(reverse\) .logo\(reverse\) { display: flex !important; } header.background\(transparent\).scheme\(reverse\) .text\(dark\) { color: rgba(var(--white), var(--opacity100)) !important; } header.background\(transparent\).scheme\(reverse\) .icon\(dark\) { fill: rgba(var(--white), var(--opacity100)) !important; } header.background\(transparent\).scheme\(reverse\) .hover\/icon\(white\):hover { fill: rgba(var(--yellow), var(--opacity100)) !important; } header.background\(transparent\).scheme\(reverse\) .background\(white\) { background-color: rgba(var(--yellow), var(--opacity100)) !important; } header.background\(transparent\).scheme\(reverse\) .hover\/border\(dark25\%\):hover { border-color: rgba(var(--white), var(--opacity25)) !important; } header.background\(transparent\).scheme\(reverse\) .background\(white\).hover\/background\(dark\):hover { background-color: rgba(var(--white), var(--opacity100)) !important; } header.background\(transparent\).scheme\(reverse\) .background\(white\).text\(dark\) { color: rgba(var(--dark), var(--opacity100)) !important; } header.background\(transparent\).scheme\(reverse\) .background\(white\) .icon\(dark\) { fill: rgba(var(--dark), var(--opacity100)) !important; } header.background\(transparent\).scheme\(reverse\) .background\(white\) .hover\/icon\(white\):hover { fill: rgba(var(--dark), var(--opacity100)) !important; } /* Map */ #map *, #map *:hover, #map *:before, #map *:checked:before, #map *:after, #map *:checked:after { transition: none !important; } #map a[rel="noopener"], #map .gmnoprint { display: none !important; } #map .gm-style-moc { display: none !important; } .pac-container { border-radius: var(--radiusRegular) !important; background-color: rgba(var(--white), var(--opacity90)) !important; margin-top: 5px; } .pac-container .pac-item { padding: 10px; align-items: flex-end !important; align-content: flex-end !important; justify-content: flex-start !important; } .pac-container .pac-item .pac-icon { display: none !important; } .pac-container .pac-item .pac-item-query { padding-right: 5px; } .pac-container .pac-item .pac-item-query .pac-matched { padding-left: 5px; padding-right: 5px; } div[slot="visible-gmp-advanced-markers"] { width: unset !important; } .direction\/visibility\(show\):not(.direction) { display: none !important; } .direction\/visibility\(show\).direction { display: flex !important; } .direction\/visibility\(none\):not(.direction) { display: flex !important; } .direction\/visibility\(none\).direction { display: none !important; }