html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
} button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}  html {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; } *,
::before,
::after {
-webkit-box-sizing: border-box;
box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; } hr {
border-top-width: 1px;
} img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #a0aec0;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #a0aec0;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #a0aec0;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
color: #a0aec0;
}
input::placeholder,
textarea::placeholder {
color: #a0aec0;
}
button,
[role="button"] {
cursor: pointer;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
} pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
} img,
video {
max-width: 100%;
height: auto;
}
html {
font-size: 1.25vw;
}
html, body {
background-color: #FFFFFF;
color: #3C3C3C;
font-family: font__inconsolata;
line-height: 1.2;
letter-spacing: 0.625px;
}
.section:not(.section--has-align-wide):not(.section--has-align-full):not(.section--has-align-left):not(.section--has-align-right) .section__inner {
margin-left: auto;
margin-right: auto;
}
.section:not(.section--has-align-wide):not(.section--has-align-full):not(.section--has-align-left):not(.section--has-align-right) .section__inner maxWidth {
min: 0px;
max: 575px;
}
.section:not(.section--has-align-wide):not(.section--has-align-full):not(.section--has-align-left):not(.section--has-align-right) .section__inner {
padding-right: 2rem;
padding-left: 2rem;
}
@media (min-width: 768px) and (max-width: 991px) {
.section:not(.section--has-align-wide):not(.section--has-align-full):not(.section--has-align-left):not(.section--has-align-right) .section__inner {
max-width: 576px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section:not(.section--has-align-wide):not(.section--has-align-full):not(.section--has-align-left):not(.section--has-align-right) .section__inner {
max-width: 768px;
}
}
@media (min-width: 1200px) and (max-width: 1535px) {
.section:not(.section--has-align-wide):not(.section--has-align-full):not(.section--has-align-left):not(.section--has-align-right) .section__inner {
max-width: 992px;
}
}
@media (min-width: 1536px) and (max-width: 1679px) {
.section:not(.section--has-align-wide):not(.section--has-align-full):not(.section--has-align-left):not(.section--has-align-right) .section__inner {
max-width: 1200px;
}
}
@media (min-width: 1680px) {
.section:not(.section--has-align-wide):not(.section--has-align-full):not(.section--has-align-left):not(.section--has-align-right) .section__inner {
max-width: 1200px;
}
}
.wrap__breadcrumb .navigation, .section.section--has-align-wide .section__inner, .body__footer .footer__inner {
margin-left: auto;
margin-right: auto;
}
.wrap__breadcrumb .navigation maxWidth, .section.section--has-align-wide .section__inner maxWidth, .body__footer .footer__inner maxWidth {
min: 576px;
max: 767px;
}
.wrap__breadcrumb .navigation, .section.section--has-align-wide .section__inner, .body__footer .footer__inner {
padding-right: 2rem;
padding-left: 2rem;
}
@media (min-width: 576px) and (max-width: 767px) {
.wrap__breadcrumb .navigation, .section.section--has-align-wide .section__inner, .body__footer .footer__inner {
max-width: 576px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wrap__breadcrumb .navigation, .section.section--has-align-wide .section__inner, .body__footer .footer__inner {
max-width: 768px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.wrap__breadcrumb .navigation, .section.section--has-align-wide .section__inner, .body__footer .footer__inner {
max-width: 992px;
}
}
@media (min-width: 1200px) and (max-width: 1535px) {
.wrap__breadcrumb .navigation, .section.section--has-align-wide .section__inner, .body__footer .footer__inner {
max-width: 1200px;
}
}
@media (min-width: 1536px) and (max-width: 1679px) {
.wrap__breadcrumb .navigation, .section.section--has-align-wide .section__inner, .body__footer .footer__inner {
max-width: 1536px;
padding-right: 3rem;
padding-left: 3rem;
}
}
@media (min-width: 1680px) {
.wrap__breadcrumb .navigation, .section.section--has-align-wide .section__inner, .body__footer .footer__inner {
max-width: 1680px;
padding-right: 3rem;
padding-left: 3rem;
}
}
.section.section--has-align-full .section__inner .slider.slider--post .slider__wrapper {
margin-left: auto;
margin-right: auto;
}
.section.section--has-align-full .section__inner .slider.slider--post .slider__wrapper maxWidth {
min: 576px;
max: 767px;
}
.section.section--has-align-full .section__inner .slider.slider--post .slider__wrapper {
padding-right: 2rem;
padding-left: 2rem;
}
@media (min-width: 576px) and (max-width: 767px) {
.section.section--has-align-full .section__inner .slider.slider--post .slider__wrapper {
max-width: 576px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.section.section--has-align-full .section__inner .slider.slider--post .slider__wrapper {
max-width: 768px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section.section--has-align-full .section__inner .slider.slider--post .slider__wrapper {
max-width: 992px;
}
}
@media (min-width: 1200px) and (max-width: 1535px) {
.section.section--has-align-full .section__inner .slider.slider--post .slider__wrapper {
max-width: 1200px;
}
}
@media (min-width: 1536px) and (max-width: 1679px) {
.section.section--has-align-full .section__inner .slider.slider--post .slider__wrapper {
padding-right: 3rem;
padding-left: 3rem;
}
.section.section--has-align-full .section__inner .slider.slider--post .slider__wrapper maxWidth {
min: 1536px;
max: 1679px;
}
}
@media (min-width: 1680px) {
.section.section--has-align-full .section__inner .slider.slider--post .slider__wrapper {
max-width: 1680px;
padding-right: 3rem;
padding-left: 3rem;
}
}
.section.section--has-align-full .section__inner {
width: 100%;
margin-left: auto;
margin-right: auto;
}
@-webkit-keyframes animation--marquee{
from{
left:-100%
}
to{
left:-1000%
}
}
@-o-keyframes animation--marquee{
from{
left:-100%
}
to{
left:-1000%
}
}
@keyframes animation--marquee{
from{
left:-100%
}
to{
left:-1000%
}
}
@font-face{
font-family:"font__caveat-brush";
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__caveat-brush--400.eot);
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__caveat-brush--400.eot?#iefix) format("embedded-opentype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__caveat-brush--400.woff2) format("woff2"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__caveat-brush--400.woff) format("woff"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__caveat-brush--400.ttf) format("truetype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__caveat-brush--400.svg#font__caveat-brush--400) format("svg");
font-display:swap;
font-weight:400;
font-style:normal
}
@font-face{
font-family:"font__inconsolata";
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata--400.eot);
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata--400.eot?#iefix) format("embedded-opentype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata--400.woff2) format("woff2"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata--400.woff) format("woff"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata--400.ttf) format("truetype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata--400.svg#font__inconsolata--400) format("svg");
font-display:swap;
font-weight:400;
font-style:normal
}
@font-face{
font-family:"font__inconsolata";
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata--700.eot);
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata--700.eot?#iefix) format("embedded-opentype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata--700.woff2) format("woff2"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata--700.woff) format("woff"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata--700.ttf) format("truetype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata--700.svg#font__inconsolata--700) format("svg");
font-display:swap;
font-weight:700;
font-style:normal
}
@font-face{
font-family:"font__inconsolata-condensed";
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-condensed--700.eot);
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-condensed--700.eot?#iefix) format("embedded-opentype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-condensed--700.woff2) format("woff2"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-condensed--700.woff) format("woff"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-condensed--700.ttf) format("truetype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-condensed--700.svg#font__inconsolata-condensed--700) format("svg");
font-display:swap;
font-weight:700;
font-style:normal
}
@font-face{
font-family:"font__inconsolata-condensed";
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-condensed--800.eot);
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-condensed--800.eot?#iefix) format("embedded-opentype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-condensed--800.woff2) format("woff2"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-condensed--800.woff) format("woff"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-condensed--800.ttf) format("truetype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-condensed--800.svg#font__inconsolata-condensed--800) format("svg");
font-display:swap;
font-weight:800;
font-style:normal
}
@font-face{
font-family:"font__inconsolata-extra-condensed";
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-extra-condensed--800.eot);
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-extra-condensed--800.eot?#iefix) format("embedded-opentype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-extra-condensed--800.woff2) format("woff2"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-extra-condensed--800.woff) format("woff"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-extra-condensed--800.ttf) format("truetype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-extra-condensed--800.svg#font__inconsolata-extra-condensed--800) format("svg");
font-display:swap;
font-weight:800;
font-style:normal
}
@font-face{
font-family:"font__inconsolata-extra-condensed";
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-extra-condensed--900.eot);
src:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-extra-condensed--900.eot?#iefix) format("embedded-opentype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-extra-condensed--900.woff2) format("woff2"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-extra-condensed--900.woff) format("woff"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-extra-condensed--900.ttf) format("truetype"),url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/font__inconsolata-extra-condensed--900.svg#font__inconsolata-extra-condensed--900) format("svg");
font-display:swap;
font-weight:900;
font-style:normal
}
html{
overflow-x: hidden
}
@media(max-width: 1199px){
html{
font-size:100%
}
}
@media(min-width: 1680px){
html{
font-size:22px
}
}
body{
overflow-y: hidden;
overflow-x: hidden;
background-position: center;
background-repeat: repeat-y;
background-size: contain;
background-image:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/img__bg.jpg)
}
body,body *{
font-variant-ligatures:none;
-webkit-font-variant-ligatures:none;
text-rendering:optimizeLegibility
}
body::-moz-selection, body *::-moz-selection{
color: #FFFFFF;
background:#3C3C3C
}
body::selection,body *::selection{
color: #FFFFFF;
background:#3C3C3C
}
body:focus,body *:focus{
-webkit-box-shadow:none !important;
box-shadow:none !important;
outline:none
}
body:focus-visible,body *:focus-visible{
-webkit-box-shadow:none !important;
box-shadow:none !important;
outline-width: !important;
outline-style:dotted !important;
outline-color:#3C3C3C;
outline-offset:.25rem !important;
-webkit-transition:none !important;
-o-transition:none !important;
transition:none !important;
z-index:1300
}
body::-webkit-scrollbar{
width:.5rem;
height:.5rem
}
body::-webkit-scrollbar-track{
background-color: transparent
}
body::-webkit-scrollbar-thumb{
background-color: #3C3C3C
}
body.body--preloader-is-active,body.body--menu-is-active{
overflow: hidden
}
*[class*="--has-align-left"]{
text-align:left
}
*[class*="--has-align-center"]{
text-align:center
}
*[class*="--has-align-right"]{
text-align:right
}
*[class*="--has-position-top"]{
-webkit-box-align:top;
-ms-flex-align:top;
align-items:top
}
*[class*="--has-position-center"]{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
*[class*="--has-position-bottom"]{
-webkit-box-align:bottom;
-ms-flex-align:bottom;
align-items:bottom
}
*[class*="--has-position-left"]{
-webkit-box-align:left;
-ms-flex-align:left;
align-items:left
}
*[class*="--has-position-right"]{
-webkit-box-align:right;
-ms-flex-align:right;
align-items:right
}
*[class*="--has-direction-horizontal"]{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
*[class*="--has-direction-vertical"]{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
*[class*="--has-background-blue"]{
background-color: #0087DC
}
*[class*="--has-background-white"]{
background-color: #FFFFFF
}
*[class*="--has-background-black"]{
background-color: #3C3C3C
}
*[class*="--has-color-blue"],*[class*="--has-color-blue"] *{
color: #0087DC
}
*[class*="--has-color-white"],*[class*="--has-color-white"] *{
color: #FFFFFF
}
*[class*="--has-color-black"],*[class*="--has-color-black"] *{
color: #3C3C3C
}
*[class*="--has-family-caveat-brush"],*[class*="--has-family-caveat-brush"] *{
font-family: font__caveat-brush
}
*[class*="--has-family-inconsolata"],*[class*="--has-family-inconsolata"] *{
font-family: font__inconsolata
}
*[class*="--has-family-inconsolata-condensed"],*[class*="--has-family-inconsolata-condensed"] *{
font-family: font__inconsolata-condensed
}
*[class*="--has-family-inconsolata-extra-condensed"],*[class*="--has-family-inconsolata-extra-condensed"] *{
font-family: font__inconsolata-extra-condensed
}
*[class*="--has-size-base"],*[class*="--has-size-base"] *{
font-size: 1rem
}
*[class*="--has-size-small"],*[class*="--has-size-small"] *{
font-size: 0.72rem
}
*[class*="--has-size-title-0"],*[class*="--has-size-title-0"] *{
font-size: 6rem
}
*[class*="--has-size-title-1"],*[class*="--has-size-title-1"] *{
font-size: 5rem
}
*[class*="--has-size-title-2"],*[class*="--has-size-title-2"] *{
font-size: 4rem
}
*[class*="--has-size-title-3"],*[class*="--has-size-title-3"] *{
font-size: 3rem
}
*[class*="--has-size-title-4"],*[class*="--has-size-title-4"] *{
font-size: 1.60rem
}
*[class*="--has-size-title-5"],*[class*="--has-size-title-5"] *{
font-size: 1.28rem
}
*[class*="--has-size-title-6"],*[class*="--has-size-title-6"] *{
font-size: 1rem
}
@media(max-width: 991px){
*[class*="--has-size-title-0"],*[class*="--has-size-title-0"] *{
font-size: 5rem
}
}
@media(max-width: 991px){
*[class*="--has-size-title-1"],*[class*="--has-size-title-1"] *{
font-size: 4rem
}
}
@media(max-width: 991px){
*[class*="--has-size-title-2"],*[class*="--has-size-title-2"] *{
font-size: 4rem
}
}
@media(max-width: 991px){
*[class*="--has-size-title-3"],*[class*="--has-size-title-3"] *{
font-size: 4rem
}
}
@media(max-width: 991px){
*[class*="--has-size-title-4"],*[class*="--has-size-title-4"] *{
font-size: 1.60rem
}
}
@media(max-width: 991px){
*[class*="--has-size-small"],*[class*="--has-size-small"] *{
font-size: 1rem
}
}
*[class*="--has-leading-0dot1"]{
line-height:.1 !important
}
*[class*="--has-leading-0dot2"]{
line-height:.2 !important
}
*[class*="--has-leading-0dot3"]{
line-height:.3 !important
}
*[class*="--has-leading-0dot4"]{
line-height:.4 !important
}
*[class*="--has-leading-0dot5"]{
line-height:.5 !important
}
*[class*="--has-leading-0dot6"]{
line-height:.6 !important
}
*[class*="--has-leading-0dot7"]{
line-height:.7 !important
}
*[class*="--has-leading-0dot8"]{
line-height:.8 !important
}
*[class*="--has-leading-0dot9"]{
line-height:.9 !important
}
*[class*="--has-leading-1"]{
line-height:1 !important
}
*[class*="--has-leading-1dot1"]{
line-height:1.1 !important
}
*[class*="--has-leading-1dot2"]{
line-height:1.2 !important
}
*[class*="--has-leading-1dot3"]{
line-height:1.3 !important
}
*[class*="--has-leading-1dot4"]{
line-height:1.4 !important
}
*[class*="--has-leading-1dot5"]{
line-height:1.5 !important
}
*[class*="--has-leading-1dot6"]{
line-height:1.6 !important
}
*[class*="--has-leading-1dot7"]{
line-height:1.7 !important
}
*[class*="--has-leading-1dot8"]{
line-height:1.8 !important
}
*[class*="--has-leading-1dot9"]{
line-height:1.9 !important
}
*[class*="--has-leading-2"]{
line-height:2 !important
}
*[class*="--has-weight-normal"],*[class*="--has-weight-normal"] *{
font-weight: 400
}
*[class*="--has-weight-bold"],*[class*="--has-weight-bold"] *{
font-weight: 700
}
*[class*="--has-weight-extra-bold"],*[class*="--has-weight-extra-bold"] *{
font-weight: 800
}
*[class*="--has-weight-black"],*[class*="--has-weight-black"] *{
font-weight: 900
}
*[class*="--has-transform-uppercase"],*[class*="--has-transform-uppercase"] *{
text-transform: uppercase
}
*[class*="--has-transform-lowercase"],*[class*="--has-transform-lowercase"] *{
text-transform: lowercase
}
*[class*="--has-transform-capitalize"],*[class*="--has-transform-capitalize"] *{
text-transform: capitalize
}
*[class*="--has-transform-normal-case"],*[class*="--has-transform-normal-case"] *{
text-transform: none
}
*[class*="--screenreader"]{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
*[class*="--overlay"]{
position: absolute;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
border-width: 0;
text-indent:-9999em;
z-index:10
}
@media(min-width: 992px){
*[class*="--has-visible-mobile"]{
display: none
}
}
@media(max-width: 991px){
*[class*="--has-visible-desktop"]{
display: none
}
}
.blockquote{
margin-top: 0;
margin-bottom: 2rem
}
.blockquote .blockquote__text{
margin-bottom: 2rem;
font-family: font__caveat-brush
}
@media(min-width: 1200px){
.blockquote .blockquote__text{
margin-left: 1.5rem;
margin-right: 1.5rem
}
}
.blockquote .blockquote__text span{
display: inline-block
}
.blockquote .blockquote__cite{
text-align: center
}
.blockquote .blockquote__cite,.blockquote .blockquote__cite *{
color: #3C3C3C;
font-size: 1rem;
font-style: italic;
text-transform: uppercase
}
.button{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
margin-bottom: 2rem;
text-decoration: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius:0 !important;
-webkit-appearance:none
}
.button,.button *{
line-height: 1.2;
-webkit-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:all .75s cubic-bezier(0.19, 1, 0.22, 1)
}
@media(max-width: 991px){
.button,.button *{
font-size: 1.60rem
}
}
@media(min-width: 992px){
.button,.button *{
font-size: 1rem
}
}
.button:not([disabled]){
cursor: pointer
}
.button[disabled]{
cursor: not-allowed
}
.button[class*="--overlay"]{
margin-bottom: 0
}
.button[class*="--has-icon"] *[class*=__icon]{
z-index:1
}
.button[class*="--has-icon"] *[class*=__icon],.button[class*="--has-icon"] *[class*=__icon] *{
width: 1.5rem;
height: 1.5rem
}
.button[class*="--has-icon"][class*=-before] *[class*=__text]+*[class*=__icon]{
margin-right: .5rem
}
.button[class*="--has-icon"][class*=-before] *[class*=__icon]{
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.button[class*="--has-icon"][class*=-after] *[class*=__text]+*[class*=__icon]{
margin-left: .5rem
}
.button[class*="--has-icon"][class*=-after] *[class*=__icon]{
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.button[class*="--has-icon"]:not([class*="--has-background-"])::after{
display: block;
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: #0087DC;
-webkit-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:all .75s cubic-bezier(0.19, 1, 0.22, 1)
}
.button[class*="--has-icon"]:not([class*="--has-background-"]):not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:focus):not([class*="--is-focus"]):not(:hover):not([class*="--is-hover"]):not([disabled])::after{
width: 0
}
.button[class*="--has-background-blue"][class*="--cta"]:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:focus):not([class*="--is-focus"]):not(:hover):not([class*="--is-hover"]):not([disabled]){
background-color:
}
.button[class*="--has-background-blue"][class*="--cta"]:active,.button[class*="--has-background-blue"][class*="--cta"][class*="--is-active"],.button[class*="--has-background-blue"][class*="--cta"]:focus,.button[class*="--has-background-blue"][class*="--cta"][class*="--is-focus"],.button[class*="--has-background-blue"][class*="--cta"]:hover,.button[class*="--has-background-blue"][class*="--cta"][class*="--is-hover"]{
background-color:
}
.button[class*="--has-background-blue"][class*="--has-outline"]{
border-color: #0087DC
}
.button[class*="--has-background-blue"][class*="--has-outline"]:not([class*="--has-color-"]):not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:focus):not([class*="--is-focus"]):not(:hover):not([class*="--is-hover"]):not([disabled]){
color: #0087DC
}
.button[class*="--has-background-white"][class*="--cta"]:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:focus):not([class*="--is-focus"]):not(:hover):not([class*="--is-hover"]):not([disabled]){
background-color:
}
.button[class*="--has-background-white"][class*="--cta"]:active,.button[class*="--has-background-white"][class*="--cta"][class*="--is-active"],.button[class*="--has-background-white"][class*="--cta"]:focus,.button[class*="--has-background-white"][class*="--cta"][class*="--is-focus"],.button[class*="--has-background-white"][class*="--cta"]:hover,.button[class*="--has-background-white"][class*="--cta"][class*="--is-hover"]{
background-color:
}
.button[class*="--has-background-white"][class*="--has-outline"]{
border-color: #FFFFFF
}
.button[class*="--has-background-white"][class*="--has-outline"]:not([class*="--has-color-"]):not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:focus):not([class*="--is-focus"]):not(:hover):not([class*="--is-hover"]):not([disabled]){
color: #FFFFFF
}
.button[class*="--has-background-black"][class*="--cta"]:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:focus):not([class*="--is-focus"]):not(:hover):not([class*="--is-hover"]):not([disabled]){
background-color:
}
.button[class*="--has-background-black"][class*="--cta"]:active,.button[class*="--has-background-black"][class*="--cta"][class*="--is-active"],.button[class*="--has-background-black"][class*="--cta"]:focus,.button[class*="--has-background-black"][class*="--cta"][class*="--is-focus"],.button[class*="--has-background-black"][class*="--cta"]:hover,.button[class*="--has-background-black"][class*="--cta"][class*="--is-hover"]{
background-color:
}
.button[class*="--has-background-black"][class*="--has-outline"]{
border-color: #3C3C3C
}
.button[class*="--has-background-black"][class*="--has-outline"]:not([class*="--has-color-"]):not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:focus):not([class*="--is-focus"]):not(:hover):not([class*="--is-hover"]):not([disabled]){
color: #3C3C3C
}
.button:not([class*="--has-background-"]){
background-color: transparent;
border-width: 0
}
.button[class*="--has-background-"]{
padding-left: 1.5rem;
padding-right: 1.5rem;
-webkit-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:all .75s cubic-bezier(0.19, 1, 0.22, 1)
}
@media(max-width: 991px){
.button[class*="--has-background-"]{
padding-top: .5rem;
padding-bottom: .5rem
}
}
@media(min-width: 992px){
.button[class*="--has-background-"]{
padding-top: .25rem;
padding-bottom: .25rem
}
}
.button[class*="--has-background-"]:not([class*="--has-color-"]):not([class*="--has-outline"]),.button[class*="--has-background-"]:not([class*="--has-color-"]):not([class*="--has-outline"]) *{
color: #FFFFFF;
fill: #FFFFFF
}
.button:not([class*="--has-color-"]):not([class*="--has-outline"]),.button:not([class*="--has-color-"]):not([class*="--has-outline"]) *{
color: #3C3C3C
}
.button:not([class*="--has-color-"]):active,.button:not([class*="--has-color-"])[class*="--is-active"],.button:not([class*="--has-color-"]):focus,.button:not([class*="--has-color-"])[class*="--is-focus"],.button:not([class*="--has-color-"]):hover,.button:not([class*="--has-color-"])[class*="--is-hover"]{
text-decoration: underline
}
.button[class*="--has-outline"]{
border-width:3px
}
.button[class*="--has-outline"]:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:focus):not([class*="--is-focus"]):not(:hover):not([class*="--is-hover"]):not([disabled]){
background-color: transparent
}
.button[class*="--has-outline"]:not([class*="--has-background-white"]):active,.button[class*="--has-outline"]:not([class*="--has-background-white"]):active *,.button[class*="--has-outline"]:not([class*="--has-background-white"])[class*="--is-active"],.button[class*="--has-outline"]:not([class*="--has-background-white"])[class*="--is-active"] *,.button[class*="--has-outline"]:not([class*="--has-background-white"]):focus,.button[class*="--has-outline"]:not([class*="--has-background-white"]):focus *,.button[class*="--has-outline"]:not([class*="--has-background-white"])[class*="--is-focus"],.button[class*="--has-outline"]:not([class*="--has-background-white"])[class*="--is-focus"] *,.button[class*="--has-outline"]:not([class*="--has-background-white"]):hover,.button[class*="--has-outline"]:not([class*="--has-background-white"]):hover *,.button[class*="--has-outline"]:not([class*="--has-background-white"])[class*="--is-hover"],.button[class*="--has-outline"]:not([class*="--has-background-white"])[class*="--is-hover"] *{
color: #FFFFFF
}
.button[class*="--cta"]{
font-family: font__inconsolata-condensed;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2.5px
}
@media(max-width: 991px){
.button[class*="--cta"]{
width: 100%
}
}
.button[class*="--cta"]:focus,.button[class*="--cta"][class*="--is-focus"],.button[class*="--cta"]:hover,.button[class*="--cta"][class*="--is-hover"]{
text-decoration: none
}
.button[class*="--download"]{
font-family: font__inconsolata-condensed;
font-weight: 800;
text-transform: uppercase;
text-decoration: underline;
letter-spacing: 2.5px
}
@media(max-width: 991px){
.button[class*="--download"]{
width: 100%
}
}
.button[class*="--download"],.button[class*="--download"] *{
font-size: 1.60rem
}
.button[class*="--download"]:focus,.button[class*="--download"][class*="--is-focus"],.button[class*="--download"]:hover,.button[class*="--download"][class*="--is-hover"]{
text-decoration: underline
}
.button[class*="--download"][class*="--has-icon"] *[class*=__icon],.button[class*="--download"][class*="--has-icon"] *[class*=__icon] *{
width: 2rem;
height: 2rem
}
.button[class*="--menu"]{
width: 3rem;
height: 3rem;
margin: 0;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index:1001
}
.button[class*="--menu"] .button__icon{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
.button[class*="--menu"] .button__icon .icon__line{
width: 100%;
height: .25rem;
background-color: #0087DC;
-webkit-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:all .75s cubic-bezier(0.19, 1, 0.22, 1)
}
.button[class*="--menu"][aria-expanded=true] .button__icon .icon__line:first-child{
-webkit-transform:translate(0, 0.8rem) rotate(-45deg);
-o-transform:translate(0, 0.8rem) rotate(-45deg);
transform:translate(0, 0.8rem) rotate(-45deg)
}
.button[class*="--menu"][aria-expanded=true] .button__icon .icon__line:nth-child(2){
width: 0;
margin-left:50%
}
.button[class*="--menu"][aria-expanded=true] .button__icon .icon__line:last-child{
-webkit-transform:translate(0, -0.8rem) rotate(45deg);
-o-transform:translate(0, -0.8rem) rotate(45deg);
transform:translate(0, -0.8rem) rotate(45deg)
}
.button[class*="--prev"] *[class*="--svg"],.button[class*="--prev"] *[class*="--svg"] *,.button[class*="--next"] *[class*="--svg"],.button[class*="--next"] *[class*="--svg"] *{
width: 1.5rem;
height: 1.5rem;
stroke:#0087DC
}
.button[class*="--prev"][class*="--has-background-"]:not([class*="--has-color-"]),.button[class*="--prev"][class*="--has-background-"]:not([class*="--has-color-"]) *,.button[class*="--next"][class*="--has-background-"]:not([class*="--has-color-"]),.button[class*="--next"][class*="--has-background-"]:not([class*="--has-color-"]) *{
fill: transparent
}
@media(max-width: 991px){
.buttons{
width: 100%
}
}
.link{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 2rem;
-webkit-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:all .75s cubic-bezier(0.19, 1, 0.22, 1)
}
.link[class*="--overlay"]{
margin-bottom: 0
}
.link:not([class*="--has-color-"]){
color: #3C3C3C
}
.link:not([class*="--has-inline-"]):not(:hover){
text-decoration: none
}
.link[class*="--has-inline-"]{
margin-bottom: 0
}
.link[class*="--has-inline-"]:not([class*="--has-color-"]){
color: #0087DC
}
.link[class*="--has-inline-"]:hover{
color: #0087DC;
text-decoration: underline
}
.columns{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
grid-gap: 4rem;
gap: 4rem
}
@media(max-width: 991px){
.columns{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media(min-width: 992px){
.columns{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
.columns[class*="--has-position-top"]{
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.columns[class*="--has-position-center"]{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.columns[class*="--has-position-bottom"]{
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.columns[class*="--has-align-left"]{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.columns[class*="--has-align-right"]{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.columns+.columns{
margin-top: 4rem
}
.columns *[class*=columns__column]{
position: relative
}
@media(max-width: 991px){
.columns *[class*=columns__column]{
width: 100%
}
}
@media(max-width: 991px){
.columns *[class*=columns__column]:not([hidden])~*:not([hidden]){
margin-bottom: 0
}
}
.columns *[class*=columns__column]>*:last-child{
margin-bottom:0 !important
}
.columns *[class*=columns__column]:not([class*="--has-width-"]){
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%
}
@media(max-width: 991px){
.columns[class*="--has-medium"]{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media(min-width: 768px)and (max-width: 991px){
.columns[class*="--has-medium"] .medium{
margin-left: auto;
margin-right: auto;
width: 75%
}
}
@media(min-width: 992px){
.columns[class*="--has-medium"][class*="--has-position-right"]{
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
.section--cover{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
overflow: hidden
}
.section--cover[class*="--has-position-top-left"] .section__inner{
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.section--cover[class*="--has-position-top-center"] .section__inner{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.section--cover[class*="--has-position-top-right"] .section__inner{
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.section--cover[class*="--has-position-left"] .section__inner{
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.section--cover[class*="--has-position-center"] .section__inner{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.section--cover[class*="--has-position-right"] .section__inner{
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.section--cover[class*="--has-position-bottom-left"] .section__inner{
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.section--cover[class*="--has-position-bottom-center"] .section__inner{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.section--cover[class*="--has-position-bottom-right"] .section__inner{
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.section--cover:not([class*="--has-position-"]) .section__inner{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.section--cover[class*="--has-overlay-blue"] .section__medium[class*=medium]::after{
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #0087DC;
content:""
}
.section--cover[class*="--has-overlay-white"] .section__medium[class*=medium]::after{
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #FFFFFF;
content:""
}
.section--cover[class*="--has-overlay-black"] .section__medium[class*=medium]::after{
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #3C3C3C;
content:""
}
.section--cover[class*="--has-overlay-ratio-10"] .section__medium[class*=medium]::after{
opacity:calc(10/100)
}
.section--cover[class*="--has-overlay-ratio-20"] .section__medium[class*=medium]::after{
opacity:calc(20/100)
}
.section--cover[class*="--has-overlay-ratio-30"] .section__medium[class*=medium]::after{
opacity:calc(30/100)
}
.section--cover[class*="--has-overlay-ratio-40"] .section__medium[class*=medium]::after{
opacity:calc(40/100)
}
.section--cover[class*="--has-overlay-ratio-50"] .section__medium[class*=medium]::after{
opacity:calc(50/100)
}
.section--cover[class*="--has-overlay-ratio-60"] .section__medium[class*=medium]::after{
opacity:calc(60/100)
}
.section--cover[class*="--has-overlay-ratio-70"] .section__medium[class*=medium]::after{
opacity:calc(70/100)
}
.section--cover[class*="--has-overlay-ratio-80"] .section__medium[class*=medium]::after{
opacity:calc(80/100)
}
.section--cover[class*="--has-overlay-ratio-90"] .section__medium[class*=medium]::after{
opacity:calc(90/100)
}
.section--cover .section__inner{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
height: 100vh;
padding-left: 2rem;
padding-right: 2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height:-webkit-fill-available;
z-index:1
}
.section--cover .section__medium{
position: absolute;
width: 100%;
height: 100%;
margin-bottom: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index:-1
}
.section--cover .section__medium .medium__wrapper .medium__medium{
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.section--cover .buttons{
margin-top: auto
}
.section--cover .buttons .buttons__button{
margin-bottom: 0
}
.field{
background-color: transparent;
border-width: 2px;
border-color: #3C3C3C;
line-height: 1.2;
text-align: left;
letter-spacing: 0.625px;
padding:.5rem !important;
padding-right:.75rem !important;
padding-left:.75rem !important;
border-radius:0 !important;
font-size:1rem !important;
-moz-text-align-last:left;
text-align-last:left;
-webkit-transition:padding .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:padding .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:padding .75s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-appearance:none
}
:not(textarea).field:not([type=checkbox]).field:not([type=number]).field:not([type=radio]).field:not(:focus-visible){
padding-right:0 !important;
padding-left:0 !important;
border-top-color:rgba(0,0,0,0);
border-right-color:rgba(0,0,0,0);
border-left-color:rgba(0,0,0,0)
}
.field:focus{
-webkit-box-shadow: none;
box-shadow: none
}
.field::-webkit-input-placeholder{
color: #3C3C3C;
opacity: 1
}
.field::-moz-placeholder{
color: #3C3C3C;
opacity: 1
}
.field:-ms-input-placeholder{
color: #3C3C3C;
opacity: 1
}
.field::-ms-input-placeholder{
color: #3C3C3C;
opacity: 1
}
.field::placeholder{
color: #3C3C3C;
opacity: 1
}
.field[type=checkbox]{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 1rem;
height: 1rem;
background-color: transparent;
border-width: 2px;
border-color: #3C3C3C;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding:0 !important;
-ms-flex-negative:0;
flex-shrink:0
}
.field[type=checkbox]::before{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
width:200%;
height:200%;
top:-70%;
left:-50%;
font-size:3rem !important
}
.field[type=checkbox]:checked::before{
content:"x"
}
.field[type=email]{
opacity: 1
}
.field[type="--number"]{
opacity: 1
}
.field[type=radio]{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 2rem;
height: 2rem;
background-color: transparent;
border-width: 1px;
border-color: #3C3C3C;
border-radius: 9999px;
padding:0 !important;
-ms-flex-negative:0;
flex-shrink:0
}
.field[type=search]{
opacity: 1
}
select.field option[value=""]::-webkit-input-placeholder{
color: #3C3C3C
}
select.field option[value=""]::-moz-placeholder{
color: #3C3C3C
}
select.field option[value=""]:-ms-input-placeholder{
color: #3C3C3C
}
select.field option[value=""]::-ms-input-placeholder{
color: #3C3C3C
}
select.field option[value=""],select.field option[value=""]::placeholder{
color: #3C3C3C
}
.field[type=text]{
opacity: 1
}
textarea.field{
height: 8rem
}
.a-form{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-left: auto;
margin-right: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.a-form .form__set{
margin: 0;
padding: 0;
border-width: 0
}
.a-form .form__legend{
display: none
}
.a-form .form__group{
display: grid;
grid-auto-flow: column;
grid-auto-columns: auto
}
.a-form .form__group .field{
width: 100%
}
.a-form .form__wrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.a-form .form__wrap[class*="--checkbox"],.a-form .form__wrap[class*="--radio"]{
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.a-form .form__wrap[class*="--checkbox"] .form__label,.a-form .form__wrap[class*="--radio"] .form__label{
margin-left: 1rem
}
.a-form .form__button[class*="--submit"]{
margin-bottom: 0
}
.form{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-left: auto;
margin-right: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.form .form__set{
margin: 0;
padding: 0;
border-width: 0
}
.form .form__legend{
display: none
}
.form .form__group{
display: grid;
grid-auto-flow: column;
grid-auto-columns: auto
}
.form .form__group .field{
width: 100%
}
.form .form__wrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.form .form__wrap[class*="--checkbox"],.form .form__wrap[class*="--radio"]{
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.form .form__wrap[class*="--checkbox"] .form__label,.form .form__wrap[class*="--radio"] .form__label{
margin-left: 1rem
}
.form .form__button[class*="--submit"]{
margin-bottom: 0
}
.form[class*="--gravity"] input{
-webkit-box-flex:0 !important;
-ms-flex:0 0 auto !important;
flex:0 0 auto !important
}
.form[class*="--gravity"] input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){
min-height:inherit !important;
line-height:inherit !important
}
.form[class*="--gravity"] .gfield{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media(max-width: 767px){
.form[class*="--gravity"] .gfield[class*="--width-half"],.form[class*="--gravity"] .gfield[class*="--width-full"]{
width: 100%
}
}
.form[class*="--gravity"] .gfield.field_description_below .help{
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
.form[class*="--gravity"] .ginput_container .gf_clear{
display: none
}
.form[class*="--gravity"] .ginput_container.ginput_container_address{
grid-gap: 1rem;
gap: 1rem;
margin-right:0 !important;
margin-left:0 !important
}
.form[class*="--gravity"] .ginput_container.ginput_container_address span{
margin-bottom:0 !important;
padding-right:0 !important;
padding-left:0 !important;
-webkit-box-flex:1 !important;
-ms-flex:1 !important;
flex:1 !important
}
.form[class*="--gravity"] .ginput_container.ginput_container_address span[class*=_full]{
-ms-flex-preferred-size:100% !important;
flex-basis:100% !important
}
.form[class*="--gravity"] .gform_validation_container{
display: none
}
@media(max-width: 767px){
.form[class*="--gravity"] .gform_body{
width: 100%
}
}
.form[class*="--gravity"] .gform_body .gform_fields{
gap:1rem !important
}
.form[class*="--gravity"] .gform_footer{
width: 100%;
margin:0 !important;
margin-top:1.5rem !important;
padding:0 !important
}
.form[class*="--gravity"] .gform_footer .buttons{
width: 100%
}
.form[class*="--gravity"] .field:not([type=checkbox]):not([type=radio]){
width: 100%
}
.form[class*="--gravity"] .form__wrap{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 1rem;
gap: 1rem;
padding:0 !important
}
.form[class*="--gravity"] .form__wrap[class*="--checkbox"],.form[class*="--gravity"] .form__wrap[class*="--radio"]{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.form[class*="--gravity"] .form__wrap>.form__wrap{
margin-bottom: 0
}
.form[class*="--gravity"] .gfield_price label{
position: relative;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip:inherit !important
}
.form[class*="--gravity"] .gfield_price label,.form[class*="--gravity"] .gfield_price label *{
text-transform: uppercase;
color:#0087DC !important;
font-size:1rem !important
}
.form[class*="--gravity"] .gfield_price.field_description_below .help{
-webkit-box-ordinal-group:inherit;
-ms-flex-order:inherit;
order:inherit
}
.form[class*="--gravity"] .ginput_container_singleproduct,.form[class*="--gravity"] .ginput_container_singleproduct *{
color:#3C3C3C !important;
font-size:1rem !important
}
.form[class*="--gravity"] .ginput_container_singleproduct .ginput_product_price_wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex:nowrap;
-ms-flex:nowrap;
flex:nowrap
}
.form[class*="--gravity"] .ginput_container_singleproduct .ginput_quantity_label{
margin-left:auto
}
.form[class*="--gravity"] .ginput_container_singleproduct .field[type=number]{
width:auto !important;
min-width:2rem !important;
max-width:3rem !important;
text-align:center !important
}
.group[class*="--has-collage"] .group__inner{
display: grid;
grid-template-rows: repeat(6, minmax(0, 1fr));
grid-template-columns: repeat(10, minmax(0, 1fr))
}
.group[class*="--has-collage"] .group__inner>.title{
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
}
.group[class*="--has-collage"] .group__inner .medium{
margin-bottom: 0
}
.group[class*="--has-collage"]:not([class*="--has-align-left"]) .group__inner>.title{
grid-row-start: 1;
grid-row-end: 5;
grid-column-start: 1;
grid-column-end: 9;
z-index:2
}
.group[class*="--has-collage"]:not([class*="--has-align-left"]) .group__inner .medium{
grid-row-start: 1;
grid-row-end: 5;
grid-column-start: 5;
grid-column-end: 11;
z-index:0
}
.group[class*="--has-collage"]:not([class*="--has-align-left"]) .group__inner .medium+.medium{
grid-row-start: 4;
grid-row-end: 7;
grid-column-start: 1;
grid-column-end: 8;
z-index:1
}
.group[class*="--has-collage"][class*="--has-align-left"] .group__inner>.title{
grid-row-start: 1;
grid-row-end: 4;
grid-column-start: 6;
grid-column-end: 11;
z-index:2
}
.group[class*="--has-collage"][class*="--has-align-left"] .group__inner .medium{
grid-row-start: 1;
grid-row-end: 5;
grid-column-start: 1;
grid-column-end: 7;
z-index:0
}
.group[class*="--has-collage"][class*="--has-align-left"] .group__inner .medium+.medium{
grid-row-start: 4;
grid-row-end: 7;
grid-column-start: 4;
grid-column-end: 11;
z-index:1
}
.group[class*="--has-title"] .group__inner{
display: grid;
width: 100%;
grid-template-rows: repeat(1, minmax(0, 1fr));
grid-template-columns: repeat(6, minmax(0, 1fr))
}
.group[class*="--has-title"] .group__inner>*{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.15;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 1;
grid-column-start: 7;
z-index:1
}
.group[class*="--has-title"] .group__inner>*+*{
z-index:0
}
.list{
margin-top: 0;
margin-bottom: 2rem
}
.list .list__item{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}
.list .list__item>a{
position: relative;
margin-bottom: 0
}
.list:not([class*="--has-stacked"]){
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.list:not([class*="--has-stacked"])>.list__item{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.list:not([class*="--has-stacked"])>.list__item:not([hidden])~*:not([hidden]){
margin-left: .5rem
}
.list[class*="--has-stacked"]{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.list[class*="--has-stacked"] .list__item{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.list[class*="--has-stacked"] .list__item:not([hidden])~*:not([hidden]){
margin-top: .5rem
}
.list[class*="--navigation"]{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
margin-top: 0;
margin-bottom: 0;
padding: 0;
list-style-type: none
}
.list[class*="--navigation"],.list[class*="--navigation"] *{
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
text-decoration: none
}
.list[class*="--navigation"] .list__link{
overflow: hidden
}
.list[class*="--navigation"] .list__link::after{
display: block;
position: absolute;
width: 100%;
left: 0;
background-color: #0087DC;
height:.2rem;
bottom:.2rem;
content:"";
-webkit-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:all .75s cubic-bezier(0.19, 1, 0.22, 1)
}
.list[class*="--navigation"] .list__link:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:hover):not([class*="--is-hover"])::after{
width: 100%;
bottom: 0;
--transform-translate-x: 0;
--transform-translate-y: 0;
--transform-rotate: 0;
--transform-skew-x: 0;
--transform-skew-y: 0;
--transform-scale-x: 1;
--transform-scale-y: 1;
-webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
-o-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
--transform-translate-y: 100%
}
.list[class*="--menu"]{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
margin-top: 0;
margin-bottom: 0;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
list-style-type: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.list[class*="--menu"],.list[class*="--menu"] *{
line-height: 1.6
}
.list[class*="--menu"]>.list__item{
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media(max-width: 1199px){
.list[class*="--menu"]>.list__item{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%
}
}
.list[class*="--menu"] .list__link{
padding-left: 0;
padding-right: 0
}
.list[class*="--menu"] .list__link::after{
margin-bottom: 0
}
.list[class*="--menu"] .link__text{
font-family: font__inconsolata-extra-condensed;
font-size: 1.60rem;
font-weight: 900
}
.list[class*="--social"]{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin-bottom: 0;
padding: 0;
list-style-type: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.list[class*="--social"] .list__link{
-ms-flex-wrap:nowrap;
flex-wrap:nowrap
}
.list[class*="--social"] .list__link,.list[class*="--social"] .list__link *{
-webkit-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:all .75s cubic-bezier(0.19, 1, 0.22, 1)
}
.list[class*="--social"] .list__link:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:hover):not([class*="--is-hover"]),.list[class*="--social"] .list__link:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:hover):not([class*="--is-hover"]) *{
color: #3C3C3C;
fill: #3C3C3C
}
.list[class*="--social"] .list__link:focus,.list[class*="--social"] .list__link:focus *,.list[class*="--social"] .list__link:hover,.list[class*="--social"] .list__link:hover *{
color: #0087DC;
fill: #0087DC
}
.list[class*="--social"] .link__text{
display: none
}
.list[class*="--social"] .link__icon,.list[class*="--social"] .link__icon *{
width: 1.5rem;
height: 1.5rem
}
.marquee{
position: relative;
margin-bottom: 8rem
}
.marquee .marquee__inner{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media(max-width: 991px){
.marquee .marquee__inner{
padding-top: 2rem;
padding-bottom: 2rem
}
}
@media(min-width: 992px){
.marquee .marquee__inner{
padding-top: 4rem;
padding-bottom: 4rem
}
}
.marquee .marquee__text{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
grid-gap: 3rem;
gap: 3rem;
overflow: hidden;
width:auto;
-webkit-animation:animation--marquee 60s linear infinite;
-o-animation:animation--marquee 60s linear infinite;
animation:animation--marquee 60s linear infinite;
will-change:transform;
z-index:0
}
.marquee .marquee__text>.text{
margin: 0;
font-family: font__inconsolata-extra-condensed;
font-weight: 900;
white-space:nowrap
}
@media(max-width: 991px){
.marquee .marquee__text>.text{
font-size:7rem
}
}
.marquee .marquee__text>.text+.text{
margin: 0
}
.marquee .medium{
position: absolute;
margin-bottom: 0;
overflow: visible;
z-index:1
}
.marquee .medium:nth-of-type(1){
left: 0;
margin-left:3vw
}
@media(max-width: 991px){
.marquee .medium:nth-of-type(1){
width:45%
}
}
@media(min-width: 992px){
.marquee .medium:nth-of-type(1){
width:35%
}
}
.marquee .medium:nth-of-type(1) .medium__wrapper{
--transform-translate-x: 0;
--transform-translate-y: 0;
--transform-rotate: 0;
--transform-skew-x: 0;
--transform-skew-y: 0;
--transform-scale-x: 1;
--transform-scale-y: 1;
-webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
-o-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
--transform-translate-y: 50%
}
.marquee .medium:nth-of-type(2){
right: 0;
margin-right:-3.5vw
}
@media(max-width: 991px){
.marquee .medium:nth-of-type(2){
width:40%
}
}
@media(min-width: 992px){
.marquee .medium:nth-of-type(2){
width:30%
}
}
.marquee .medium:nth-of-type(2) .medium__wrapper{
--transform-translate-x: 0;
--transform-translate-y: 0;
--transform-rotate: 0;
--transform-skew-x: 0;
--transform-skew-y: 0;
--transform-scale-x: 1;
--transform-scale-y: 1;
-webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
-o-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
--transform-translate-y: -50%
}
.medium{
display: block;
position: relative;
margin: 0;
margin-bottom: 2rem;
padding: 0;
overflow: hidden
}
.medium .medium__medium{
opacity: 0;
-webkit-transition:opacity .75s ease-in-out 0s;
-o-transition:opacity .75s ease-in-out 0s;
transition:opacity .75s ease-in-out 0s
}
.medium .medium__medium[class*="--loaded"]{
opacity: 1
}
.medium .medium__medium:not([class*=__video]):not([src]):not([srcset]){
visibility: hidden
}
.medium[class*="--image"] .medium__img{
width: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center
}
.medium[class*="--video"] .medium__video{
width: 100%;
height: auto
}
.medium[class*="--iframe"]>.medium__iframe{
min-height: 1px
}
.medium[class*="--iframe"][class*="--resize"]>iframe{
position: relative
}
.medium[class*="--iframe"][class*="--resize"]>iframe::before{
display: none
}
.medium .medium__figcaption{
display: block
}
.medium:not([class*="--has-ratio"]) .medium__medium{
position: relative
}
.medium[class*="--has-ratio-"] .medium__wrapper::before{
display: block;
width: 100%;
padding-top:100%;
content:""
}
.medium[class*="--has-ratio-"] .medium__medium{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.medium[class*="--has-ratio-2by3"] .medium__wrapper::before{
padding-top:150%
}
.medium[class*="--has-ratio-3by2"] .medium__wrapper::before{
padding-top:66.6666666667%
}
.medium[class*="--has-ratio-3by4"] .medium__wrapper::before{
padding-top:133.3333333333%
}
.medium[class*="--has-ratio-4by3"] .medium__wrapper::before{
padding-top:75%
}
.medium[class*="--has-ratio-16by9"] .medium__wrapper::before{
padding-top:56.25%
}
.medium[class*="--has-ratio-9by16"] .medium__wrapper::before{
padding-top:177.7777777778%
}
.medium[class*="--has-ratio-21by9"] .medium__wrapper::before{
padding-top:42.8571428571%
}
.medium[class*="--has-ratio-9by21"] .medium__wrapper::before{
padding-top:233.3333333333%
}
.medium[class*="--has-ratio-1by1"] .medium__wrapper::before{
padding-top:100%
}
.medium[class*="--has-align-center"]{
margin-left: auto;
margin-right: auto
}
.medium[class*="--has-shape"]{
overflow: visible
}
.medium[class*="--has-shape"]::before,.medium[class*="--has-shape"]::after{
display: block;
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
content:""
}
.medium[class*="--has-shape"]::before{
z-index:0
}
.medium[class*="--has-shape"]::after{
z-index:1
}
.medium[class*="--has-shape"] .medium__medium{
-o-object-fit: cover;
object-fit: cover;
clip-path:url(#shape--image)
}
.medium[class*="--has-shape"][class*="--has-shape-1"]::before{
background-image:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/img__image--shape-bg-1.png)
}
@media(max-width: 991px){
.medium[class*="--has-shape"][class*="--has-shape-1"]::before{
top:-23.5%;
right:.5%;
width:52.3958333333%;
height:47.9166666667%
}
}
@media(min-width: 992px){
.medium[class*="--has-shape"][class*="--has-shape-1"]::before{
top:-12.5%;
right:12.5%;
width:32.3958333333%;
height:27.9166666667%
}
}
.medium[class*="--has-shape"][class*="--has-shape-1"]::after{
background-image:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/img__image--shape-og-1.png)
}
@media(max-width: 991px){
.medium[class*="--has-shape"][class*="--has-shape-1"]::after{
top:-1%;
right:-5%;
width:35.5208333333%;
height:28.4375%
}
}
@media(min-width: 992px){
.medium[class*="--has-shape"][class*="--has-shape-1"]::after{
top:4%;
right:12%;
width:15.5208333333%;
height:8.4375%
}
}
.medium[class*="--has-shape"][class*="--has-shape-2"]::before{
background-image:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/img__image--shape-bg-2.png)
}
@media(max-width: 991px){
.medium[class*="--has-shape"][class*="--has-shape-2"]::before{
top:-15%;
left:12.5%;
width:26.25%;
height:33.5416666667%
}
}
@media(min-width: 992px){
.medium[class*="--has-shape"][class*="--has-shape-2"]::before{
top:-5%;
left:17.5%;
width:11.25%;
height:18.5416666667%
}
}
.medium[class*="--has-shape"][class*="--has-shape-2"]::after{
background-image:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/img__image--shape-og-2.png)
}
@media(max-width: 991px){
.medium[class*="--has-shape"][class*="--has-shape-2"]::after{
top:8%;
left:-9%;
width:28.3333333333%;
height:28.4375%
}
}
@media(min-width: 992px){
.medium[class*="--has-shape"][class*="--has-shape-2"]::after{
top:15%;
left:0%;
width:13.3333333333%;
height:13.4375%
}
}
html[class*=has-scroll-smooth]{
overflow: hidden
}
html[class*=has-scroll-dragging]{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
[class*=has-scroll-smooth] body{
overflow: hidden
}
[class*=has-scroll-smooth] *[data-scroll-container]{
min-height: 100vh
}
[data-scroll-direction=horizontal] *[data-scroll-container]{
display: inline-block;
height: 100vh;
white-space:nowrap
}
[data-scroll-direction=horizontal] *[data-scroll-section]{
display: inline-block;
height: 100%;
white-space:nowrap
}
.c-scrollbar{
position: absolute;
width: .5rem;
height: 100vh;
top: 0;
right: 0;
background-color: transparent;
-webkit-transform-origin:center right;
-o-transform-origin:center right;
transform-origin:center right;
-webkit-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
z-index:2000
}
.c-scrollbar:focus,.c-scrollbar:hover{
width: .75rem
}
html[class*=has-scroll-dragging] .c-scrollbar{
width: .75rem
}
.c-scrollbar .c-scrollbar_thumb{
position: absolute;
top: 0;
width: 100%;
right: 0;
background-color: #3C3C3C;
cursor:-webkit-grab;
cursor:grab
}
.slider{
display: grid;
margin-bottom: 2rem;
grid-auto-flow: row;
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.slider .slider__wrapper{
position: relative;
max-width: 100%;
margin-top: 1rem;
margin-left: 0;
margin-right: 0;
list-style-type: none;
grid-column: span 4 / span 4;
overflow: hidden
}
.slider .slider__header,.slider .slider__footer{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-column: span 4 / span 4
}
.slider .slider__header>.slider__title,.slider .slider__footer>.slider__title{
margin-bottom: 0
}
.slider .slider__header>.slider__title+.slider__button,.slider .slider__footer>.slider__title+.slider__button{
margin-bottom: 0;
-ms-flex-item-align: end;
align-self: flex-end
}
.slider .slider__footer{
margin-top: 1.5rem
}
.slider .slider__text{
grid-column: span 4 / span 4
}
.slider .slider__buttons,.slider .slider__button{
grid-column: span 4 / span 4
}
.slider .slider__slides{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
-o-transition-property:-o-transform;
transition-property:transform;
transition-property:transform, -webkit-transform, -o-transform;
z-index:1
}
.slider .slider__slide{
position: relative;
width: 100%;
height: 100%;
margin-bottom: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
-o-transition-property:-o-transform;
transition-property:transform;
transition-property:transform, -webkit-transform, -o-transform
}
.slider .slider__slide[class*="--invisible"]{
visibility: visible
}
.slider[class*="--vertical"]{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.slider[class*="--android"] .slider__slides,.slider[class*="--android"] .slider__slide{
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
.slider[class*="--multirow"] .slider__slides{
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.slider[class*="--multirow-column"] .slider__slides{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.slider[class*="--free-mode"] .slider__slides{
margin: 0
}
.slider[class*="--autoheight"],.slider[class*="--autoheight"] .slider__slide{
height: auto
}
.slider[class*="--autoheight"] .slider__slide,.slider[class*="--autoheight"] .slider__slides{
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property:height,-webkit-transform;
transition-property:height,-webkit-transform;
-o-transition-property:height,-o-transform;
transition-property:transform,height;
transition-property:transform,height,-webkit-transform,-o-transform
}
.slider .slider__controller[class*="--button"]{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
margin-top: -1.5rem;
padding-left: .5rem;
padding-right: .5rem;
left: 0;
right: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
top:50%
}
.slider .slider__controller[class*="--button"] *[class*=slider__button]{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 3rem;
height: 3rem;
margin-bottom: 0;
z-index:1
}
.slider .slider__controller[class*="--button"] *[class*=slider__button][class*="--is-disabled"]{
visibility: hidden;
opacity:0
}
.slider .slider__controller[class*="--button"] *[class*="--prev"],.slider .slider__controller[class*="--button"] *[class*="--next"]{
pointer-events: auto
}
.slider .slider__controller[class*="--button"] *[class*="--prev"]{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.slider .slider__controller[class*="--button"] *[class*="--next"]{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.slider .slider__controller[class*="--scrollbar"]{
position: absolute;
height: .5rem;
bottom: 4rem;
background-color: #0087DC;
width:50%;
left:25%;
z-index:1
}
.slider .slider__controller[class*="--scrollbar"] *[class*="--drag"]{
height: .75rem;
margin-top:-0.125rem
}
.slider .slider__controller[class*="--scrollbar"][class*="--has-position-alt"]{
position: relative;
margin-top: 1rem;
bottom: 0;
background-color:rgba(36,75,90,.5)
}
.slider .slider__controller[class*="--scrollbar"][class*="--has-position-alt"] *[class*="--drag"]{
background-color: #0087DC
}
.slider .slider__controller[class*="--scrollbar"]:not([class*="--has-position-alt"]){
position: absolute;
bottom: 4rem;
background-color:hsla(0,0%,100%,.5)
}
.slider .slider__controller[class*="--scrollbar"]:not([class*="--has-position-alt"]) *[class*="--drag"]{
background-color: #FFFFFF
}
.slider[class*="--medium"] .slider__controller[class*="--scrollbar"]{
display: none
}
.slider[class*="--post"] .slider__slide{
-webkit-transition:opacity .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:opacity .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:opacity .75s cubic-bezier(0.19, 1, 0.22, 1)
}
.slider[class*="--post"] .slider__slide:not([class*="--is-active"]){
opacity: 0
}
.text{
margin-top: 0;
margin-bottom: 2rem
}
@media(max-width: 575px){
.text{
-ms-hyphens:auto;
hyphens:auto
}
}
.text+.text{
margin-top: -0.5rem
}
@media(max-width: 991px){
.text+.buttons{
margin-top: 4rem
}
}
.text[class*="--has-family-caveat-brush"]{
line-height: 1
}
@media(max-width: 991px){
.text:not([class*="--has-size-"]){
font-size: 1.28rem
}
}
.title{
margin-top: 0;
margin-bottom: 1.5rem;
line-height: 1.15
}
@media(max-width: 575px){
.title{
-ms-hyphens:auto;
hyphens:auto
}
}
@media(min-width: 992px){
.title+.text{
margin-top: -1rem
}
}
@media(min-width: 992px){
.title+.title{
margin-top: -1rem
}
}
.title[class*="--has-family-caveat-brush"]{
line-height: 1
}
.wrapper .wrapper__aside{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 3rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.wrapper .wrapper__aside+.wrapper__inner{
margin-top: 1rem
}
.wrapper .wrapper__suggestion{
margin-bottom: 1.5rem
}
.wrapper .wrapper__suggestion .button{
margin-bottom: 0
}
.wrapper .wrapper__suggestion .button,.wrapper .wrapper__suggestion .button *{
font-size: 1rem;
font-weight: 700;
text-decoration: underline
}
.wrapper .wrapper__result{
margin-top: 1.5rem
}
.wrapper .wrapper__result,.wrapper .wrapper__result *{
font-weight: 700
}
.wrapper .wrapper__pagination{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 3rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.wrapper .wrapper__header,.wrapper .wrapper__footer{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-column: span 4 / span 4
}
.wrapper .wrapper__header>.wrapper__title,.wrapper .wrapper__footer>.wrapper__title{
margin-bottom: 0
}
.wrapper .wrapper__header>.wrapper__title+.wrapper__button,.wrapper .wrapper__footer>.wrapper__title+.wrapper__button{
margin-bottom: 0;
-ms-flex-item-align: end;
align-self: flex-end
}
.wrapper[class*="--has-grid"]{
display: grid;
margin-bottom: 2rem;
grid-auto-flow: row;
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.wrapper[class*="--has-grid"] .wrapper__inner{
display: grid;
grid-column: span 4 / span 4;
grid-auto-rows: auto;
grid-gap: 2rem;
gap: 2rem
}
.wrapper[class*="--has-grid"] .wrapper__footer{
margin-top: 1.5rem
}
.wrapper[class*="--has-grid"] .wrapper__text{
grid-column: span 4 / span 4
}
.wrapper[class*="--has-grid"] .wrapper__buttons,.wrapper[class*="--has-grid"] .wrapper__button{
grid-column: span 4 / span 4
}
@media(min-width: 992px){
.wrapper[class*="--has-grid"] .wrapper[class*="--has-grid-"] .wrapper__inner{
grid-auto-flow: row
}
}
.wrapper[class*="--has-grid"]:not([class*="--has-grid-3"]) .wrapper__inner,.wrapper[class*="--has-grid"][class*="--has-grid-3"] .wrapper__inner{
grid-template-columns: repeat(3, minmax(0, 1fr))
}
@media(max-width: 991px){
.wrapper[class*="--has-grid"]:not([class*="--has-grid-3"]) .wrapper__inner,.wrapper[class*="--has-grid"][class*="--has-grid-3"] .wrapper__inner{
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(max-width: 767px){
.wrapper[class*="--has-grid"]:not([class*="--has-grid-3"]) .wrapper__inner,.wrapper[class*="--has-grid"][class*="--has-grid-3"] .wrapper__inner{
grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.wrapper[class*="--has-grid"][class*="--has-grid-4"] .wrapper__inner{
grid-template-columns: repeat(4, minmax(0, 1fr))
}
@media(max-width: 1199px){
.wrapper[class*="--has-grid"][class*="--has-grid-4"] .wrapper__inner{
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
@media(max-width: 991px){
.wrapper[class*="--has-grid"][class*="--has-grid-4"] .wrapper__inner{
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(max-width: 767px){
.wrapper[class*="--has-grid"][class*="--has-grid-4"] .wrapper__inner{
grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.wrapper[class*="--has-list"] .wrapper__inner article+article{
margin-top: 6rem
}
.wrapper[class*="--has-list"] .wrapper__footer{
margin-top: 6rem;
margin-bottom: 0
}
.body__skip{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
top: 1rem;
left: 1rem;
background-color: #0087DC;
-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;
z-index:1300
}
.body__skip .skip__button{
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
padding-top:.25rem !important;
padding-right:1.5rem !important;
padding-bottom:.25rem !important;
padding-left:1.5rem !important
}
.body__skip .skip__button:not(:focus){
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
@media(max-width: 1199px){
.body__skip .skip__button[id=skip--menu]{
display: none
}
}
@media(min-width: 1200px){
.body__skip .skip__button[id=skip--button-menu]{
display: none
}
}
.body__aside .aside__openhours{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
height: 100vh;
margin-bottom: 0;
right: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
--transform-translate-x: 0;
--transform-translate-y: 0;
--transform-rotate: 0;
--transform-skew-x: 0;
--transform-skew-y: 0;
--transform-scale-x: 1;
--transform-scale-y: 1;
-webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
-o-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
-webkit-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
z-index:1100
}
.body__aside .aside__openhours,.body__aside .aside__openhours *{
color: #FFFFFF
}
.body__aside .aside__openhours:not([aria-expanded=true]){
--transform-translate-x: 100%
}
.body__aside .aside__openhours:not([aria-expanded=true]):focus,.body__aside .aside__openhours:not([aria-expanded=true]):hover{
margin-right: 1rem
}
.body__aside .aside__openhours .openhours__button{
margin-bottom: 0
}
.body__aside .aside__openhours .openhours__button[class*="--status"]{
position: absolute;
height: 100%;
min-height: 2rem;
top: 0;
right:100%
}
.body__aside .aside__openhours .openhours__button[class*="--status"] .button__text{
position: absolute;
font-size: 1.28rem;
--transform-translate-x: 0;
--transform-translate-y: 0;
--transform-rotate: 0;
--transform-skew-x: 0;
--transform-skew-y: 0;
--transform-scale-x: 1;
--transform-scale-y: 1;
-webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
-o-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
--transform-rotate: -90deg;
white-space:pre
}
.body__aside .aside__openhours .openhours__inner{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 1rem;
padding-right: 1rem;
background-color: #0087DC;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.body__header{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
top: 0;
right: 0;
left: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition:-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
transition:-webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:-o-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
transition:transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
transition:transform 1.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1), -o-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
z-index:1000
}
.body__header::after{
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-repeat: repeat;
background-size: cover;
background-image:url(//www.genusslaube.at/wp-content/themes/dbm_genusslaube_at/dist/img__bg.jpg);
content:"";
z-index:-1
}
body:not([class*="--device-is-mobile"]) .body__header{
position: sticky
}
body[class*="--device-is-mobile"] .body__header{
position: fixed
}
body:not([data-scroll-direction=down]) .body__header{
-webkit-transition-delay:.75s;
-o-transition-delay:.75s;
transition-delay:.75s
}
body[data-scroll-direction=down] .body__header{
--transform-translate-x: 0;
--transform-translate-y: 0;
--transform-rotate: 0;
--transform-skew-x: 0;
--transform-skew-y: 0;
--transform-scale-x: 1;
--transform-scale-y: 1;
-webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
-o-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
--transform-translate-y: -100%;
-webkit-transition:-webkit-transform 3s cubic-bezier(0.19, 1, 0.22, 1);
transition:-webkit-transform 3s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:-o-transform 3s cubic-bezier(0.19, 1, 0.22, 1);
transition:transform 3s cubic-bezier(0.19, 1, 0.22, 1);
transition:transform 3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 3s cubic-bezier(0.19, 1, 0.22, 1), -o-transform 3s cubic-bezier(0.19, 1, 0.22, 1)
}
.body__header .header__inner{
display: grid;
position: relative;
width: 100%;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-rows: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
@media(max-width: 991px){
.body__header .header__inner{
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 2rem;
padding-right: 2rem
}
}
@media(min-width: 992px){
.body__header .header__inner{
padding: 2rem
}
}
.body__header .header__brand{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
top: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:all .75s cubic-bezier(0.19, 1, 0.22, 1);
z-index:1
}
@media(max-width: 991px){
.body__header .header__brand{
position: relative;
grid-column-start: 1;
grid-column-end: 1;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
}
@media(min-width: 992px){
.body__header .header__brand{
position: absolute;
left:50%;
-webkit-transform:translate(-50%, 0);
-o-transform:translate(-50%, 0);
transform:translate(-50%, 0)
}
}
.body__header .header__brand .header__link{
margin-bottom: 0;
border-radius: 9999px
}
.body__header .header__brand .header__link *[class*=__text]:not([class*="--screenreader"]){
display: none
}
@media(max-width: 991px){
.body__header .header__brand .header__link *[class*=__svg]{
height: 3rem
}
}
@media(min-width: 992px){
.body__header .header__brand .header__link *[class*=__svg]{
height:7.5rem
}
}
.body__header .header__brand .header__link *[class*=__svg],.body__header .header__brand .header__link *[class*=__svg] *{
-webkit-transition:fill .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:fill .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:fill .75s cubic-bezier(0.19, 1, 0.22, 1)
}
.body__header .header__brand .header__link:focus,.body__header .header__brand .header__link:hover{
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
.body__header .header__brand .header__link:focus *[class*=__svg],.body__header .header__brand .header__link:focus *[class*=__svg] *,.body__header .header__brand .header__link:hover *[class*=__svg],.body__header .header__brand .header__link:hover *[class*=__svg] *{
fill: #0087DC
}
.body__header .header__button{
grid-column-start: 3;
grid-column-end: 3;
align-self: center;
justify-self: end;
z-index:1101
}
@media(max-width: 991px){
.body__header .header__button{
width: 2.5rem;
height: 2.5rem
}
}
@media(min-width: 992px){
.body__header .header__button{
display: none
}
}
.body__header .header__button:not([aria-expanded=true]) .button__icon .icon__line{
background-color: #3C3C3C
}
.body__header .header__button[aria-expanded=true] .button__icon .icon__line{
background-color: #FFFFFF;
-webkit-transition-delay:.15s;
-o-transition-delay:.15s;
transition-delay:.15s
}
.body__header .header__button[aria-expanded=true] .button__icon .icon__line:first-child{
-webkit-transform:translate(0, 0.7rem) rotate(-45deg);
-o-transform:translate(0, 0.7rem) rotate(-45deg);
transform:translate(0, 0.7rem) rotate(-45deg)
}
.body__header .header__button[aria-expanded=true] .button__icon .icon__line:last-child{
-webkit-transform:translate(0, -0.7rem) rotate(45deg);
-o-transform:translate(0, -0.7rem) rotate(45deg);
transform:translate(0, -0.7rem) rotate(45deg)
}
@media(max-width: 991px){
.body__header .header__navigation[class*="--menu"]{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
width: 100%;
height: 100vh;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #0087DC;
-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;
grid-gap: .75rem;
gap: .75rem;
overflow-y: auto;
overflow-x: hidden;
--transform-translate-x: 0;
--transform-translate-y: 0;
--transform-rotate: 0;
--transform-skew-x: 0;
--transform-skew-y: 0;
--transform-scale-x: 1;
--transform-scale-y: 1;
-webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
-o-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
--transform-translate-y: -100%;
max-height:-webkit-fill-available;
-webkit-transition:-webkit-transform .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:-webkit-transform .75s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition:-o-transform .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:transform .75s cubic-bezier(0.19, 1, 0.22, 1);
transition:transform .75s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform .75s cubic-bezier(0.19, 1, 0.22, 1), -o-transform .75s cubic-bezier(0.19, 1, 0.22, 1);
z-index:1100
}
}
@media(min-width: 992px){
.body__header .header__navigation[class*="--menu"]{
display: grid;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
grid-auto-rows: auto;
grid-column-start: 1;
grid-column-end: 4;
grid-template-columns:10% 40% 45%
}
}
@media(max-width: 991px){
.body__header .header__navigation[class*="--menu"][aria-expanded=true]{
--transform-translate-y: 0;
visibility: visible
}
}
@media(max-width: 991px){
.body__header .header__navigation .list,.body__header .header__navigation .list *{
font-size: 3rem;
line-height: 1.2
}
}
@media(max-width: 991px){
.body__header .header__navigation .list[class*="--social"]{
margin-top: 1.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
grid-gap: 1rem;
gap: 1rem;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999
}
}
@media(max-width: 991px){
.body__header .header__navigation .list[class*="--social"] .list__link:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:hover):not([class*="--is-hover"]),.body__header .header__navigation .list[class*="--social"] .list__link:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:hover):not([class*="--is-hover"]) *{
color: #FFFFFF;
fill: #FFFFFF
}
}
@media(min-width: 992px){
.body__header .header__navigation .list[class*="--social"] .list__link:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:hover):not([class*="--is-hover"]),.body__header .header__navigation .list[class*="--social"] .list__link:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:hover):not([class*="--is-hover"]) *{
color: #3C3C3C;
fill: #3C3C3C
}
}
@media(max-width: 991px){
.body__header .header__navigation .list[class*="--social"] .list__link:focus,.body__header .header__navigation .list[class*="--social"] .list__link:focus *,.body__header .header__navigation .list[class*="--social"] .list__link:hover,.body__header .header__navigation .list[class*="--social"] .list__link:hover *{
color: #3C3C3C;
fill: #3C3C3C
}
}
@media(min-width: 992px){
.body__header .header__navigation .list[class*="--social"] .list__link:focus,.body__header .header__navigation .list[class*="--social"] .list__link:focus *,.body__header .header__navigation .list[class*="--social"] .list__link:hover,.body__header .header__navigation .list[class*="--social"] .list__link:hover *{
color: #0087DC;
fill: #0087DC
}
}
@media(max-width: 991px){
.body__header .header__navigation .list[class*="--social"] .link__icon,.body__header .header__navigation .list[class*="--social"] .link__icon *{
width: 3rem;
height: 3rem
}
}
@media(max-width: 991px){
.body__header .header__navigation .list[class*="--menu"]{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: .75rem;
gap: .75rem
}
}
@media(min-width: 992px){
.body__header .header__navigation .list[class*="--menu"]{
grid-gap: 1rem;
gap: 1rem
}
}
.body__header .header__navigation .list[class*="--menu"] .list__item:not([hidden])~*:not([hidden]){
margin-left: 0
}
@media(min-width: 992px){
.body__header .header__navigation .list[class*="--menu"] .list__link{
color: #0087DC
}
}
@media(max-width: 991px){
.body__header .header__navigation .list[class*="--menu"] .list__link{
color: #FFFFFF
}
}
@media(max-width: 991px){
.body__header .header__navigation .list[class*="--menu"] .list__link:focus,.body__header .header__navigation .list[class*="--menu"] .list__link:focus-visible{
outline-color:#FFFFFF
}
}
@media(max-width: 991px){
.body__header .header__navigation .list[class*="--menu"] .list__link::after{
background-color: #FFFFFF;
bottom:-0.3rem
}
}
.body__header .header__navigation .list[class*="--menu"][class*="--left"]{
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
@media(min-width: 992px){
.body__header .header__navigation .list[class*="--menu"][class*="--left"]{
padding-right: 3rem
}
}
.body__header .header__navigation .list[class*="--menu"][class*="--right"]{
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
@media(min-width: 992px){
.body__header .header__navigation .list[class*="--menu"][class*="--right"]{
padding-left: 3rem
}
}
.wrap .wrap__main{
position: relative
}
.section{
position: relative
}
.section .section__inner{
position: relative;
margin-left: auto;
margin-right: auto
}
@media(max-width: 991px){
.section .section__inner{
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media(min-width: 992px){
.section .section__inner{
padding-top: 2rem;
padding-bottom: 2rem
}
}
@media(max-width: 991px){
.section:first-child:not([class*=section--cover]) .section__inner{
padding-top: 6rem
}
}
@media(min-width: 992px){
.section:first-child:not([class*=section--cover]) .section__inner{
padding-top: 8rem
}
}
.module{
width: 100%
}
.module .module__inner{
display: grid;
position: relative
}
.module .module__link[class*="--overlay"]{
grid-column-start: auto;
grid-column-end: auto
}
.module .button:not([class*="--overlay"]),.module .link:not([class*="--overlay"]){
position: relative;
z-index:11
}
.module[class*="--teaser"] .module__inner{
grid-gap: 1rem;
gap: 1rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-template-rows:2fr;
grid-template-columns:1fr
}
.module[class*="--teaser"] .module__text{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem
}
.module[class*="--teaser"] .module__area{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 1
}
.module[class*="--teaser"] .module__medium{
margin-bottom: 0;
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 1;
grid-column-end: 1
}
.module[class*="--teaser"] .module__medium .medium__figcaption{
display: none
}
.module[class*="--teaser"] .module__content{
margin-bottom: 2rem
}
.module[class*="--teaser"] .module__list[class*="--social"]{
margin-top: 2rem
}
.module[class*="--teaser"] .module__list[class*="--social"] .list__link:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:hover):not([class*="--is-hover"]),.module[class*="--teaser"] .module__list[class*="--social"] .list__link:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:hover):not([class*="--is-hover"]) *{
color: #0087DC;
fill: #0087DC
}
.module[class*="--teaser"] .module__list[class*="--social"] .list__link:focus,.module[class*="--teaser"] .module__list[class*="--social"] .list__link:focus *,.module[class*="--teaser"] .module__list[class*="--social"] .list__link:hover,.module[class*="--teaser"] .module__list[class*="--social"] .list__link:hover *{
color: #3C3C3C;
fill: #3C3C3C
}
.body__footer{
position: relative;
padding-top: 6rem;
padding-bottom: 2rem
}
.body__footer,.body__footer *{
color: #FFFFFF
}
@media(max-width: 991px){
.body__footer,.body__footer *{
text-align:left !important;
-webkit-box-pack:left !important;
-ms-flex-pack:left !important;
justify-content:left !important
}
}
.body__footer .columns[class*="--meta"]{
grid-gap: 2rem;
gap: 2rem
}
.body__footer .list[class*="--social"]{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.body__footer .list[class*="--social"] .list__link:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:hover):not([class*="--is-hover"]),.body__footer .list[class*="--social"] .list__link:not([class*="--is-current"]):not(:active):not([class*="--is-active"]):not(:hover):not([class*="--is-hover"]) *{
color: #FFFFFF;
fill: #FFFFFF
}
.body__footer .list[class*="--social"] .list__link:focus,.body__footer .list[class*="--social"] .list__link:focus *,.body__footer .list[class*="--social"] .list__link:hover,.body__footer .list[class*="--social"] .list__link:hover *{
color: #3C3C3C;
fill: #3C3C3C
}
.body__footer .list[class*="--footer"]{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media(max-width: 991px){
.body__footer .list[class*="--footer"]{
width: 75%;
margin-top: 6rem;
grid-gap: .5rem;
gap: .5rem;
-webkit-box-pack:justify !important;
-ms-flex-pack:justify !important;
justify-content:space-between !important
}
}
@media(min-width: 992px){
.body__footer .list[class*="--footer"]{
margin-top: 3rem;
grid-gap: 2rem;
gap: 2rem
}
}
.body__footer .list[class*="--footer"],.body__footer .list[class*="--footer"] *{
font-weight: 400;
text-transform: none;
text-decoration: none
}
@media(max-width: 991px){
.body__footer .list[class*="--footer"],.body__footer .list[class*="--footer"] *{
font-size: 1.28rem
}
}
@media(min-width: 992px){
.body__footer .list[class*="--footer"],.body__footer .list[class*="--footer"] *{
font-size: 1rem
}
}
@media(min-width: 992px){
.body__footer .list[class*="--footer"]>.list__item{
width: 50%
}
}
.body__footer .list[class*="--footer"]>.list__item:not([hidden])~*:not([hidden]){
margin-left: 0
}
@media(min-width: 992px){
.body__footer .list[class*="--footer"]>.list__item:nth-child(1){
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
@media(min-width: 992px){
.body__footer .list[class*="--footer"]>.list__item:nth-child(2){
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.body__footer .list[class*="--footer"] .list__link::after{
height: 1px;
bottom: 0;
background-color: #FFFFFF
}
@media(max-width: 991px){
.body__footer .medium,.body__footer .medium *{
margin-left: auto;
margin-right: auto
}
}
.body__footer .medium[class*="--image"]{
margin-bottom: 3rem
}
@media(max-width: 991px){
.body__footer .title[class*="--has-size-title-5"]{
margin-bottom: 0;
font-size: 1.60rem
}
}
.article .article__header .section:last-child .section__inner{
padding-bottom: 0
}
.article .article__section:first-of-type .section__inner{
padding-top: 1rem
}
.article .article__section:last-of-type .section__inner{
padding-bottom: 1rem
}
.article .article__footer .section:first-child .section__inner{
padding-top: 0
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.not-sr-only {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.focus-within\:sr-only:focus-within {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.focus-within\:not-sr-only:focus-within {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.focus\:sr-only:focus {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.focus\:not-sr-only:focus {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.bg-blue {
background-color: #0087DC;
}
.bg-white {
background-color: #FFFFFF;
}
.bg-black {
background-color: #3C3C3C;
}
.bg-transparent {
background-color: transparent;
}
.bg-currentColor {
background-color: currentColor;
}
.bg-bottom {
background-position: bottom;
}
.bg-center {
background-position: center;
}
.bg-left {
background-position: left;
}
.bg-left-bottom {
background-position: left bottom;
}
.bg-left-top {
background-position: left top;
}
.bg-right {
background-position: right;
}
.bg-right-bottom {
background-position: right bottom;
}
.bg-right-top {
background-position: right top;
}
.bg-top {
background-position: top;
}
.bg-repeat {
background-repeat: repeat;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.bg-repeat-x {
background-repeat: repeat-x;
}
.bg-repeat-y {
background-repeat: repeat-y;
}
.bg-repeat-round {
background-repeat: round;
}
.bg-repeat-space {
background-repeat: space;
}
.bg-auto {
background-size: auto;
}
.bg-cover {
background-size: cover;
}
.bg-contain {
background-size: contain;
}
.border-blue {
border-color: #0087DC;
}
.border-white {
border-color: #FFFFFF;
}
.border-black {
border-color: #3C3C3C;
}
.border-transparent {
border-color: transparent;
}
.border-currentColor {
border-color: currentColor;
}
.rounded-none {
border-radius: 0;
}
.rounded-sm {
border-radius: 0.125rem;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-2xl {
border-radius: 1rem;
}
.rounded-3xl {
border-radius: 1.5rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-t-none {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.rounded-r-none {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.rounded-b-none {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.rounded-l-none {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.rounded-t-sm {
border-top-left-radius: 0.125rem;
border-top-right-radius: 0.125rem;
}
.rounded-r-sm {
border-top-right-radius: 0.125rem;
border-bottom-right-radius: 0.125rem;
}
.rounded-b-sm {
border-bottom-right-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.rounded-l-sm {
border-top-left-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.rounded-t {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.rounded-r {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.rounded-b {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-l {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-t-md {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.rounded-r-md {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.rounded-b-md {
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-l-md {
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.rounded-r-lg {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.rounded-b-lg {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.rounded-l-lg {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.rounded-t-xl {
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
}
.rounded-r-xl {
border-top-right-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
}
.rounded-b-xl {
border-bottom-right-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}
.rounded-l-xl {
border-top-left-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}
.rounded-t-2xl {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.rounded-r-2xl {
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
}
.rounded-b-2xl {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.rounded-l-2xl {
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.rounded-t-3xl {
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
}
.rounded-r-3xl {
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
}
.rounded-b-3xl {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
.rounded-l-3xl {
border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
.rounded-t-full {
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;
}
.rounded-r-full {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
.rounded-b-full {
border-bottom-right-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.rounded-l-full {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
.rounded-tl-none {
border-top-left-radius: 0;
}
.rounded-tr-none {
border-top-right-radius: 0;
}
.rounded-br-none {
border-bottom-right-radius: 0;
}
.rounded-bl-none {
border-bottom-left-radius: 0;
}
.rounded-tl-sm {
border-top-left-radius: 0.125rem;
}
.rounded-tr-sm {
border-top-right-radius: 0.125rem;
}
.rounded-br-sm {
border-bottom-right-radius: 0.125rem;
}
.rounded-bl-sm {
border-bottom-left-radius: 0.125rem;
}
.rounded-tl {
border-top-left-radius: 0.25rem;
}
.rounded-tr {
border-top-right-radius: 0.25rem;
}
.rounded-br {
border-bottom-right-radius: 0.25rem;
}
.rounded-bl {
border-bottom-left-radius: 0.25rem;
}
.rounded-tl-md {
border-top-left-radius: 0.375rem;
}
.rounded-tr-md {
border-top-right-radius: 0.375rem;
}
.rounded-br-md {
border-bottom-right-radius: 0.375rem;
}
.rounded-bl-md {
border-bottom-left-radius: 0.375rem;
}
.rounded-tl-lg {
border-top-left-radius: 0.5rem;
}
.rounded-tr-lg {
border-top-right-radius: 0.5rem;
}
.rounded-br-lg {
border-bottom-right-radius: 0.5rem;
}
.rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
}
.rounded-tl-xl {
border-top-left-radius: 0.75rem;
}
.rounded-tr-xl {
border-top-right-radius: 0.75rem;
}
.rounded-br-xl {
border-bottom-right-radius: 0.75rem;
}
.rounded-bl-xl {
border-bottom-left-radius: 0.75rem;
}
.rounded-tl-2xl {
border-top-left-radius: 1rem;
}
.rounded-tr-2xl {
border-top-right-radius: 1rem;
}
.rounded-br-2xl {
border-bottom-right-radius: 1rem;
}
.rounded-bl-2xl {
border-bottom-left-radius: 1rem;
}
.rounded-tl-3xl {
border-top-left-radius: 1.5rem;
}
.rounded-tr-3xl {
border-top-right-radius: 1.5rem;
}
.rounded-br-3xl {
border-bottom-right-radius: 1.5rem;
}
.rounded-bl-3xl {
border-bottom-left-radius: 1.5rem;
}
.rounded-tl-full {
border-top-left-radius: 9999px;
}
.rounded-tr-full {
border-top-right-radius: 9999px;
}
.rounded-br-full {
border-bottom-right-radius: 9999px;
}
.rounded-bl-full {
border-bottom-left-radius: 9999px;
}
.border-0 {
border-width: 0;
}
.border-2 {
border-width: 2px;
}
.border-4 {
border-width: 4px;
}
.border-8 {
border-width: 8px;
}
.border {
border-width: 1px;
}
.border-t-0 {
border-top-width: 0;
}
.border-r-0 {
border-right-width: 0;
}
.border-b-0 {
border-bottom-width: 0;
}
.border-l-0 {
border-left-width: 0;
}
.border-t-2 {
border-top-width: 2px;
}
.border-r-2 {
border-right-width: 2px;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-l-2 {
border-left-width: 2px;
}
.border-t-4 {
border-top-width: 4px;
}
.border-r-4 {
border-right-width: 4px;
}
.border-b-4 {
border-bottom-width: 4px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-t-8 {
border-top-width: 8px;
}
.border-r-8 {
border-right-width: 8px;
}
.border-b-8 {
border-bottom-width: 8px;
}
.border-l-8 {
border-left-width: 8px;
}
.border-t {
border-top-width: 1px;
}
.border-r {
border-right-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-l {
border-left-width: 1px;
}
.box-border {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.box-content {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.cursor-auto {
cursor: auto;
}
.cursor-default {
cursor: default;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-wait {
cursor: wait;
}
.cursor-text {
cursor: text;
}
.cursor-move {
cursor: move;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.table {
display: table;
}
.table-caption {
display: table-caption;
}
.table-cell {
display: table-cell;
}
.table-column {
display: table-column;
}
.table-column-group {
display: table-column-group;
}
.table-footer-group {
display: table-footer-group;
}
.table-header-group {
display: table-header-group;
}
.table-row-group {
display: table-row-group;
}
.table-row {
display: table-row;
}
.flow-root {
display: flow-root;
}
.grid {
display: grid;
}
.inline-grid {
display: inline-grid;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
.flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-col-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-no-wrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.items-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.content-center {
-ms-flex-line-pack: center;
align-content: center;
}
.content-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.content-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.content-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.content-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.content-evenly {
-ms-flex-line-pack: space-evenly;
align-content: space-evenly;
}
.self-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.self-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.self-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.self-center {
-ms-flex-item-align: center;
align-self: center;
}
.self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
.justify-items-auto {
justify-items: auto;
}
.justify-items-start {
justify-items: start;
}
.justify-items-end {
justify-items: end;
}
.justify-items-center {
justify-items: center;
}
.justify-items-stretch {
justify-items: stretch;
}
.justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.justify-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.justify-self-auto {
justify-self: auto;
}
.justify-self-start {
justify-self: start;
}
.justify-self-end {
justify-self: end;
}
.justify-self-center {
justify-self: center;
}
.justify-self-stretch {
justify-self: stretch;
}
.flex-1 {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.flex-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.flex-initial {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.flex-none {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.flex-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.flex-grow {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-shrink-0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.flex-shrink {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.order-first {
-webkit-box-ordinal-group: -9998;
-ms-flex-order: -9999;
order: -9999;
}
.order-last {
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.order-none {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-minus {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.font-caveat_brush {
font-family: font__caveat-brush;
}
.font-inconsolata {
font-family: font__inconsolata;
}
.font-inconsolata_condensed {
font-family: font__inconsolata-condensed;
}
.font-inconsolata_extra_condensed {
font-family: font__inconsolata-extra-condensed;
}
.font-normal {
font-weight: 400;
}
.font-bold {
font-weight: 700;
}
.font-extra_bold {
font-weight: 800;
}
.font-black {
font-weight: 900;
}
.h-0 {
height: 0;
}
.h-1 {
height: 1rem;
}
.h-2 {
height: 2rem;
}
.h-3 {
height: 3rem;
}
.h-4 {
height: 4rem;
}
.h-5 {
height: 5rem;
}
.h-6 {
height: 6rem;
}
.h-8 {
height: 8rem;
}
.h-10 {
height: 2.5rem;
}
.h-12 {
height: 12rem;
}
.h-16 {
height: 4rem;
}
.h-20 {
height: 5rem;
}
.h-24 {
height: 6rem;
}
.h-32 {
height: 8rem;
}
.h-40 {
height: 10rem;
}
.h-48 {
height: 12rem;
}
.h-56 {
height: 14rem;
}
.h-64 {
height: 16rem;
}
.h-auto {
height: auto;
}
.h-px {
height: 1px;
}
.h-0\.25 {
height: .25rem;
}
.h-0\.5 {
height: .5rem;
}
.h-0\.75 {
height: .75rem;
}
.h-1\.5 {
height: 1.5rem;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.h-1px {
height: 1px;
}
.h-2px {
height: 2px;
}
.h-2\.5 {
height: 2.5rem;
}
.text-0 {
font-size: 6rem;
}
.text-1 {
font-size: 5rem;
}
.text-2 {
font-size: 4rem;
}
.text-3 {
font-size: 3rem;
}
.text-4 {
font-size: 1.60rem;
}
.text-5 {
font-size: 1.28rem;
}
.text-6 {
font-size: 1rem;
}
.text-base {
font-size: 1rem;
}
.text-small {
font-size: 0.72rem;
}
.leading-3 {
line-height: .75rem;
}
.leading-4 {
line-height: 1rem;
}
.leading-5 {
line-height: 1.25rem;
}
.leading-6 {
line-height: 1.5rem;
}
.leading-7 {
line-height: 1.75rem;
}
.leading-8 {
line-height: 2rem;
}
.leading-9 {
line-height: 2.25rem;
}
.leading-10 {
line-height: 2.5rem;
}
.leading-none {
line-height: 1;
}
.leading-tight {
line-height: 1.25;
}
.leading-snug {
line-height: 1.375;
}
.leading-normal {
line-height: 1.2;
}
.leading-relaxed {
line-height: 1.625;
}
.leading-loose {
line-height: 2;
}
.leading-reset {
line-height: 1;
}
.leading-short {
line-height: 1.15;
}
.leading-long {
line-height: 1.6;
}
.list-none {
list-style-type: none;
}
.list-disc {
list-style-type: disc;
}
.list-decimal {
list-style-type: decimal;
}
.m-0 {
margin: 0;
}
.m-1 {
margin: 1rem;
}
.m-2 {
margin: 2rem;
}
.m-3 {
margin: 3rem;
}
.m-4 {
margin: 4rem;
}
.m-5 {
margin: 5rem;
}
.m-6 {
margin: 6rem;
}
.m-8 {
margin: 8rem;
}
.m-10 {
margin: 2.5rem;
}
.m-12 {
margin: 12rem;
}
.m-16 {
margin: 4rem;
}
.m-20 {
margin: 5rem;
}
.m-24 {
margin: 6rem;
}
.m-32 {
margin: 8rem;
}
.m-40 {
margin: 10rem;
}
.m-48 {
margin: 12rem;
}
.m-56 {
margin: 14rem;
}
.m-64 {
margin: 16rem;
}
.m-auto {
margin: auto;
}
.m-px {
margin: 1px;
}
.m-0\.25 {
margin: .25rem;
}
.m-0\.5 {
margin: .5rem;
}
.m-0\.75 {
margin: .75rem;
}
.m-1\.5 {
margin: 1.5rem;
}
.-m-1 {
margin: -1rem;
}
.-m-2 {
margin: -2rem;
}
.-m-3 {
margin: -3rem;
}
.-m-4 {
margin: -4rem;
}
.-m-5 {
margin: -5rem;
}
.-m-6 {
margin: -6rem;
}
.-m-8 {
margin: -8rem;
}
.-m-10 {
margin: -2.5rem;
}
.-m-12 {
margin: -12rem;
}
.-m-16 {
margin: -4rem;
}
.-m-20 {
margin: -5rem;
}
.-m-24 {
margin: -6rem;
}
.-m-32 {
margin: -8rem;
}
.-m-40 {
margin: -10rem;
}
.-m-48 {
margin: -12rem;
}
.-m-56 {
margin: -14rem;
}
.-m-64 {
margin: -16rem;
}
.-m-px {
margin: -1px;
}
.-m-0\.25 {
margin: -0.25rem;
}
.-m-0\.5 {
margin: -0.5rem;
}
.-m-0\.75 {
margin: -0.75rem;
}
.-m-1\.5 {
margin: -1.5rem;
}
.my-0 {
margin-top: 0;
margin-bottom: 0;
}
.mx-0 {
margin-left: 0;
margin-right: 0;
}
.my-1 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mx-1 {
margin-left: 1rem;
margin-right: 1rem;
}
.my-2 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mx-2 {
margin-left: 2rem;
margin-right: 2rem;
}
.my-3 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mx-3 {
margin-left: 3rem;
margin-right: 3rem;
}
.my-4 {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mx-4 {
margin-left: 4rem;
margin-right: 4rem;
}
.my-5 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.mx-5 {
margin-left: 5rem;
margin-right: 5rem;
}
.my-6 {
margin-top: 6rem;
margin-bottom: 6rem;
}
.mx-6 {
margin-left: 6rem;
margin-right: 6rem;
}
.my-8 {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mx-8 {
margin-left: 8rem;
margin-right: 8rem;
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.mx-10 {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
.my-12 {
margin-top: 12rem;
margin-bottom: 12rem;
}
.mx-12 {
margin-left: 12rem;
margin-right: 12rem;
}
.my-16 {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mx-16 {
margin-left: 4rem;
margin-right: 4rem;
}
.my-20 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.mx-20 {
margin-left: 5rem;
margin-right: 5rem;
}
.my-24 {
margin-top: 6rem;
margin-bottom: 6rem;
}
.mx-24 {
margin-left: 6rem;
margin-right: 6rem;
}
.my-32 {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mx-32 {
margin-left: 8rem;
margin-right: 8rem;
}
.my-40 {
margin-top: 10rem;
margin-bottom: 10rem;
}
.mx-40 {
margin-left: 10rem;
margin-right: 10rem;
}
.my-48 {
margin-top: 12rem;
margin-bottom: 12rem;
}
.mx-48 {
margin-left: 12rem;
margin-right: 12rem;
}
.my-56 {
margin-top: 14rem;
margin-bottom: 14rem;
}
.mx-56 {
margin-left: 14rem;
margin-right: 14rem;
}
.my-64 {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mx-64 {
margin-left: 16rem;
margin-right: 16rem;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-px {
margin-top: 1px;
margin-bottom: 1px;
}
.mx-px {
margin-left: 1px;
margin-right: 1px;
}
.my-0\.25 {
margin-top: .25rem;
margin-bottom: .25rem;
}
.mx-0\.25 {
margin-left: .25rem;
margin-right: .25rem;
}
.my-0\.5 {
margin-top: .5rem;
margin-bottom: .5rem;
}
.mx-0\.5 {
margin-left: .5rem;
margin-right: .5rem;
}
.my-0\.75 {
margin-top: .75rem;
margin-bottom: .75rem;
}
.mx-0\.75 {
margin-left: .75rem;
margin-right: .75rem;
}
.my-1\.5 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.mx-1\.5 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.-my-1 {
margin-top: -1rem;
margin-bottom: -1rem;
}
.-mx-1 {
margin-left: -1rem;
margin-right: -1rem;
}
.-my-2 {
margin-top: -2rem;
margin-bottom: -2rem;
}
.-mx-2 {
margin-left: -2rem;
margin-right: -2rem;
}
.-my-3 {
margin-top: -3rem;
margin-bottom: -3rem;
}
.-mx-3 {
margin-left: -3rem;
margin-right: -3rem;
}
.-my-4 {
margin-top: -4rem;
margin-bottom: -4rem;
}
.-mx-4 {
margin-left: -4rem;
margin-right: -4rem;
}
.-my-5 {
margin-top: -5rem;
margin-bottom: -5rem;
}
.-mx-5 {
margin-left: -5rem;
margin-right: -5rem;
}
.-my-6 {
margin-top: -6rem;
margin-bottom: -6rem;
}
.-mx-6 {
margin-left: -6rem;
margin-right: -6rem;
}
.-my-8 {
margin-top: -8rem;
margin-bottom: -8rem;
}
.-mx-8 {
margin-left: -8rem;
margin-right: -8rem;
}
.-my-10 {
margin-top: -2.5rem;
margin-bottom: -2.5rem;
}
.-mx-10 {
margin-left: -2.5rem;
margin-right: -2.5rem;
}
.-my-12 {
margin-top: -12rem;
margin-bottom: -12rem;
}
.-mx-12 {
margin-left: -12rem;
margin-right: -12rem;
}
.-my-16 {
margin-top: -4rem;
margin-bottom: -4rem;
}
.-mx-16 {
margin-left: -4rem;
margin-right: -4rem;
}
.-my-20 {
margin-top: -5rem;
margin-bottom: -5rem;
}
.-mx-20 {
margin-left: -5rem;
margin-right: -5rem;
}
.-my-24 {
margin-top: -6rem;
margin-bottom: -6rem;
}
.-mx-24 {
margin-left: -6rem;
margin-right: -6rem;
}
.-my-32 {
margin-top: -8rem;
margin-bottom: -8rem;
}
.-mx-32 {
margin-left: -8rem;
margin-right: -8rem;
}
.-my-40 {
margin-top: -10rem;
margin-bottom: -10rem;
}
.-mx-40 {
margin-left: -10rem;
margin-right: -10rem;
}
.-my-48 {
margin-top: -12rem;
margin-bottom: -12rem;
}
.-mx-48 {
margin-left: -12rem;
margin-right: -12rem;
}
.-my-56 {
margin-top: -14rem;
margin-bottom: -14rem;
}
.-mx-56 {
margin-left: -14rem;
margin-right: -14rem;
}
.-my-64 {
margin-top: -16rem;
margin-bottom: -16rem;
}
.-mx-64 {
margin-left: -16rem;
margin-right: -16rem;
}
.-my-px {
margin-top: -1px;
margin-bottom: -1px;
}
.-mx-px {
margin-left: -1px;
margin-right: -1px;
}
.-my-0\.25 {
margin-top: -0.25rem;
margin-bottom: -0.25rem;
}
.-mx-0\.25 {
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.-my-0\.5 {
margin-top: -0.5rem;
margin-bottom: -0.5rem;
}
.-mx-0\.5 {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.-my-0\.75 {
margin-top: -0.75rem;
margin-bottom: -0.75rem;
}
.-mx-0\.75 {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
.-my-1\.5 {
margin-top: -1.5rem;
margin-bottom: -1.5rem;
}
.-mx-1\.5 {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
.mt-0 {
margin-top: 0;
}
.mr-0 {
margin-right: 0;
}
.mb-0 {
margin-bottom: 0;
}
.ml-0 {
margin-left: 0;
}
.mt-1 {
margin-top: 1rem;
}
.mr-1 {
margin-right: 1rem;
}
.mb-1 {
margin-bottom: 1rem;
}
.ml-1 {
margin-left: 1rem;
}
.mt-2 {
margin-top: 2rem;
}
.mr-2 {
margin-right: 2rem;
}
.mb-2 {
margin-bottom: 2rem;
}
.ml-2 {
margin-left: 2rem;
}
.mt-3 {
margin-top: 3rem;
}
.mr-3 {
margin-right: 3rem;
}
.mb-3 {
margin-bottom: 3rem;
}
.ml-3 {
margin-left: 3rem;
}
.mt-4 {
margin-top: 4rem;
}
.mr-4 {
margin-right: 4rem;
}
.mb-4 {
margin-bottom: 4rem;
}
.ml-4 {
margin-left: 4rem;
}
.mt-5 {
margin-top: 5rem;
}
.mr-5 {
margin-right: 5rem;
}
.mb-5 {
margin-bottom: 5rem;
}
.ml-5 {
margin-left: 5rem;
}
.mt-6 {
margin-top: 6rem;
}
.mr-6 {
margin-right: 6rem;
}
.mb-6 {
margin-bottom: 6rem;
}
.ml-6 {
margin-left: 6rem;
}
.mt-8 {
margin-top: 8rem;
}
.mr-8 {
margin-right: 8rem;
}
.mb-8 {
margin-bottom: 8rem;
}
.ml-8 {
margin-left: 8rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mr-10 {
margin-right: 2.5rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.ml-10 {
margin-left: 2.5rem;
}
.mt-12 {
margin-top: 12rem;
}
.mr-12 {
margin-right: 12rem;
}
.mb-12 {
margin-bottom: 12rem;
}
.ml-12 {
margin-left: 12rem;
}
.mt-16 {
margin-top: 4rem;
}
.mr-16 {
margin-right: 4rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.ml-16 {
margin-left: 4rem;
}
.mt-20 {
margin-top: 5rem;
}
.mr-20 {
margin-right: 5rem;
}
.mb-20 {
margin-bottom: 5rem;
}
.ml-20 {
margin-left: 5rem;
}
.mt-24 {
margin-top: 6rem;
}
.mr-24 {
margin-right: 6rem;
}
.mb-24 {
margin-bottom: 6rem;
}
.ml-24 {
margin-left: 6rem;
}
.mt-32 {
margin-top: 8rem;
}
.mr-32 {
margin-right: 8rem;
}
.mb-32 {
margin-bottom: 8rem;
}
.ml-32 {
margin-left: 8rem;
}
.mt-40 {
margin-top: 10rem;
}
.mr-40 {
margin-right: 10rem;
}
.mb-40 {
margin-bottom: 10rem;
}
.ml-40 {
margin-left: 10rem;
}
.mt-48 {
margin-top: 12rem;
}
.mr-48 {
margin-right: 12rem;
}
.mb-48 {
margin-bottom: 12rem;
}
.ml-48 {
margin-left: 12rem;
}
.mt-56 {
margin-top: 14rem;
}
.mr-56 {
margin-right: 14rem;
}
.mb-56 {
margin-bottom: 14rem;
}
.ml-56 {
margin-left: 14rem;
}
.mt-64 {
margin-top: 16rem;
}
.mr-64 {
margin-right: 16rem;
}
.mb-64 {
margin-bottom: 16rem;
}
.ml-64 {
margin-left: 16rem;
}
.mt-auto {
margin-top: auto;
}
.mr-auto {
margin-right: auto;
}
.mb-auto {
margin-bottom: auto;
}
.ml-auto {
margin-left: auto;
}
.mt-px {
margin-top: 1px;
}
.mr-px {
margin-right: 1px;
}
.mb-px {
margin-bottom: 1px;
}
.ml-px {
margin-left: 1px;
}
.mt-0\.25 {
margin-top: .25rem;
}
.mr-0\.25 {
margin-right: .25rem;
}
.mb-0\.25 {
margin-bottom: .25rem;
}
.ml-0\.25 {
margin-left: .25rem;
}
.mt-0\.5 {
margin-top: .5rem;
}
.mr-0\.5 {
margin-right: .5rem;
}
.mb-0\.5 {
margin-bottom: .5rem;
}
.ml-0\.5 {
margin-left: .5rem;
}
.mt-0\.75 {
margin-top: .75rem;
}
.mr-0\.75 {
margin-right: .75rem;
}
.mb-0\.75 {
margin-bottom: .75rem;
}
.ml-0\.75 {
margin-left: .75rem;
}
.mt-1\.5 {
margin-top: 1.5rem;
}
.mr-1\.5 {
margin-right: 1.5rem;
}
.mb-1\.5 {
margin-bottom: 1.5rem;
}
.ml-1\.5 {
margin-left: 1.5rem;
}
.-mt-1 {
margin-top: -1rem;
}
.-mr-1 {
margin-right: -1rem;
}
.-mb-1 {
margin-bottom: -1rem;
}
.-ml-1 {
margin-left: -1rem;
}
.-mt-2 {
margin-top: -2rem;
}
.-mr-2 {
margin-right: -2rem;
}
.-mb-2 {
margin-bottom: -2rem;
}
.-ml-2 {
margin-left: -2rem;
}
.-mt-3 {
margin-top: -3rem;
}
.-mr-3 {
margin-right: -3rem;
}
.-mb-3 {
margin-bottom: -3rem;
}
.-ml-3 {
margin-left: -3rem;
}
.-mt-4 {
margin-top: -4rem;
}
.-mr-4 {
margin-right: -4rem;
}
.-mb-4 {
margin-bottom: -4rem;
}
.-ml-4 {
margin-left: -4rem;
}
.-mt-5 {
margin-top: -5rem;
}
.-mr-5 {
margin-right: -5rem;
}
.-mb-5 {
margin-bottom: -5rem;
}
.-ml-5 {
margin-left: -5rem;
}
.-mt-6 {
margin-top: -6rem;
}
.-mr-6 {
margin-right: -6rem;
}
.-mb-6 {
margin-bottom: -6rem;
}
.-ml-6 {
margin-left: -6rem;
}
.-mt-8 {
margin-top: -8rem;
}
.-mr-8 {
margin-right: -8rem;
}
.-mb-8 {
margin-bottom: -8rem;
}
.-ml-8 {
margin-left: -8rem;
}
.-mt-10 {
margin-top: -2.5rem;
}
.-mr-10 {
margin-right: -2.5rem;
}
.-mb-10 {
margin-bottom: -2.5rem;
}
.-ml-10 {
margin-left: -2.5rem;
}
.-mt-12 {
margin-top: -12rem;
}
.-mr-12 {
margin-right: -12rem;
}
.-mb-12 {
margin-bottom: -12rem;
}
.-ml-12 {
margin-left: -12rem;
}
.-mt-16 {
margin-top: -4rem;
}
.-mr-16 {
margin-right: -4rem;
}
.-mb-16 {
margin-bottom: -4rem;
}
.-ml-16 {
margin-left: -4rem;
}
.-mt-20 {
margin-top: -5rem;
}
.-mr-20 {
margin-right: -5rem;
}
.-mb-20 {
margin-bottom: -5rem;
}
.-ml-20 {
margin-left: -5rem;
}
.-mt-24 {
margin-top: -6rem;
}
.-mr-24 {
margin-right: -6rem;
}
.-mb-24 {
margin-bottom: -6rem;
}
.-ml-24 {
margin-left: -6rem;
}
.-mt-32 {
margin-top: -8rem;
}
.-mr-32 {
margin-right: -8rem;
}
.-mb-32 {
margin-bottom: -8rem;
}
.-ml-32 {
margin-left: -8rem;
}
.-mt-40 {
margin-top: -10rem;
}
.-mr-40 {
margin-right: -10rem;
}
.-mb-40 {
margin-bottom: -10rem;
}
.-ml-40 {
margin-left: -10rem;
}
.-mt-48 {
margin-top: -12rem;
}
.-mr-48 {
margin-right: -12rem;
}
.-mb-48 {
margin-bottom: -12rem;
}
.-ml-48 {
margin-left: -12rem;
}
.-mt-56 {
margin-top: -14rem;
}
.-mr-56 {
margin-right: -14rem;
}
.-mb-56 {
margin-bottom: -14rem;
}
.-ml-56 {
margin-left: -14rem;
}
.-mt-64 {
margin-top: -16rem;
}
.-mr-64 {
margin-right: -16rem;
}
.-mb-64 {
margin-bottom: -16rem;
}
.-ml-64 {
margin-left: -16rem;
}
.-mt-px {
margin-top: -1px;
}
.-mr-px {
margin-right: -1px;
}
.-mb-px {
margin-bottom: -1px;
}
.-ml-px {
margin-left: -1px;
}
.-mt-0\.25 {
margin-top: -0.25rem;
}
.-mr-0\.25 {
margin-right: -0.25rem;
}
.-mb-0\.25 {
margin-bottom: -0.25rem;
}
.-ml-0\.25 {
margin-left: -0.25rem;
}
.-mt-0\.5 {
margin-top: -0.5rem;
}
.-mr-0\.5 {
margin-right: -0.5rem;
}
.-mb-0\.5 {
margin-bottom: -0.5rem;
}
.-ml-0\.5 {
margin-left: -0.5rem;
}
.-mt-0\.75 {
margin-top: -0.75rem;
}
.-mr-0\.75 {
margin-right: -0.75rem;
}
.-mb-0\.75 {
margin-bottom: -0.75rem;
}
.-ml-0\.75 {
margin-left: -0.75rem;
}
.-mt-1\.5 {
margin-top: -1.5rem;
}
.-mr-1\.5 {
margin-right: -1.5rem;
}
.-mb-1\.5 {
margin-bottom: -1.5rem;
}
.-ml-1\.5 {
margin-left: -1.5rem;
}
.max-h-full {
max-height: 100%;
}
.max-h-screen {
max-height: 100vh;
}
.max-w-none {
max-width: none;
}
.max-w-xs {
max-width: 20rem;
}
.max-w-sm {
max-width: 24rem;
}
.max-w-md {
max-width: 28rem;
}
.max-w-lg {
max-width: 32rem;
}
.max-w-xl {
max-width: 36rem;
}
.max-w-2xl {
max-width: 42rem;
}
.max-w-3xl {
max-width: 48rem;
}
.max-w-4xl {
max-width: 56rem;
}
.max-w-5xl {
max-width: 64rem;
}
.max-w-6xl {
max-width: 72rem;
}
.max-w-full {
max-width: 100%;
}
.max-w-screen-xxxl {
max-width: 1680px;
}
.max-w-320px {
max-width: 320px;
}
.min-h-0 {
min-height: 0;
}
.min-h-2 {
min-height: 2rem;
}
.min-h-full {
min-height: 100%;
}
.min-h-screen {
min-height: 100vh;
}
.min-h-min {
min-height: 1px;
}
.min-w-0 {
min-width: 0;
}
.min-w-full {
min-width: 100%;
}
.min-w-min {
min-width: 1px;
}
.object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.object-fill {
-o-object-fit: fill;
object-fit: fill;
}
.object-none {
-o-object-fit: none;
object-fit: none;
}
.object-scale-down {
-o-object-fit: scale-down;
object-fit: scale-down;
}
.object-bottom {
-o-object-position: bottom;
object-position: bottom;
}
.object-center {
-o-object-position: center;
object-position: center;
}
.object-left {
-o-object-position: left;
object-position: left;
}
.object-left-bottom {
-o-object-position: left bottom;
object-position: left bottom;
}
.object-left-top {
-o-object-position: left top;
object-position: left top;
}
.object-right {
-o-object-position: right;
object-position: right;
}
.object-right-bottom {
-o-object-position: right bottom;
object-position: right bottom;
}
.object-right-top {
-o-object-position: right top;
object-position: right top;
}
.object-top {
-o-object-position: top;
object-position: top;
}
.opacity-0 {
opacity: 0;
}
.opacity-25 {
opacity: 0.25;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-75 {
opacity: 0.75;
}
.opacity-100 {
opacity: 1;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overflow-x-visible {
overflow-x: visible;
}
.overflow-y-visible {
overflow-y: visible;
}
.overflow-x-scroll {
overflow-x: scroll;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.scrolling-touch {
-webkit-overflow-scrolling: touch;
}
.scrolling-auto {
-webkit-overflow-scrolling: auto;
}
.p-0 {
padding: 0;
}
.p-1 {
padding: 1rem;
}
.p-2 {
padding: 2rem;
}
.p-3 {
padding: 3rem;
}
.p-4 {
padding: 4rem;
}
.p-5 {
padding: 5rem;
}
.p-6 {
padding: 6rem;
}
.p-8 {
padding: 8rem;
}
.p-10 {
padding: 2.5rem;
}
.p-12 {
padding: 12rem;
}
.p-16 {
padding: 4rem;
}
.p-20 {
padding: 5rem;
}
.p-24 {
padding: 6rem;
}
.p-32 {
padding: 8rem;
}
.p-40 {
padding: 10rem;
}
.p-48 {
padding: 12rem;
}
.p-56 {
padding: 14rem;
}
.p-64 {
padding: 16rem;
}
.p-px {
padding: 1px;
}
.p-0\.25 {
padding: .25rem;
}
.p-0\.5 {
padding: .5rem;
}
.p-0\.75 {
padding: .75rem;
}
.p-1\.5 {
padding: 1.5rem;
}
.py-0 {
padding-top: 0;
padding-bottom: 0;
}
.px-0 {
padding-left: 0;
padding-right: 0;
}
.py-1 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.px-1 {
padding-left: 1rem;
padding-right: 1rem;
}
.py-2 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.px-2 {
padding-left: 2rem;
padding-right: 2rem;
}
.py-3 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.px-3 {
padding-left: 3rem;
padding-right: 3rem;
}
.py-4 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.px-4 {
padding-left: 4rem;
padding-right: 4rem;
}
.py-5 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.px-5 {
padding-left: 5rem;
padding-right: 5rem;
}
.py-6 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.px-6 {
padding-left: 6rem;
padding-right: 6rem;
}
.py-8 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.px-8 {
padding-left: 8rem;
padding-right: 8rem;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.py-12 {
padding-top: 12rem;
padding-bottom: 12rem;
}
.px-12 {
padding-left: 12rem;
padding-right: 12rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.px-24 {
padding-left: 6rem;
padding-right: 6rem;
}
.py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.px-32 {
padding-left: 8rem;
padding-right: 8rem;
}
.py-40 {
padding-top: 10rem;
padding-bottom: 10rem;
}
.px-40 {
padding-left: 10rem;
padding-right: 10rem;
}
.py-48 {
padding-top: 12rem;
padding-bottom: 12rem;
}
.px-48 {
padding-left: 12rem;
padding-right: 12rem;
}
.py-56 {
padding-top: 14rem;
padding-bottom: 14rem;
}
.px-56 {
padding-left: 14rem;
padding-right: 14rem;
}
.py-64 {
padding-top: 16rem;
padding-bottom: 16rem;
}
.px-64 {
padding-left: 16rem;
padding-right: 16rem;
}
.py-px {
padding-top: 1px;
padding-bottom: 1px;
}
.px-px {
padding-left: 1px;
padding-right: 1px;
}
.py-0\.25 {
padding-top: .25rem;
padding-bottom: .25rem;
}
.px-0\.25 {
padding-left: .25rem;
padding-right: .25rem;
}
.py-0\.5 {
padding-top: .5rem;
padding-bottom: .5rem;
}
.px-0\.5 {
padding-left: .5rem;
padding-right: .5rem;
}
.py-0\.75 {
padding-top: .75rem;
padding-bottom: .75rem;
}
.px-0\.75 {
padding-left: .75rem;
padding-right: .75rem;
}
.py-1\.5 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.px-1\.5 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.pt-0 {
padding-top: 0;
}
.pr-0 {
padding-right: 0;
}
.pb-0 {
padding-bottom: 0;
}
.pl-0 {
padding-left: 0;
}
.pt-1 {
padding-top: 1rem;
}
.pr-1 {
padding-right: 1rem;
}
.pb-1 {
padding-bottom: 1rem;
}
.pl-1 {
padding-left: 1rem;
}
.pt-2 {
padding-top: 2rem;
}
.pr-2 {
padding-right: 2rem;
}
.pb-2 {
padding-bottom: 2rem;
}
.pl-2 {
padding-left: 2rem;
}
.pt-3 {
padding-top: 3rem;
}
.pr-3 {
padding-right: 3rem;
}
.pb-3 {
padding-bottom: 3rem;
}
.pl-3 {
padding-left: 3rem;
}
.pt-4 {
padding-top: 4rem;
}
.pr-4 {
padding-right: 4rem;
}
.pb-4 {
padding-bottom: 4rem;
}
.pl-4 {
padding-left: 4rem;
}
.pt-5 {
padding-top: 5rem;
}
.pr-5 {
padding-right: 5rem;
}
.pb-5 {
padding-bottom: 5rem;
}
.pl-5 {
padding-left: 5rem;
}
.pt-6 {
padding-top: 6rem;
}
.pr-6 {
padding-right: 6rem;
}
.pb-6 {
padding-bottom: 6rem;
}
.pl-6 {
padding-left: 6rem;
}
.pt-8 {
padding-top: 8rem;
}
.pr-8 {
padding-right: 8rem;
}
.pb-8 {
padding-bottom: 8rem;
}
.pl-8 {
padding-left: 8rem;
}
.pt-10 {
padding-top: 2.5rem;
}
.pr-10 {
padding-right: 2.5rem;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.pl-10 {
padding-left: 2.5rem;
}
.pt-12 {
padding-top: 12rem;
}
.pr-12 {
padding-right: 12rem;
}
.pb-12 {
padding-bottom: 12rem;
}
.pl-12 {
padding-left: 12rem;
}
.pt-16 {
padding-top: 4rem;
}
.pr-16 {
padding-right: 4rem;
}
.pb-16 {
padding-bottom: 4rem;
}
.pl-16 {
padding-left: 4rem;
}
.pt-20 {
padding-top: 5rem;
}
.pr-20 {
padding-right: 5rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pl-20 {
padding-left: 5rem;
}
.pt-24 {
padding-top: 6rem;
}
.pr-24 {
padding-right: 6rem;
}
.pb-24 {
padding-bottom: 6rem;
}
.pl-24 {
padding-left: 6rem;
}
.pt-32 {
padding-top: 8rem;
}
.pr-32 {
padding-right: 8rem;
}
.pb-32 {
padding-bottom: 8rem;
}
.pl-32 {
padding-left: 8rem;
}
.pt-40 {
padding-top: 10rem;
}
.pr-40 {
padding-right: 10rem;
}
.pb-40 {
padding-bottom: 10rem;
}
.pl-40 {
padding-left: 10rem;
}
.pt-48 {
padding-top: 12rem;
}
.pr-48 {
padding-right: 12rem;
}
.pb-48 {
padding-bottom: 12rem;
}
.pl-48 {
padding-left: 12rem;
}
.pt-56 {
padding-top: 14rem;
}
.pr-56 {
padding-right: 14rem;
}
.pb-56 {
padding-bottom: 14rem;
}
.pl-56 {
padding-left: 14rem;
}
.pt-64 {
padding-top: 16rem;
}
.pr-64 {
padding-right: 16rem;
}
.pb-64 {
padding-bottom: 16rem;
}
.pl-64 {
padding-left: 16rem;
}
.pt-px {
padding-top: 1px;
}
.pr-px {
padding-right: 1px;
}
.pb-px {
padding-bottom: 1px;
}
.pl-px {
padding-left: 1px;
}
.pt-0\.25 {
padding-top: .25rem;
}
.pr-0\.25 {
padding-right: .25rem;
}
.pb-0\.25 {
padding-bottom: .25rem;
}
.pl-0\.25 {
padding-left: .25rem;
}
.pt-0\.5 {
padding-top: .5rem;
}
.pr-0\.5 {
padding-right: .5rem;
}
.pb-0\.5 {
padding-bottom: .5rem;
}
.pl-0\.5 {
padding-left: .5rem;
}
.pt-0\.75 {
padding-top: .75rem;
}
.pr-0\.75 {
padding-right: .75rem;
}
.pb-0\.75 {
padding-bottom: .75rem;
}
.pl-0\.75 {
padding-left: .75rem;
}
.pt-1\.5 {
padding-top: 1.5rem;
}
.pr-1\.5 {
padding-right: 1.5rem;
}
.pb-1\.5 {
padding-bottom: 1.5rem;
}
.pl-1\.5 {
padding-left: 1.5rem;
}
.pointer-events-none {
pointer-events: none;
}
.pointer-events-auto {
pointer-events: auto;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.inset-1 {
top: 1rem;
right: 1rem;
bottom: 1rem;
left: 1rem;
}
.inset-2 {
top: 2rem;
right: 2rem;
bottom: 2rem;
left: 2rem;
}
.inset-3 {
top: 3rem;
right: 3rem;
bottom: 3rem;
left: 3rem;
}
.inset-4 {
top: 4rem;
right: 4rem;
bottom: 4rem;
left: 4rem;
}
.inset-5 {
top: 5rem;
right: 5rem;
bottom: 5rem;
left: 5rem;
}
.inset-6 {
top: 6rem;
right: 6rem;
bottom: 6rem;
left: 6rem;
}
.inset-8 {
top: 8rem;
right: 8rem;
bottom: 8rem;
left: 8rem;
}
.inset-12 {
top: 12rem;
right: 12rem;
bottom: 12rem;
left: 12rem;
}
.inset-auto {
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.inset-0\.25 {
top: .25rem;
right: .25rem;
bottom: .25rem;
left: .25rem;
}
.inset-0\.5 {
top: .5rem;
right: .5rem;
bottom: .5rem;
left: .5rem;
}
.inset-0\.75 {
top: .75rem;
right: .75rem;
bottom: .75rem;
left: .75rem;
}
.inset-1\.5 {
top: 1.5rem;
right: 1.5rem;
bottom: 1.5rem;
left: 1.5rem;
}
.inset-y-0 {
top: 0;
bottom: 0;
}
.inset-x-0 {
right: 0;
left: 0;
}
.inset-y-1 {
top: 1rem;
bottom: 1rem;
}
.inset-x-1 {
right: 1rem;
left: 1rem;
}
.inset-y-2 {
top: 2rem;
bottom: 2rem;
}
.inset-x-2 {
right: 2rem;
left: 2rem;
}
.inset-y-3 {
top: 3rem;
bottom: 3rem;
}
.inset-x-3 {
right: 3rem;
left: 3rem;
}
.inset-y-4 {
top: 4rem;
bottom: 4rem;
}
.inset-x-4 {
right: 4rem;
left: 4rem;
}
.inset-y-5 {
top: 5rem;
bottom: 5rem;
}
.inset-x-5 {
right: 5rem;
left: 5rem;
}
.inset-y-6 {
top: 6rem;
bottom: 6rem;
}
.inset-x-6 {
right: 6rem;
left: 6rem;
}
.inset-y-8 {
top: 8rem;
bottom: 8rem;
}
.inset-x-8 {
right: 8rem;
left: 8rem;
}
.inset-y-12 {
top: 12rem;
bottom: 12rem;
}
.inset-x-12 {
right: 12rem;
left: 12rem;
}
.inset-y-auto {
top: auto;
bottom: auto;
}
.inset-x-auto {
right: auto;
left: auto;
}
.inset-y-0\.25 {
top: .25rem;
bottom: .25rem;
}
.inset-x-0\.25 {
right: .25rem;
left: .25rem;
}
.inset-y-0\.5 {
top: .5rem;
bottom: .5rem;
}
.inset-x-0\.5 {
right: .5rem;
left: .5rem;
}
.inset-y-0\.75 {
top: .75rem;
bottom: .75rem;
}
.inset-x-0\.75 {
right: .75rem;
left: .75rem;
}
.inset-y-1\.5 {
top: 1.5rem;
bottom: 1.5rem;
}
.inset-x-1\.5 {
right: 1.5rem;
left: 1.5rem;
}
.top-0 {
top: 0;
}
.right-0 {
right: 0;
}
.bottom-0 {
bottom: 0;
}
.left-0 {
left: 0;
}
.top-1 {
top: 1rem;
}
.right-1 {
right: 1rem;
}
.bottom-1 {
bottom: 1rem;
}
.left-1 {
left: 1rem;
}
.top-2 {
top: 2rem;
}
.right-2 {
right: 2rem;
}
.bottom-2 {
bottom: 2rem;
}
.left-2 {
left: 2rem;
}
.top-3 {
top: 3rem;
}
.right-3 {
right: 3rem;
}
.bottom-3 {
bottom: 3rem;
}
.left-3 {
left: 3rem;
}
.top-4 {
top: 4rem;
}
.right-4 {
right: 4rem;
}
.bottom-4 {
bottom: 4rem;
}
.left-4 {
left: 4rem;
}
.top-5 {
top: 5rem;
}
.right-5 {
right: 5rem;
}
.bottom-5 {
bottom: 5rem;
}
.left-5 {
left: 5rem;
}
.top-6 {
top: 6rem;
}
.right-6 {
right: 6rem;
}
.bottom-6 {
bottom: 6rem;
}
.left-6 {
left: 6rem;
}
.top-8 {
top: 8rem;
}
.right-8 {
right: 8rem;
}
.bottom-8 {
bottom: 8rem;
}
.left-8 {
left: 8rem;
}
.top-12 {
top: 12rem;
}
.right-12 {
right: 12rem;
}
.bottom-12 {
bottom: 12rem;
}
.left-12 {
left: 12rem;
}
.top-auto {
top: auto;
}
.right-auto {
right: auto;
}
.bottom-auto {
bottom: auto;
}
.left-auto {
left: auto;
}
.top-0\.25 {
top: .25rem;
}
.right-0\.25 {
right: .25rem;
}
.bottom-0\.25 {
bottom: .25rem;
}
.left-0\.25 {
left: .25rem;
}
.top-0\.5 {
top: .5rem;
}
.right-0\.5 {
right: .5rem;
}
.bottom-0\.5 {
bottom: .5rem;
}
.left-0\.5 {
left: .5rem;
}
.top-0\.75 {
top: .75rem;
}
.right-0\.75 {
right: .75rem;
}
.bottom-0\.75 {
bottom: .75rem;
}
.left-0\.75 {
left: .75rem;
}
.top-1\.5 {
top: 1.5rem;
}
.right-1\.5 {
right: 1.5rem;
}
.bottom-1\.5 {
bottom: 1.5rem;
}
.left-1\.5 {
left: 1.5rem;
}
.shadow-xs {
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.shadow-sm {
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.shadow {
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.shadow-md {
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.shadow-lg {
-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.shadow-xl {
-webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.shadow-2xl {
-webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.shadow-inner {
-webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
.shadow-outline {
-webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}
.shadow-none {
-webkit-box-shadow: none;
box-shadow: none;
}
.fill-blue {
fill: #0087DC;
}
.fill-white {
fill: #FFFFFF;
}
.fill-black {
fill: #3C3C3C;
}
.fill-transparent {
fill: transparent;
}
.fill-currentColor {
fill: currentColor;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.text-blue {
color: #0087DC;
}
.text-white {
color: #FFFFFF;
}
.text-black {
color: #3C3C3C;
}
.text-transparent {
color: transparent;
}
.text-currentColor {
color: currentColor;
}
.italic {
font-style: italic;
}
.not-italic {
font-style: normal;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.capitalize {
text-transform: capitalize;
}
.normal-case {
text-transform: none;
}
.underline {
text-decoration: underline;
}
.line-through {
text-decoration: line-through;
}
.no-underline {
text-decoration: none;
}
.tracking-reset {
letter-spacing: 0;
}
.tracking-normal {
letter-spacing: 0.625px;
}
.tracking-wide {
letter-spacing: 1.25px;
}
.tracking-extra_wide {
letter-spacing: 2.5px;
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.w-0 {
width: 0;
}
.w-1 {
width: 1rem;
}
.w-2 {
width: 2rem;
}
.w-3 {
width: 3rem;
}
.w-4 {
width: 4rem;
}
.w-5 {
width: 5rem;
}
.w-6 {
width: 6rem;
}
.w-8 {
width: 8rem;
}
.w-10 {
width: 2.5rem;
}
.w-12 {
width: 12rem;
}
.w-16 {
width: 4rem;
}
.w-20 {
width: 5rem;
}
.w-24 {
width: 6rem;
}
.w-32 {
width: 8rem;
}
.w-40 {
width: 10rem;
}
.w-48 {
width: 12rem;
}
.w-56 {
width: 14rem;
}
.w-64 {
width: 16rem;
}
.w-auto {
width: auto;
}
.w-px {
width: 1px;
}
.w-0\.25 {
width: .25rem;
}
.w-0\.5 {
width: .5rem;
}
.w-0\.75 {
width: .75rem;
}
.w-1\.5 {
width: 1.5rem;
}
.w-1\/2 {
width: 50%;
}
.w-1\/3 {
width: 33.333333%;
}
.w-2\/3 {
width: 66.666667%;
}
.w-1\/4 {
width: 25%;
}
.w-2\/4 {
width: 50%;
}
.w-3\/4 {
width: 75%;
}
.w-1\/5 {
width: 20%;
}
.w-2\/5 {
width: 40%;
}
.w-3\/5 {
width: 60%;
}
.w-4\/5 {
width: 80%;
}
.w-1\/6 {
width: 16.666667%;
}
.w-2\/6 {
width: 33.333333%;
}
.w-3\/6 {
width: 50%;
}
.w-4\/6 {
width: 66.666667%;
}
.w-5\/6 {
width: 83.333333%;
}
.w-1\/12 {
width: 8.333333%;
}
.w-2\/12 {
width: 16.666667%;
}
.w-3\/12 {
width: 25%;
}
.w-4\/12 {
width: 33.333333%;
}
.w-5\/12 {
width: 41.666667%;
}
.w-6\/12 {
width: 50%;
}
.w-7\/12 {
width: 58.333333%;
}
.w-8\/12 {
width: 66.666667%;
}
.w-9\/12 {
width: 75%;
}
.w-10\/12 {
width: 83.333333%;
}
.w-11\/12 {
width: 91.666667%;
}
.w-full {
width: 100%;
}
.w-screen {
width: 100vw;
}
.w-1px {
width: 1px;
}
.w-2px {
width: 2px;
}
.w-2\.5 {
width: 2.5rem;
}
.gap-0 {
grid-gap: 0;
gap: 0;
}
.gap-1 {
grid-gap: 1rem;
gap: 1rem;
}
.gap-2 {
grid-gap: 2rem;
gap: 2rem;
}
.gap-3 {
grid-gap: 3rem;
gap: 3rem;
}
.gap-4 {
grid-gap: 4rem;
gap: 4rem;
}
.gap-5 {
grid-gap: 5rem;
gap: 5rem;
}
.gap-6 {
grid-gap: 6rem;
gap: 6rem;
}
.gap-8 {
grid-gap: 8rem;
gap: 8rem;
}
.gap-10 {
grid-gap: 2.5rem;
gap: 2.5rem;
}
.gap-12 {
grid-gap: 12rem;
gap: 12rem;
}
.gap-16 {
grid-gap: 4rem;
gap: 4rem;
}
.gap-20 {
grid-gap: 5rem;
gap: 5rem;
}
.gap-24 {
grid-gap: 6rem;
gap: 6rem;
}
.gap-32 {
grid-gap: 8rem;
gap: 8rem;
}
.gap-40 {
grid-gap: 10rem;
gap: 10rem;
}
.gap-48 {
grid-gap: 12rem;
gap: 12rem;
}
.gap-56 {
grid-gap: 14rem;
gap: 14rem;
}
.gap-64 {
grid-gap: 16rem;
gap: 16rem;
}
.gap-px {
grid-gap: 1px;
gap: 1px;
}
.gap-0\.25 {
grid-gap: .25rem;
gap: .25rem;
}
.gap-0\.5 {
grid-gap: .5rem;
gap: .5rem;
}
.gap-0\.75 {
grid-gap: .75rem;
gap: .75rem;
}
.gap-1\.5 {
grid-gap: 1.5rem;
gap: 1.5rem;
}
.col-gap-0 {
grid-column-gap: 0;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.col-gap-1 {
grid-column-gap: 1rem;
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.col-gap-2 {
grid-column-gap: 2rem;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.col-gap-3 {
grid-column-gap: 3rem;
-webkit-column-gap: 3rem;
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.col-gap-4 {
grid-column-gap: 4rem;
-webkit-column-gap: 4rem;
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.col-gap-5 {
grid-column-gap: 5rem;
-webkit-column-gap: 5rem;
-moz-column-gap: 5rem;
column-gap: 5rem;
}
.col-gap-6 {
grid-column-gap: 6rem;
-webkit-column-gap: 6rem;
-moz-column-gap: 6rem;
column-gap: 6rem;
}
.col-gap-8 {
grid-column-gap: 8rem;
-webkit-column-gap: 8rem;
-moz-column-gap: 8rem;
column-gap: 8rem;
}
.col-gap-10 {
grid-column-gap: 2.5rem;
-webkit-column-gap: 2.5rem;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.col-gap-12 {
grid-column-gap: 12rem;
-webkit-column-gap: 12rem;
-moz-column-gap: 12rem;
column-gap: 12rem;
}
.col-gap-16 {
grid-column-gap: 4rem;
-webkit-column-gap: 4rem;
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.col-gap-20 {
grid-column-gap: 5rem;
-webkit-column-gap: 5rem;
-moz-column-gap: 5rem;
column-gap: 5rem;
}
.col-gap-24 {
grid-column-gap: 6rem;
-webkit-column-gap: 6rem;
-moz-column-gap: 6rem;
column-gap: 6rem;
}
.col-gap-32 {
grid-column-gap: 8rem;
-webkit-column-gap: 8rem;
-moz-column-gap: 8rem;
column-gap: 8rem;
}
.col-gap-40 {
grid-column-gap: 10rem;
-webkit-column-gap: 10rem;
-moz-column-gap: 10rem;
column-gap: 10rem;
}
.col-gap-48 {
grid-column-gap: 12rem;
-webkit-column-gap: 12rem;
-moz-column-gap: 12rem;
column-gap: 12rem;
}
.col-gap-56 {
grid-column-gap: 14rem;
-webkit-column-gap: 14rem;
-moz-column-gap: 14rem;
column-gap: 14rem;
}
.col-gap-64 {
grid-column-gap: 16rem;
-webkit-column-gap: 16rem;
-moz-column-gap: 16rem;
column-gap: 16rem;
}
.col-gap-px {
grid-column-gap: 1px;
-webkit-column-gap: 1px;
-moz-column-gap: 1px;
column-gap: 1px;
}
.col-gap-0\.25 {
grid-column-gap: .25rem;
-webkit-column-gap: .25rem;
-moz-column-gap: .25rem;
column-gap: .25rem;
}
.col-gap-0\.5 {
grid-column-gap: .5rem;
-webkit-column-gap: .5rem;
-moz-column-gap: .5rem;
column-gap: .5rem;
}
.col-gap-0\.75 {
grid-column-gap: .75rem;
-webkit-column-gap: .75rem;
-moz-column-gap: .75rem;
column-gap: .75rem;
}
.col-gap-1\.5 {
grid-column-gap: 1.5rem;
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.gap-x-0 {
grid-column-gap: 0;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.gap-x-1 {
grid-column-gap: 1rem;
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.gap-x-2 {
grid-column-gap: 2rem;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.gap-x-3 {
grid-column-gap: 3rem;
-webkit-column-gap: 3rem;
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.gap-x-4 {
grid-column-gap: 4rem;
-webkit-column-gap: 4rem;
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.gap-x-5 {
grid-column-gap: 5rem;
-webkit-column-gap: 5rem;
-moz-column-gap: 5rem;
column-gap: 5rem;
}
.gap-x-6 {
grid-column-gap: 6rem;
-webkit-column-gap: 6rem;
-moz-column-gap: 6rem;
column-gap: 6rem;
}
.gap-x-8 {
grid-column-gap: 8rem;
-webkit-column-gap: 8rem;
-moz-column-gap: 8rem;
column-gap: 8rem;
}
.gap-x-10 {
grid-column-gap: 2.5rem;
-webkit-column-gap: 2.5rem;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.gap-x-12 {
grid-column-gap: 12rem;
-webkit-column-gap: 12rem;
-moz-column-gap: 12rem;
column-gap: 12rem;
}
.gap-x-16 {
grid-column-gap: 4rem;
-webkit-column-gap: 4rem;
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.gap-x-20 {
grid-column-gap: 5rem;
-webkit-column-gap: 5rem;
-moz-column-gap: 5rem;
column-gap: 5rem;
}
.gap-x-24 {
grid-column-gap: 6rem;
-webkit-column-gap: 6rem;
-moz-column-gap: 6rem;
column-gap: 6rem;
}
.gap-x-32 {
grid-column-gap: 8rem;
-webkit-column-gap: 8rem;
-moz-column-gap: 8rem;
column-gap: 8rem;
}
.gap-x-40 {
grid-column-gap: 10rem;
-webkit-column-gap: 10rem;
-moz-column-gap: 10rem;
column-gap: 10rem;
}
.gap-x-48 {
grid-column-gap: 12rem;
-webkit-column-gap: 12rem;
-moz-column-gap: 12rem;
column-gap: 12rem;
}
.gap-x-56 {
grid-column-gap: 14rem;
-webkit-column-gap: 14rem;
-moz-column-gap: 14rem;
column-gap: 14rem;
}
.gap-x-64 {
grid-column-gap: 16rem;
-webkit-column-gap: 16rem;
-moz-column-gap: 16rem;
column-gap: 16rem;
}
.gap-x-px {
grid-column-gap: 1px;
-webkit-column-gap: 1px;
-moz-column-gap: 1px;
column-gap: 1px;
}
.gap-x-0\.25 {
grid-column-gap: .25rem;
-webkit-column-gap: .25rem;
-moz-column-gap: .25rem;
column-gap: .25rem;
}
.gap-x-0\.5 {
grid-column-gap: .5rem;
-webkit-column-gap: .5rem;
-moz-column-gap: .5rem;
column-gap: .5rem;
}
.gap-x-0\.75 {
grid-column-gap: .75rem;
-webkit-column-gap: .75rem;
-moz-column-gap: .75rem;
column-gap: .75rem;
}
.gap-x-1\.5 {
grid-column-gap: 1.5rem;
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.row-gap-0 {
grid-row-gap: 0;
row-gap: 0;
}
.row-gap-1 {
grid-row-gap: 1rem;
row-gap: 1rem;
}
.row-gap-2 {
grid-row-gap: 2rem;
row-gap: 2rem;
}
.row-gap-3 {
grid-row-gap: 3rem;
row-gap: 3rem;
}
.row-gap-4 {
grid-row-gap: 4rem;
row-gap: 4rem;
}
.row-gap-5 {
grid-row-gap: 5rem;
row-gap: 5rem;
}
.row-gap-6 {
grid-row-gap: 6rem;
row-gap: 6rem;
}
.row-gap-8 {
grid-row-gap: 8rem;
row-gap: 8rem;
}
.row-gap-10 {
grid-row-gap: 2.5rem;
row-gap: 2.5rem;
}
.row-gap-12 {
grid-row-gap: 12rem;
row-gap: 12rem;
}
.row-gap-16 {
grid-row-gap: 4rem;
row-gap: 4rem;
}
.row-gap-20 {
grid-row-gap: 5rem;
row-gap: 5rem;
}
.row-gap-24 {
grid-row-gap: 6rem;
row-gap: 6rem;
}
.row-gap-32 {
grid-row-gap: 8rem;
row-gap: 8rem;
}
.row-gap-40 {
grid-row-gap: 10rem;
row-gap: 10rem;
}
.row-gap-48 {
grid-row-gap: 12rem;
row-gap: 12rem;
}
.row-gap-56 {
grid-row-gap: 14rem;
row-gap: 14rem;
}
.row-gap-64 {
grid-row-gap: 16rem;
row-gap: 16rem;
}
.row-gap-px {
grid-row-gap: 1px;
row-gap: 1px;
}
.row-gap-0\.25 {
grid-row-gap: .25rem;
row-gap: .25rem;
}
.row-gap-0\.5 {
grid-row-gap: .5rem;
row-gap: .5rem;
}
.row-gap-0\.75 {
grid-row-gap: .75rem;
row-gap: .75rem;
}
.row-gap-1\.5 {
grid-row-gap: 1.5rem;
row-gap: 1.5rem;
}
.gap-y-0 {
grid-row-gap: 0;
row-gap: 0;
}
.gap-y-1 {
grid-row-gap: 1rem;
row-gap: 1rem;
}
.gap-y-2 {
grid-row-gap: 2rem;
row-gap: 2rem;
}
.gap-y-3 {
grid-row-gap: 3rem;
row-gap: 3rem;
}
.gap-y-4 {
grid-row-gap: 4rem;
row-gap: 4rem;
}
.gap-y-5 {
grid-row-gap: 5rem;
row-gap: 5rem;
}
.gap-y-6 {
grid-row-gap: 6rem;
row-gap: 6rem;
}
.gap-y-8 {
grid-row-gap: 8rem;
row-gap: 8rem;
}
.gap-y-10 {
grid-row-gap: 2.5rem;
row-gap: 2.5rem;
}
.gap-y-12 {
grid-row-gap: 12rem;
row-gap: 12rem;
}
.gap-y-16 {
grid-row-gap: 4rem;
row-gap: 4rem;
}
.gap-y-20 {
grid-row-gap: 5rem;
row-gap: 5rem;
}
.gap-y-24 {
grid-row-gap: 6rem;
row-gap: 6rem;
}
.gap-y-32 {
grid-row-gap: 8rem;
row-gap: 8rem;
}
.gap-y-40 {
grid-row-gap: 10rem;
row-gap: 10rem;
}
.gap-y-48 {
grid-row-gap: 12rem;
row-gap: 12rem;
}
.gap-y-56 {
grid-row-gap: 14rem;
row-gap: 14rem;
}
.gap-y-64 {
grid-row-gap: 16rem;
row-gap: 16rem;
}
.gap-y-px {
grid-row-gap: 1px;
row-gap: 1px;
}
.gap-y-0\.25 {
grid-row-gap: .25rem;
row-gap: .25rem;
}
.gap-y-0\.5 {
grid-row-gap: .5rem;
row-gap: .5rem;
}
.gap-y-0\.75 {
grid-row-gap: .75rem;
row-gap: .75rem;
}
.gap-y-1\.5 {
grid-row-gap: 1.5rem;
row-gap: 1.5rem;
}
.grid-flow-row {
grid-auto-flow: row;
}
.grid-flow-col {
grid-auto-flow: column;
}
.grid-flow-row-dense {
grid-auto-flow: row dense;
}
.grid-flow-col-dense {
grid-auto-flow: column dense;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-none {
grid-template-columns: none;
}
.auto-cols-auto {
grid-auto-columns: auto;
}
.auto-cols-min {
grid-auto-columns: -webkit-min-content;
grid-auto-columns: min-content;
}
.auto-cols-max {
grid-auto-columns: -webkit-max-content;
grid-auto-columns: max-content;
}
.auto-cols-fr {
grid-auto-columns: minmax(0, 1fr);
}
.col-auto {
grid-column: auto;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.col-span-4 {
grid-column: span 4 / span 4;
}
.col-span-5 {
grid-column: span 5 / span 5;
}
.col-span-6 {
grid-column: span 6 / span 6;
}
.col-span-7 {
grid-column: span 7 / span 7;
}
.col-span-8 {
grid-column: span 8 / span 8;
}
.col-span-9 {
grid-column: span 9 / span 9;
}
.col-span-10 {
grid-column: span 10 / span 10;
}
.col-span-11 {
grid-column: span 11 / span 11;
}
.col-span-12 {
grid-column: span 12 / span 12;
}
.col-span-full {
grid-column: 1 / -1;
}
.col-start-1 {
grid-column-start: 1;
}
.col-start-2 {
grid-column-start: 2;
}
.col-start-3 {
grid-column-start: 3;
}
.col-start-4 {
grid-column-start: 4;
}
.col-start-5 {
grid-column-start: 5;
}
.col-start-6 {
grid-column-start: 6;
}
.col-start-7 {
grid-column-start: 7;
}
.col-start-8 {
grid-column-start: 8;
}
.col-start-9 {
grid-column-start: 9;
}
.col-start-10 {
grid-column-start: 10;
}
.col-start-11 {
grid-column-start: 11;
}
.col-start-12 {
grid-column-start: 12;
}
.col-start-13 {
grid-column-start: 13;
}
.col-start-auto {
grid-column-start: auto;
}
.col-end-1 {
grid-column-end: 1;
}
.col-end-2 {
grid-column-end: 2;
}
.col-end-3 {
grid-column-end: 3;
}
.col-end-4 {
grid-column-end: 4;
}
.col-end-5 {
grid-column-end: 5;
}
.col-end-6 {
grid-column-end: 6;
}
.col-end-7 {
grid-column-end: 7;
}
.col-end-8 {
grid-column-end: 8;
}
.col-end-9 {
grid-column-end: 9;
}
.col-end-10 {
grid-column-end: 10;
}
.col-end-11 {
grid-column-end: 11;
}
.col-end-12 {
grid-column-end: 12;
}
.col-end-13 {
grid-column-end: 13;
}
.col-end-auto {
grid-column-end: auto;
}
.grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
.grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr));
}
.grid-rows-none {
grid-template-rows: none;
}
.auto-rows-auto {
grid-auto-rows: auto;
}
.auto-rows-min {
grid-auto-rows: -webkit-min-content;
grid-auto-rows: min-content;
}
.auto-rows-max {
grid-auto-rows: -webkit-max-content;
grid-auto-rows: max-content;
}
.auto-rows-fr {
grid-auto-rows: minmax(0, 1fr);
}
.row-auto {
grid-row: auto;
}
.row-span-1 {
grid-row: span 1 / span 1;
}
.row-span-2 {
grid-row: span 2 / span 2;
}
.row-span-3 {
grid-row: span 3 / span 3;
}
.row-span-4 {
grid-row: span 4 / span 4;
}
.row-span-5 {
grid-row: span 5 / span 5;
}
.row-span-6 {
grid-row: span 6 / span 6;
}
.row-span-full {
grid-row: 1 / -1;
}
.row-start-1 {
grid-row-start: 1;
}
.row-start-2 {
grid-row-start: 2;
}
.row-start-3 {
grid-row-start: 3;
}
.row-start-4 {
grid-row-start: 4;
}
.row-start-5 {
grid-row-start: 5;
}
.row-start-6 {
grid-row-start: 6;
}
.row-start-7 {
grid-row-start: 7;
}
.row-start-auto {
grid-row-start: auto;
}
.row-end-1 {
grid-row-end: 1;
}
.row-end-2 {
grid-row-end: 2;
}
.row-end-3 {
grid-row-end: 3;
}
.row-end-4 {
grid-row-end: 4;
}
.row-end-5 {
grid-row-end: 5;
}
.row-end-6 {
grid-row-end: 6;
}
.row-end-7 {
grid-row-end: 7;
}
.row-end-auto {
grid-row-end: auto;
}
.transform {
--transform-translate-x: 0;
--transform-translate-y: 0;
--transform-rotate: 0;
--transform-skew-x: 0;
--transform-skew-y: 0;
--transform-scale-x: 1;
--transform-scale-y: 1;
-webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
-o-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}
.transform-none {
-webkit-transform: none;
-o-transform: none;
transform: none;
}
.origin-center {
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
}
.origin-top {
-webkit-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
}
.origin-top-right {
-webkit-transform-origin: top right;
-o-transform-origin: top right;
transform-origin: top right;
}
.origin-right {
-webkit-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
}
.origin-bottom-right {
-webkit-transform-origin: bottom right;
-o-transform-origin: bottom right;
transform-origin: bottom right;
}
.origin-bottom {
-webkit-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
}
.origin-bottom-left {
-webkit-transform-origin: bottom left;
-o-transform-origin: bottom left;
transform-origin: bottom left;
}
.origin-left {
-webkit-transform-origin: left;
-o-transform-origin: left;
transform-origin: left;
}
.origin-top-left {
-webkit-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
}
.rotate-0 {
--transform-rotate: 0;
}
.rotate-1 {
--transform-rotate: 1deg;
}
.rotate-2 {
--transform-rotate: 2deg;
}
.rotate-3 {
--transform-rotate: 3deg;
}
.rotate-6 {
--transform-rotate: 6deg;
}
.rotate-12 {
--transform-rotate: 12deg;
}
.rotate-45 {
--transform-rotate: 45deg;
}
.rotate-90 {
--transform-rotate: 90deg;
}
.rotate-180 {
--transform-rotate: 180deg;
}
.-rotate-180 {
--transform-rotate: -180deg;
}
.-rotate-90 {
--transform-rotate: -90deg;
}
.-rotate-45 {
--transform-rotate: -45deg;
}
.-rotate-12 {
--transform-rotate: -12deg;
}
.-rotate-6 {
--transform-rotate: -6deg;
}
.-rotate-3 {
--transform-rotate: -3deg;
}
.-rotate-2 {
--transform-rotate: -2deg;
}
.-rotate-1 {
--transform-rotate: -1deg;
}
.-rotate-8 {
--transform-rotate: -8deg;
}
.translate-x-0 {
--transform-translate-x: 0;
}
.translate-x-1 {
--transform-translate-x: 1rem;
}
.translate-x-2 {
--transform-translate-x: 2rem;
}
.translate-x-3 {
--transform-translate-x: 3rem;
}
.translate-x-4 {
--transform-translate-x: 4rem;
}
.translate-x-5 {
--transform-translate-x: 5rem;
}
.translate-x-6 {
--transform-translate-x: 6rem;
}
.translate-x-8 {
--transform-translate-x: 8rem;
}
.translate-x-10 {
--transform-translate-x: 2.5rem;
}
.translate-x-12 {
--transform-translate-x: 12rem;
}
.translate-x-16 {
--transform-translate-x: 4rem;
}
.translate-x-20 {
--transform-translate-x: 5rem;
}
.translate-x-24 {
--transform-translate-x: 6rem;
}
.translate-x-32 {
--transform-translate-x: 8rem;
}
.translate-x-40 {
--transform-translate-x: 10rem;
}
.translate-x-48 {
--transform-translate-x: 12rem;
}
.translate-x-56 {
--transform-translate-x: 14rem;
}
.translate-x-64 {
--transform-translate-x: 16rem;
}
.translate-x-px {
--transform-translate-x: 1px;
}
.translate-x-0\.25 {
--transform-translate-x: .25rem;
}
.translate-x-0\.5 {
--transform-translate-x: .5rem;
}
.translate-x-0\.75 {
--transform-translate-x: .75rem;
}
.translate-x-1\.5 {
--transform-translate-x: 1.5rem;
}
.-translate-x-1 {
--transform-translate-x: -1rem;
}
.-translate-x-2 {
--transform-translate-x: -2rem;
}
.-translate-x-3 {
--transform-translate-x: -3rem;
}
.-translate-x-4 {
--transform-translate-x: -4rem;
}
.-translate-x-5 {
--transform-translate-x: -5rem;
}
.-translate-x-6 {
--transform-translate-x: -6rem;
}
.-translate-x-8 {
--transform-translate-x: -8rem;
}
.-translate-x-10 {
--transform-translate-x: -2.5rem;
}
.-translate-x-12 {
--transform-translate-x: -12rem;
}
.-translate-x-16 {
--transform-translate-x: -4rem;
}
.-translate-x-20 {
--transform-translate-x: -5rem;
}
.-translate-x-24 {
--transform-translate-x: -6rem;
}
.-translate-x-32 {
--transform-translate-x: -8rem;
}
.-translate-x-40 {
--transform-translate-x: -10rem;
}
.-translate-x-48 {
--transform-translate-x: -12rem;
}
.-translate-x-56 {
--transform-translate-x: -14rem;
}
.-translate-x-64 {
--transform-translate-x: -16rem;
}
.-translate-x-px {
--transform-translate-x: -1px;
}
.-translate-x-0\.25 {
--transform-translate-x: -0.25rem;
}
.-translate-x-0\.5 {
--transform-translate-x: -0.5rem;
}
.-translate-x-0\.75 {
--transform-translate-x: -0.75rem;
}
.-translate-x-1\.5 {
--transform-translate-x: -1.5rem;
}
.-translate-x-full {
--transform-translate-x: -100%;
}
.-translate-x-1\/2 {
--transform-translate-x: -50%;
}
.translate-x-1\/2 {
--transform-translate-x: 50%;
}
.translate-x-full {
--transform-translate-x: 100%;
}
.translate-y-0 {
--transform-translate-y: 0;
}
.translate-y-1 {
--transform-translate-y: 1rem;
}
.translate-y-2 {
--transform-translate-y: 2rem;
}
.translate-y-3 {
--transform-translate-y: 3rem;
}
.translate-y-4 {
--transform-translate-y: 4rem;
}
.translate-y-5 {
--transform-translate-y: 5rem;
}
.translate-y-6 {
--transform-translate-y: 6rem;
}
.translate-y-8 {
--transform-translate-y: 8rem;
}
.translate-y-10 {
--transform-translate-y: 2.5rem;
}
.translate-y-12 {
--transform-translate-y: 12rem;
}
.translate-y-16 {
--transform-translate-y: 4rem;
}
.translate-y-20 {
--transform-translate-y: 5rem;
}
.translate-y-24 {
--transform-translate-y: 6rem;
}
.translate-y-32 {
--transform-translate-y: 8rem;
}
.translate-y-40 {
--transform-translate-y: 10rem;
}
.translate-y-48 {
--transform-translate-y: 12rem;
}
.translate-y-56 {
--transform-translate-y: 14rem;
}
.translate-y-64 {
--transform-translate-y: 16rem;
}
.translate-y-px {
--transform-translate-y: 1px;
}
.translate-y-0\.25 {
--transform-translate-y: .25rem;
}
.translate-y-0\.5 {
--transform-translate-y: .5rem;
}
.translate-y-0\.75 {
--transform-translate-y: .75rem;
}
.translate-y-1\.5 {
--transform-translate-y: 1.5rem;
}
.-translate-y-1 {
--transform-translate-y: -1rem;
}
.-translate-y-2 {
--transform-translate-y: -2rem;
}
.-translate-y-3 {
--transform-translate-y: -3rem;
}
.-translate-y-4 {
--transform-translate-y: -4rem;
}
.-translate-y-5 {
--transform-translate-y: -5rem;
}
.-translate-y-6 {
--transform-translate-y: -6rem;
}
.-translate-y-8 {
--transform-translate-y: -8rem;
}
.-translate-y-10 {
--transform-translate-y: -2.5rem;
}
.-translate-y-12 {
--transform-translate-y: -12rem;
}
.-translate-y-16 {
--transform-translate-y: -4rem;
}
.-translate-y-20 {
--transform-translate-y: -5rem;
}
.-translate-y-24 {
--transform-translate-y: -6rem;
}
.-translate-y-32 {
--transform-translate-y: -8rem;
}
.-translate-y-40 {
--transform-translate-y: -10rem;
}
.-translate-y-48 {
--transform-translate-y: -12rem;
}
.-translate-y-56 {
--transform-translate-y: -14rem;
}
.-translate-y-64 {
--transform-translate-y: -16rem;
}
.-translate-y-px {
--transform-translate-y: -1px;
}
.-translate-y-0\.25 {
--transform-translate-y: -0.25rem;
}
.-translate-y-0\.5 {
--transform-translate-y: -0.5rem;
}
.-translate-y-0\.75 {
--transform-translate-y: -0.75rem;
}
.-translate-y-1\.5 {
--transform-translate-y: -1.5rem;
}
.-translate-y-full {
--transform-translate-y: -100%;
}
.-translate-y-1\/2 {
--transform-translate-y: -50%;
}
.translate-y-1\/2 {
--transform-translate-y: 50%;
}
.translate-y-full {
--transform-translate-y: 100%;
}
.ease-linear {
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
.ease-in {
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-o-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-o-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.ease-in-out {
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spin {
to {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes ping {
75%, 100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
@-o-keyframes ping {
75%, 100% {
-o-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
@keyframes ping {
75%, 100% {
-webkit-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes pulse {
50% {
opacity: .5;
}
}
@-o-keyframes pulse {
50% {
opacity: .5;
}
}
@keyframes pulse {
50% {
opacity: .5;
}
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}
50% {
-webkit-transform: none;
transform: none;
-webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}
@-o-keyframes bounce {
0%, 100% {
-o-transform: translateY(-25%);
transform: translateY(-25%);
-o-animation-timing-function: cubic-bezier(0.8,0,1,1);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}
50% {
-o-transform: none;
transform: none;
-o-animation-timing-function: cubic-bezier(0,0,0.2,1);
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform: translateY(-25%);
-o-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
-o-animation-timing-function: cubic-bezier(0.8,0,1,1);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}
50% {
-webkit-transform: none;
-o-transform: none;
transform: none;
-webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
-o-animation-timing-function: cubic-bezier(0,0,0.2,1);
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}
.animate-none {
-webkit-animation: none;
-o-animation: none;
animation: none;
}
.animate-spin {
-webkit-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
.animate-ping {
-webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-o-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.animate-pulse {
-webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-o-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.animate-bounce {
-webkit-animation: bounce 1s infinite;
-o-animation: bounce 1s infinite;
animation: bounce 1s infinite;
}
@media (min-width: 0px) and (max-width: 575px) {
.xs\:max-h-full {
max-height: 100%;
}
.xs\:max-h-screen {
max-height: 100vh;
}
.xs\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.xs\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xs\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xs\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xs\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xs\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xs\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.xs\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.xs\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.xs\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.xs\:grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.xs\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.xs\:grid-cols-none {
grid-template-columns: none;
}
.xs\:grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.xs\:grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.xs\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.xs\:grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.xs\:grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
.xs\:grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr));
}
.xs\:grid-rows-none {
grid-template-rows: none;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.sm\:max-h-full {
max-height: 100%;
}
.sm\:max-h-screen {
max-height: 100vh;
}
.sm\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sm\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.sm\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.sm\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.sm\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.sm\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.sm\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.sm\:grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.sm\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.sm\:grid-cols-none {
grid-template-columns: none;
}
.sm\:grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.sm\:grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.sm\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.sm\:grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.sm\:grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
.sm\:grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr));
}
.sm\:grid-rows-none {
grid-template-rows: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.md\:max-h-full {
max-height: 100%;
}
.md\:max-h-screen {
max-height: 100vh;
}
.md\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.md\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.md\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.md\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.md\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.md\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.md\:grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.md\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.md\:grid-cols-none {
grid-template-columns: none;
}
.md\:grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.md\:grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.md\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.md\:grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.md\:grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
.md\:grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr));
}
.md\:grid-rows-none {
grid-template-rows: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.lg\:max-h-full {
max-height: 100%;
}
.lg\:max-h-screen {
max-height: 100vh;
}
.lg\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.lg\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.lg\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.lg\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.lg\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.lg\:grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.lg\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.lg\:grid-cols-none {
grid-template-columns: none;
}
.lg\:grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.lg\:grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.lg\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.lg\:grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.lg\:grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
.lg\:grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr));
}
.lg\:grid-rows-none {
grid-template-rows: none;
}
}
@media (min-width: 1200px) and (max-width: 1535px) {
.xl\:max-h-full {
max-height: 100%;
}
.xl\:max-h-screen {
max-height: 100vh;
}
.xl\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.xl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xl\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xl\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.xl\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.xl\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.xl\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.xl\:grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.xl\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.xl\:grid-cols-none {
grid-template-columns: none;
}
.xl\:grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.xl\:grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.xl\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.xl\:grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.xl\:grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
.xl\:grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr));
}
.xl\:grid-rows-none {
grid-template-rows: none;
}
}
@media (min-width: 1536px) and (max-width: 1679px) {
.xxl\:max-h-full {
max-height: 100%;
}
.xxl\:max-h-screen {
max-height: 100vh;
}
.xxl\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.xxl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xxl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xxl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xxl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xxl\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xxl\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.xxl\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.xxl\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.xxl\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.xxl\:grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.xxl\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.xxl\:grid-cols-none {
grid-template-columns: none;
}
.xxl\:grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.xxl\:grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.xxl\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.xxl\:grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.xxl\:grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
.xxl\:grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr));
}
.xxl\:grid-rows-none {
grid-template-rows: none;
}
}
@media (min-width: 1680px) {
.xxxl\:max-h-full {
max-height: 100%;
}
.xxxl\:max-h-screen {
max-height: 100vh;
}
.xxxl\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.xxxl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xxxl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xxxl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xxxl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xxxl\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xxxl\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.xxxl\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.xxxl\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.xxxl\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.xxxl\:grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.xxxl\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.xxxl\:grid-cols-none {
grid-template-columns: none;
}
.xxxl\:grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.xxxl\:grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.xxxl\:grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.xxxl\:grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.xxxl\:grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
.xxxl\:grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr));
}
.xxxl\:grid-rows-none {
grid-template-rows: none;
}
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}