.popup[data-v-65e2f806]{background:#fff;padding-bottom:30px;border-bottom:1px solid #ccc;margin-bottom:30px}@media (min-width:576px){.popup[data-v-65e2f806]{position:fixed;left:50%;width:320px;margin-left:-190px;top:60px;z-index:9999;background:#fff;padding:30px;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.4)}.popup-enter-active[data-v-65e2f806]{-webkit-animation:popup-in-65e2f806 .5s;animation:popup-in-65e2f806 .5s}.popup-leave-active[data-v-65e2f806]{animation:popup-in-65e2f806 .5s reverse}@-webkit-keyframes popup-in-65e2f806{0%{transform:scale(.6);opacity:0}75%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes popup-in-65e2f806{0%{transform:scale(.6);opacity:0}75%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}}button[data-v-74ad8743]{font-family:inherit;font-size:1em;margin:0 auto;border:none;padding:0;background-color:transparent}a[data-v-14dec230],button[data-v-74ad8743]{text-decoration:underline;color:#00f;cursor:pointer}button[data-v-c1ad9acc]{font-family:inherit;font-size:1em;display:inline-block;background:#00f;padding:10px 20px;margin-bottom:5px;margin-right:5px;color:#fff;text-align:center;cursor:pointer;transition:background .5s ease;border:none}button[data-v-c1ad9acc]:hover{background:#009;transition:background .25s ease}button[data-v-3dd08a64]{font-family:inherit;font-size:1em;display:inline-block;background:#efefef;padding:10px 20px;margin-bottom:5px;color:#666;text-align:center;cursor:pointer;transition:background .5s ease;border:none}button[data-v-3dd08a64]:hover{background:#ddd;transition:background .25s ease}.consent-groups[data-v-412e9378]{margin-bottom:15px}input[data-v-412e9378]{margin-right:10px;margin-left:8px}.toggle-all[data-v-412e9378]{margin-bottom:5px}input[data-v-412e9378],label[data-v-412e9378]{cursor:pointer}input[data-v-1ca5768e]{margin-right:10px}.toggle-group[data-v-1ca5768e]{display:flex;align-items:center;cursor:pointer}.toggle-group-inline[data-v-1ca5768e]{padding-right:10px}.toggle-group-accordion[data-v-1ca5768e]{background:#efefef;position:relative;padding:5px;margin-bottom:5px;transition:background-color .5s ease}.toggle-group-accordion[data-v-1ca5768e]:hover{background:#cfcfcf;transition:background-color .25s ease}.toggle-group-accordion[data-v-1ca5768e]:after{content:"";position:absolute;right:5px;top:7px;width:15px;height:15px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik00IC43NTVMMTguMzc0IDEyIDQgMjMuMjE5bC42MTkuNzgxTDIwIDEyIDQuNjA5IDAgNCAuNzU1eiIvPjwvc3ZnPg==);background-size:contain}.toggle-group-active[data-v-1ca5768e]:after{transform:rotate(90deg)}.toggle-group>[data-v-1ca5768e]{cursor:pointer}.title[data-v-1ca5768e]{display:block}.description[data-v-1ca5768e]{display:block;padding-left:27px;margin-bottom:5px}.services[data-v-1ca5768e]{padding-bottom:10px}.toggle-service[data-v-6754f7bc]{padding-left:22px;display:flex;align-items:flex-start}.toggle-service>[data-v-6754f7bc]{cursor:pointer}label[data-v-6754f7bc]{margin-bottom:5px}input[data-v-6754f7bc]{margin-right:10px}.title[data-v-6754f7bc]{display:block}.tab-primer .above[data-v-58f131ce]{margin-bottom:15px}.cta-show-tab[data-v-58f131ce]{margin-top:30px;margin-bottom:10px}.cta-show-tab[data-v-58f131ce],nav[data-v-58f131ce]{display:block;text-align:center}nav a[data-v-58f131ce]{display:inline-block;margin-right:10px;color:#999}nav a[data-v-58f131ce]:hover{color:#000}@media (min-width:576px){.tab-primer .consent-groups[data-v-58f131ce]{display:flex;flex-wrap:wrap;margin-bottom:15px}}*,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
::before,
::after {
--tw-content: '';
} html {
line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4;
tab-size: 4; font-family: ui-sans-serif, 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"; } body {
margin: 0; line-height: inherit; } hr {
height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 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;
} table {
text-indent: 0; border-color: inherit; border-collapse: collapse; } button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; } button,
select {
text-transform: none;
} button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring {
outline: auto;
} :-moz-ui-invalid {
box-shadow: none;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } summary {
display: list-item;
} blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
} textarea {
resize: vertical;
} input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; color: #9ca3af; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 1; color: #9ca3af; }
input::placeholder,
textarea::placeholder {
opacity: 1; color: #9ca3af; } button,
[role="button"] {
cursor: pointer;
} :disabled {
cursor: default;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
}
*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  }
::-webkit-backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  }
::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  }
.container{
max-width: 100%;}
@media (min-width: 640px){
.container{
max-width: 640px}}
@media (min-width: 768px){
.container{
max-width: 768px}}
@media (min-width: 1024px){
.container{
max-width: calc(960px + 1rem)}}
@media (min-width: 1280px){
.container{
max-width: calc(1554px + 1rem)}}
@media (min-width: 1536px){
.container{
max-width: calc(1754px + 1rem)}}
.container{
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem}
.visible{
visibility: visible}
.static{
position: static}
.fixed{
position: fixed}
.absolute{
position: absolute}
.relative{
position: relative}
.inset-0{
top: 0px;
right: 0px;
bottom: 0px;
left: 0px}
.bottom-0{
bottom: 0px}
.left-1\/2{
left: 50%}
.top-4{
top: 1rem}
.right-4{
right: 1rem}
.left-0{
left: 0px}
.top-\[-25px\]{
top: -25px}
.left-5{
left: 5%}
.top-0{
top: 0px}
.right-0{
right: 0px}
.top-\[150px\]{
top: 150px}
.z-10{
z-index: 10}
.z-0{
z-index: 0}
.-z-10{
z-index: -10}
.z-20{
z-index: 20}
.order-3{
order: 3}
.order-1{
order: 1}
.order-2{
order: 2}
.col-auto{
grid-column: auto}
.m-0{
margin: 0px}
.m-auto{
margin: auto}
.my-40{
margin-top: 40px;
margin-bottom: 40px}
.my-12{
margin-top: 3rem;
margin-bottom: 3rem}
.mx-\[5\%\]{
margin-left: 5%;
margin-right: 5%}
.my-5{
margin-top: 1.25rem;
margin-bottom: 1.25rem}
.my-0{
margin-top: 0px;
margin-bottom: 0px}
.mx-\[0\%\]{
margin-left: 0%;
margin-right: 0%}
.my-2{
margin-top: 0.5rem;
margin-bottom: 0.5rem}
.my-10{
margin-top: 2.5rem;
margin-bottom: 2.5rem}
.mx-0{
margin-left: 0px;
margin-right: 0px}
.my-4{
margin-top: 1rem;
margin-bottom: 1rem}
.my-\[25px\]{
margin-top: 25px;
margin-bottom: 25px}
.-mx-8{
margin-left: -2rem;
margin-right: -2rem}
.mx-auto{
margin-left: auto;
margin-right: auto}
.my-8{
margin-top: 2rem;
margin-bottom: 2rem}
.my-\[1\.45rem\]{
margin-top: 1.45rem;
margin-bottom: 1.45rem}
.my-\[60px\]{
margin-top: 60px;
margin-bottom: 60px}
.mb-5{
margin-bottom: 1.25rem}
.mt-5{
margin-top: 1.25rem}
.mt-10{
margin-top: 2.5rem}
.mt-40{
margin-top: 40px}
.mb-70{
margin-bottom: 70px}
.mr-0{
margin-right: 0px}
.ml-20{
margin-left: 5rem}
.mb-0{
margin-bottom: 0px}
.mt-50{
margin-top: 50px}
.mb-2{
margin-bottom: 0.5rem}
.mb-75{
margin-bottom: 75px}
.mt-0{
margin-top: 0px}
.mb-10{
margin-bottom: 2.5rem}
.mr-2{
margin-right: 0.5rem}
.mt-1{
margin-top: 0.25rem}
.-mb-4{
margin-bottom: -1rem}
.mt-6{
margin-top: 1.5rem}
.mr-3{
margin-right: 0.75rem}
.mb-\[70px\]{
margin-bottom: 70px}
.mb-\[0px\]{
margin-bottom: 0px}
.mb-\[20px\]{
margin-bottom: 20px}
.mt-75{
margin-top: 75px}
.ml-0{
margin-left: 0px}
.mr-30{
margin-right: 30px}
.mb-3{
margin-bottom: 0.75rem}
.ml-10{
margin-left: 2.5rem}
.mb-50{
margin-bottom: 50px}
.mb-8{
margin-bottom: 2rem}
.mb-4{
margin-bottom: 1rem}
.mr-1{
margin-right: 0.25rem}
.mb-1{
margin-bottom: 0.25rem}
.mr-40{
margin-right: 40px}
.mr-5{
margin-right: 1.25rem}
.ml-\[12px\]{
margin-left: 12px}
.mb-30{
margin-bottom: 30px}
.ml-\[-1300px\]{
margin-left: -1300px}
.-mb-5{
margin-bottom: -1.25rem}
.mt-\[-244px\]{
margin-top: -244px}
.mt-\[-100px\]{
margin-top: -100px}
.ml-\[5\%\]{
margin-left: 5%}
.mr-\[5\%\]{
margin-right: 5%}
.block{
display: block}
.inline-block{
display: inline-block}
.inline{
display: inline}
.flex{
display: flex}
.inline-flex{
display: inline-flex}
.table{
display: table}
.grid{
display: grid}
.inline-grid{
display: inline-grid}
.hidden{
display: none}
.aspect-square{
aspect-ratio: 1 / 1}
.h-auto{
height: auto}
.h-full{
height: 100%}
.h-\[35px\]{
height: 35px}
.h-\[80px\]{
height: 80px}
.h-\[30px\]{
height: 30px}
.h-\[60px\]{
height: 60px}
.h-\[5px\]{
height: 5px}
.h-\[100px\]{
height: 100px}
.h-\[150px\]{
height: 150px}
.h-\[75px\]{
height: 75px}
.h-\[70px\]{
height: 70px}
.h-\[40px\]{
height: 40px}
.h-\[55px\]{
height: 55px}
.h-\[18px\]{
height: 18px}
.h-\[450px\]{
height: 450px}
.h-\[56vw\]{
height: 56vw}
.h-0{
height: 0px}
.h-\[488px\]{
height: 488px}
.h-\[320px\]{
height: 320px}
.max-h-\[80px\]{
max-height: 80px}
.max-h-\[30px\]{
max-height: 30px}
.max-h-\[75px\]{
max-height: 75px}
.max-h-\[61px\]{
max-height: 61px}
.max-h-\[18px\]{
max-height: 18px}
.max-h-\[500px\]{
max-height: 500px}
.max-h-0{
max-height: 0px}
.max-h-screen{
max-height: 100vh}
.min-h-\[90px\]{
min-height: 90px}
.min-h-\[118px\]{
min-height: 118px}
.min-h-\[\'250px\'\]{
min-height: '250px'}
.min-h-\[65px\]{
min-height: 65px}
.min-h-\[650px\]{
min-height: 650px}
.min-h-\[\'200px\'\]{
min-height: '200px'}
.min-h-\[100px\]{
min-height: 100px}
.min-h-\[200px\]{
min-height: 200px}
.min-h-\[300px\]{
min-height: 300px}
.min-h-\[85px\]{
min-height: 85px}
.min-h-\[30px\]{
min-height: 30px}
.w-full{
width: 100%}
.w-\[180px\]{
width: 180px}
.w-4{
width: 1rem}
.w-\[90\%\]{
width: 90%}
.w-\[300px\]{
width: 300px}
.w-auto{
width: auto}
.w-1\/3{
width: 33.333333%}
.w-2\/3{
width: 66.666667%}
.w-3\/4{
width: 75%}
.w-\[80px\]{
width: 80px}
.w-\[95\%\]{
width: 95%}
.w-7\/12{
width: 58.333333%}
.w-5\/12{
width: 41.666667%}
.w-10\/12{
width: 83.333333%}
.w-2\/12{
width: 16.666667%}
.w-\[40px\]{
width: 40px}
.w-\[86\%\]{
width: 86%}
.w-\[120\%\]{
width: 120%}
.w-\[75px\]{
width: 75px}
.w-\[150px\]{
width: 150px}
.w-\[68px\]{
width: 68px}
.w-\[450px\]{
width: 450px}
.w-\[18px\]{
width: 18px}
.w-4\/12{
width: 33.333333%}
.w-1\/12{
width: 8.333333%}
.w-1\/2{
width: 50%}
.min-w-\[162px\]{
min-width: 162px}
.min-w-\[100px\]{
min-width: 100px}
.min-w-\[200px\]{
min-width: 200px}
.min-w-\[280px\]{
min-width: 280px}
.min-w-full{
min-width: 100%}
.min-w-\[10\%\]{
min-width: 10%}
.max-w-\[500px\]{
max-width: 500px}
.max-w-full{
max-width: 100%}
.max-w-\[350px\]{
max-width: 350px}
.max-w-\[\'110px\'\]{
max-width: '110px'}
.max-w-\[98\%\]{
max-width: 98%}
.max-w-\[300px\]{
max-width: 300px}
.flex-1{
flex: 1 1 0%}
.-translate-x-1\/2{
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-y-40{
--tw-translate-y: 10rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-110{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-75{
--tw-scale-x: .75;
--tw-scale-y: .75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.cursor-pointer{
cursor: pointer}
.resize{
resize: both}
.list-none{
list-style-type: none}
.grid-flow-row-dense{
grid-auto-flow: row dense}
.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr))}
.flex-row{
flex-direction: row}
.flex-col{
flex-direction: column}
.flex-wrap{
flex-wrap: wrap}
.content-center{
align-content: center}
.content-start{
align-content: flex-start}
.content-end{
align-content: flex-end}
.items-end{
align-items: flex-end}
.items-center{
align-items: center}
.justify-start{
justify-content: flex-start}
.justify-end{
justify-content: flex-end}
.justify-center{
justify-content: center}
.justify-between{
justify-content: space-between}
.gap-6{
gap: 1.5rem}
.gap-y-2{
row-gap: 0.5rem}
.overflow-hidden{
overflow: hidden}
.rounded-full{
border-radius: 9999px}
.rounded-none{
border-radius: 0px}
.border-2{
border-width: 2px}
.border-\[5px\]{
border-width: 5px}
.border{
border-width: 1px}
.border-4{
border-width: 4px}
.border-\[2px\]{
border-width: 2px}
.border-r-2{
border-right-width: 2px}
.border-b-2{
border-bottom-width: 2px}
.border-t-2{
border-top-width: 2px}
.border-t-\[5px\]{
border-top-width: 5px}
.border-b-\[1px\]{
border-bottom-width: 1px}
.border-b-\[0px\]{
border-bottom-width: 0px}
.border-b-\[100px\]{
border-bottom-width: 100px}
.border-r-4{
border-right-width: 4px}
.border-solid{
border-style: solid}
.border-primary{
border-color: var(--primary-color, #9a2027)}
.border-tertiary_d2{
--tw-border-opacity: 1;
border-color: rgb(210 210 210 / var(--tw-border-opacity))}
.border-white{
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity))}
.border-tertiary_f6{
--tw-border-opacity: 1;
border-color: rgb(246 246 246 / var(--tw-border-opacity))}
.border-secondary{
--tw-border-opacity: 1;
border-color: rgb(102 102 102 / var(--tw-border-opacity))}
.border-projektpartner-red{
--tw-border-opacity: 1;
border-color: rgb(154 33 39 / var(--tw-border-opacity))}
.border-black{
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity))}
.border-tertiary_f4{
--tw-border-opacity: 1;
border-color: rgb(241 241 241 / var(--tw-border-opacity))}
.border-tertiary_ec{
--tw-border-opacity: 1;
border-color: rgb(236 236 236 / var(--tw-border-opacity))}
.border-t-tertiary_c6{
--tw-border-opacity: 1;
border-top-color: rgb(198 198 198 / var(--tw-border-opacity))}
.bg-tertiary_f6{
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity))}
.bg-tertiary_f4{
--tw-bg-opacity: 1;
background-color: rgb(241 241 241 / var(--tw-bg-opacity))}
.bg-primary{
background-color: var(--primary-color, #9a2027)}
.bg-transparent{
background-color: transparent}
.bg-tertiary_ef{
--tw-bg-opacity: 1;
background-color: rgb(239 239 239 / var(--tw-bg-opacity))}
.bg-tertiary_ec{
--tw-bg-opacity: 1;
background-color: rgb(236 236 236 / var(--tw-bg-opacity))}
.bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
.bg-tertirary_f7\/50{
background-color: rgb(247 247 247 / 0.5)}
.bg-secondary{
--tw-bg-opacity: 1;
background-color: rgb(102 102 102 / var(--tw-bg-opacity))}
.bg-\[\#d9ccc3\]{
--tw-bg-opacity: 1;
background-color: rgb(217 204 195 / var(--tw-bg-opacity))}
.bg-opacity-60{
--tw-bg-opacity: 0.6}
.bg-opacity-95{
--tw-bg-opacity: 0.95}
.bg-\[url\(\'\/wp-content\/themes\/brunex\/resources\/images\/sommerpause_badge_background\.jpg\'\)\]{
background-image: url(//www.brunex.ch/wp-content/themes/brunex/resources/images/sommerpause_badge_background.jpg)}
.bg-\[url\(\'\/wp-content\/themes\/brunex\/resources\/images\/sommerpause_badge_background\.png\'\)\]{
background-image: url(//www.brunex.ch/wp-content/themes/brunex/resources/images/sommerpause_badge_background.png)}
.bg-cover{
background-size: cover}
.bg-center{
background-position: center}
.bg-top{
background-position: top}
.bg-no-repeat{
background-repeat: no-repeat}
.object-cover{
-o-object-fit: cover;
object-fit: cover}
.p-0{
padding: 0px}
.p-10{
padding: 10px}
.p-40{
padding: 40px}
.p-20{
padding: 20px}
.p-5{
padding: 5px}
.p-2{
padding: 0.5rem}
.p-4{
padding: 1rem}
.p-8{
padding: 8px}
.p-\[180px_20px_20px_20px\]{
padding: 180px 20px 20px 20px}
.p-\[150px_20px_20px_20px\]{
padding: 150px 20px 20px 20px}
.px-16{
padding-left: 4rem;
padding-right: 4rem}
.py-12{
padding-top: 3rem;
padding-bottom: 3rem}
.py-20{
padding-top: 20px;
padding-bottom: 20px}
.px-50{
padding-left: 50px;
padding-right: 50px}
.py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem}
.py-10{
padding-top: 10px;
padding-bottom: 10px}
.px-10{
padding-left: 10px;
padding-right: 10px}
.py-5{
padding-top: 5px;
padding-bottom: 5px}
.px-40{
padding-left: 40px;
padding-right: 40px}
.py-8{
padding-top: 8px;
padding-bottom: 8px}
.py-0{
padding-top: 0px;
padding-bottom: 0px}
.px-20{
padding-left: 20px;
padding-right: 20px}
.py-15{
padding-top: 15px;
padding-bottom: 15px}
.px-30{
padding-left: 30px;
padding-right: 30px}
.py-4{
padding-top: 1rem;
padding-bottom: 1rem}
.px-2{
padding-left: 0.5rem;
padding-right: 0.5rem}
.py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem}
.px-3{
padding-left: 0.75rem;
padding-right: 0.75rem}
.py-30{
padding-top: 30px;
padding-bottom: 30px}
.px-0{
padding-left: 0px;
padding-right: 0px}
.py-62{
padding-top: 62px;
padding-bottom: 62px}
.py-40{
padding-top: 40px;
padding-bottom: 40px}
.px-\[1\%\]{
padding-left: 1%;
padding-right: 1%}
.px-60{
padding-left: 60px;
padding-right: 60px}
.px-11{
padding-left: 2.75rem;
padding-right: 2.75rem}
.pb-10{
padding-bottom: 10px}
.pt-50{
padding-top: 50px}
.pb-50{
padding-bottom: 50px}
.pr-20{
padding-right: 20px}
.pl-10{
padding-left: 10px}
.pb-0{
padding-bottom: 0px}
.pb-40{
padding-bottom: 40px}
.pr-0{
padding-right: 0px}
.pb-15{
padding-bottom: 15px}
.pb-70{
padding-bottom: 70px}
.pt-0{
padding-top: 0px}
.pt-5{
padding-top: 5px}
.pb-5{
padding-bottom: 5px}
.pb-20{
padding-bottom: 20px}
.pl-0{
padding-left: 0px}
.pb-30{
padding-bottom: 30px}
.pb-4{
padding-bottom: 1rem}
.pb-\[30px\]{
padding-bottom: 30px}
.pt-10{
padding-top: 10px}
.pl-\[16px\]{
padding-left: 16px}
.pr-5{
padding-right: 5px}
.pt-15{
padding-top: 15px}
.pt-20{
padding-top: 20px}
.pt-62{
padding-top: 62px}
.pt-\[35px\]{
padding-top: 35px}
.pl-15{
padding-left: 15px}
.pl-\[1300px\]{
padding-left: 1300px}
.pr-90{
padding-right: 90px}
.pb-12{
padding-bottom: 3rem}
.text-center{
text-align: center}
.text-right{
text-align: right}
.align-middle{
vertical-align: middle}
.font-normal{
font-family: Montserrat, ui-sans-serif, 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"}
.text-2xl{
font-size: 4.5rem;
line-height: 1.2}
.text-xs{
font-size: 1.2rem;
line-height: 1.2}
.text-md{
font-size: 1.5rem;
line-height: 1.2}
.text-2md{
font-size: 1.7rem;
line-height: 1.2}
.text-2lg{
font-size: 2.7rem;
line-height: 1.2}
.text-lg{
font-size: 2.1rem;
line-height: 1.2}
.text-xl{
font-size: 3.0rem;
line-height: 1.2}
.text-sm{
font-size: 1.3rem;
line-height: 1.2}
.font-semibold{
font-weight: 600}
.font-light{
font-weight: 300}
.font-bold{
font-weight: 700}
.font-black{
font-weight: 900}
.font-normal{
font-weight: 400}
.font-thin{
font-weight: 100}
.font-extrabold{
font-weight: 800}
.uppercase{
text-transform: uppercase}
.italic{
font-style: italic}
.leading-normal{
line-height: 1.5}
.leading-tight{
line-height: 1.25}
.leading-relaxed{
line-height: 1.625}
.leading-none{
line-height: 1}
.tracking-wide{
letter-spacing: 0.025em}
.tracking-wider{
letter-spacing: 0.05em}
.tracking-widest{
letter-spacing: 0.1em}
.tracking-\[\.2em\]{
letter-spacing: .2em}
.text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
.text-primary{
color: var(--primary-color, #9a2027)}
.text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
.text-tertiary_d2{
--tw-text-opacity: 1;
color: rgb(210 210 210 / var(--tw-text-opacity))}
.text-secondary{
--tw-text-opacity: 1;
color: rgb(102 102 102 / var(--tw-text-opacity))}
.text-menu_grey{
--tw-text-opacity: 1;
color: rgb(102 102 102 / var(--tw-text-opacity))}
.text-tertiary_b5{
--tw-text-opacity: 1;
color: rgb(181 181 181 / var(--tw-text-opacity))}
.text-red-600{
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity))}
.underline{
-webkit-text-decoration-line: underline;
text-decoration-line: underline}
.no-underline{
-webkit-text-decoration-line: none;
text-decoration-line: none}
.\!no-underline{
-webkit-text-decoration-line: none !important;
text-decoration-line: none !important}
.opacity-100{
opacity: 1}
.opacity-70{
opacity: 0.7}
.opacity-0{
opacity: 0}
.shadow-sm{
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow{
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.outline{
outline-style: solid}
.blur{
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.grayscale{
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.invert{
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.filter{
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.backdrop-blur-sm{
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.transition{
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms}
.transition-all{
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms}
.transition-colors{
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms}
.duration-\[3s\]{
transition-duration: 3s}
.duration-300{
transition-duration: 300ms}
.duration-1000{
transition-duration: 1000ms}
.duration-500{
transition-duration: 500ms}
.duration-700{
transition-duration: 700ms}
.duration-200{
transition-duration: 200ms}
.ease-out{
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}
.ease-in{
transition-timing-function: cubic-bezier(0.4, 0, 1, 1)}
.ease-in-out{
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}
.has-primary-color{
color: var(--primary-color, #9a2027)}
.has-secondary-color{
color: #666666}
.has-projektpartner-red-color{
color: #9a2127}
.has-black-color{
color: #000000}
.has-white-color{
color: #ffffff}
.has-grey-color{
color: #cccccc}
.has-pale-silver-color{
color: #d8ccc2}
.has-transparent-color{
color: transparent}
.has-primary-background-color{
background-color: var(--primary-color, #9a2027)}
.has-secondary-background-color{
background-color: #666666}
.has-projektpartner-red-background-color{
background-color: #9a2127}
.has-black-background-color{
background-color: #000000}
.has-white-background-color{
background-color: #ffffff}
.has-grey-background-color{
background-color: #cccccc}
.has-pale-silver-background-color{
background-color: #d8ccc2}
.has-transparent-background-color{
background-color: transparent}
.alignfull{
margin: 0.5rem calc(50% - 50vw);
max-width: 100vw;
width: 100vw}
.alignwide{
margin-left: -4rem;
margin-right: -4rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
max-width: 1280px}
.alignnone{
margin-left: 0px;
margin-right: 0px;
height: auto;
max-width: 100%}
.aligncenter{
margin: 0.5rem auto;
display: block}
@media (min-width: 640px){
.alignleft:not(.wp-block-button){
margin-right: 0.5rem;
float: left}
.alignright:not(.wp-block-button){
margin-left: 0.5rem;
float: right}
.wp-block-button.alignleft a{
float: left;
margin-right: 1rem}
.wp-block-button.alignright a{
float: right;
margin-left: 1rem}}
.has-xs-font-size{
font-size: 1.2rem;
font-weight: normal}
.has-sm-font-size{
font-size: 1.3rem;
font-weight: normal}
.has-md-font-size{
font-size: 1.5rem;
font-weight: normal}
.has-lg-font-size{
font-size: 2.1rem;
font-weight: normal}
.has-xl-font-size{
font-size: 3.0rem;
font-weight: normal}
.has-2xl-font-size{
font-size: 4.5rem;
font-weight: normal}
.wp-caption{
display: inline-block}
.wp-caption img{
margin-bottom: 0.5rem;
line-height: 1}
.wp-caption-text{
font-size: 1.3rem;
color: #4b5563}
.lazyframe{position:relative;background-color:currentColor;background-repeat:no-repeat;background-size:cover;background-position:center}
.lazyframe__title{position:absolute;top:0;right:0;left:0;padding:15px 17px;z-index:3}
.lazyframe__title::after{z-index:-1}
.lazyframe:hover{cursor:pointer}
.lazyframe::before{display:block;content:"";width:100%;padding-top:100%}
.lazyframe[data-ratio="16:9"]::before{padding-top:56.25%}
.lazyframe[data-ratio="4:3"]::before{padding-top:75%}
.lazyframe[data-ratio="1:1"]::before{padding-top:100%}
.lazyframe iframe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%}
.lazyframe[data-vendor=youtube],.lazyframe[data-vendor=youtube_nocookie]{background-color:#e52d27;font-family:Roboto,Arial,Helvetica,sans-serif}
.lazyframe[data-vendor=youtube] .lazyframe__title,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title{color:#eee;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:18px;text-shadow:rgba(0,0,0,.498039) 0 0 2px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:color .1s cubic-bezier(0.4, 0, 1, 1)}
.lazyframe[data-vendor=youtube] .lazyframe__title:hover,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:hover{color:#fff}
.lazyframe[data-vendor=youtube] .lazyframe__title::before,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title::before{content:"";display:block;background:linear-gradient(rgba(0, 0, 0, 0.2), transparent);height:98px;width:100%;pointer-events:none;position:absolute;top:0;left:0;right:0;z-index:-1;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.lazyframe[data-vendor=youtube]::before,.lazyframe[data-vendor=youtube_nocookie]::before{padding-top:56.25%}
.lazyframe[data-vendor=youtube]::after,.lazyframe[data-vendor=youtube_nocookie]::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231F1F1F' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344L348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E");background-position:center center;background-size:100%;background-repeat:no-repeat;opacity:.81;border:none;z-index:4}
.lazyframe[data-vendor=youtube]:hover::after,.lazyframe[data-vendor=youtube_nocookie]:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23DD2C28' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344L348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E");opacity:1}
.lazyframe[data-vendor=vimeo]{background-color:#00adef}
.lazyframe[data-vendor=vimeo] .lazyframe__title{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#00adef;font-size:20px;font-weight:700;text-rendering:optimizeLegibility;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:rgba(0,0,0,.5)}
.lazyframe[data-vendor=vimeo]::before{padding-top:48.25%}
.lazyframe[data-vendor=vimeo]::after{content:"";height:40px;width:65px;display:block;bottom:10px;left:10px;z-index:3;background-color:rgba(0,0,0,.5);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' baseProfile='tiny' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M7.765 16.89l8.47-4.89-8.47-4.89'/%3E%3C/svg%3E");background-position:center center;background-size:100% 100%;background-repeat:no-repeat;border-radius:5px;position:relative}
.lazyframe[data-vendor=vimeo]:hover::after{background-color:#00adef}
@-webkit-keyframes xyz-in-keyframes {
from {
opacity: var(--xyz-in-opacity, var(--xyz-opacity, 1));
transform: var(--xyz-in-transform, var(--xyz-transform, perspective(var(--xyz-in-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-in-translate-x, var(--xyz-translate-x, 0)), var(--xyz-in-translate-y, var(--xyz-translate-y, 0)), var(--xyz-in-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-in-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-in-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-in-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-in-scale-x, var(--xyz-scale-x, 1)), var(--xyz-in-scale-y, var(--xyz-scale-y, 1)), var(--xyz-in-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-in-skew-x, var(--xyz-skew-x, 0)), var(--xyz-in-skew-y, var(--xyz-skew-y, 0)))));
}
}
@keyframes xyz-in-keyframes {
from {
opacity: var(--xyz-in-opacity, var(--xyz-opacity, 1));
transform: var(--xyz-in-transform, var(--xyz-transform, perspective(var(--xyz-in-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-in-translate-x, var(--xyz-translate-x, 0)), var(--xyz-in-translate-y, var(--xyz-translate-y, 0)), var(--xyz-in-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-in-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-in-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-in-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-in-scale-x, var(--xyz-scale-x, 1)), var(--xyz-in-scale-y, var(--xyz-scale-y, 1)), var(--xyz-in-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-in-skew-x, var(--xyz-skew-x, 0)), var(--xyz-in-skew-y, var(--xyz-skew-y, 0)))));
}
}
@-webkit-keyframes xyz-out-keyframes {
from {
opacity: var(--xyz-out-opacity, var(--xyz-opacity, 1));
transform: var(--xyz-out-transform, var(--xyz-transform, perspective(var(--xyz-out-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-out-translate-x, var(--xyz-translate-x, 0)), var(--xyz-out-translate-y, var(--xyz-translate-y, 0)), var(--xyz-out-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-out-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-out-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-out-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-out-scale-x, var(--xyz-scale-x, 1)), var(--xyz-out-scale-y, var(--xyz-scale-y, 1)), var(--xyz-out-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-out-skew-x, var(--xyz-skew-x, 0)), var(--xyz-out-skew-y, var(--xyz-skew-y, 0)))));
}
}
@keyframes xyz-out-keyframes {
from {
opacity: var(--xyz-out-opacity, var(--xyz-opacity, 1));
transform: var(--xyz-out-transform, var(--xyz-transform, perspective(var(--xyz-out-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-out-translate-x, var(--xyz-translate-x, 0)), var(--xyz-out-translate-y, var(--xyz-translate-y, 0)), var(--xyz-out-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-out-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-out-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-out-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-out-scale-x, var(--xyz-scale-x, 1)), var(--xyz-out-scale-y, var(--xyz-scale-y, 1)), var(--xyz-out-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-out-skew-x, var(--xyz-skew-x, 0)), var(--xyz-out-skew-y, var(--xyz-skew-y, 0)))));
}
}
@-webkit-keyframes xyz-appear-keyframes {
from {
opacity: var(--xyz-appear-opacity, var(--xyz-opacity, 1));
transform: var(--xyz-appear-transform, var(--xyz-transform, perspective(var(--xyz-appear-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-appear-translate-x, var(--xyz-translate-x, 0)), var(--xyz-appear-translate-y, var(--xyz-translate-y, 0)), var(--xyz-appear-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-appear-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-appear-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-appear-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-appear-scale-x, var(--xyz-scale-x, 1)), var(--xyz-appear-scale-y, var(--xyz-scale-y, 1)), var(--xyz-appear-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-appear-skew-x, var(--xyz-skew-x, 0)), var(--xyz-appear-skew-y, var(--xyz-skew-y, 0)))));
}
}
@keyframes xyz-appear-keyframes {
from {
opacity: var(--xyz-appear-opacity, var(--xyz-opacity, 1));
transform: var(--xyz-appear-transform, var(--xyz-transform, perspective(var(--xyz-appear-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-appear-translate-x, var(--xyz-translate-x, 0)), var(--xyz-appear-translate-y, var(--xyz-translate-y, 0)), var(--xyz-appear-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-appear-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-appear-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-appear-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-appear-scale-x, var(--xyz-scale-x, 1)), var(--xyz-appear-scale-y, var(--xyz-scale-y, 1)), var(--xyz-appear-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-appear-skew-x, var(--xyz-skew-x, 0)), var(--xyz-appear-skew-y, var(--xyz-skew-y, 0)))));
}
}
:root {
--xyz-perspective-none: 0;
--xyz-keyframes-default: none;
--xyz-ease-default: ease;
--xyz-duration-default: 0.5s;
--xyz-delay-default: 0s;
--xyz-stagger-default: 0.25s;
--xyz-iterate-default: 1;
--xyz-direction-default: normal;
--xyz-out-direction-default: reverse;
--xyz-origin-default: center;
--xyz-opacity-default: 1;
--xyz-perspective-default: var(--xyz-perspective-none);
--xyz-translate-default: 25%;
--xyz-translate-z-default: 300px;
--xyz-rotate-default: 0.25turn;
--xyz-scale-default: 0.5;
--xyz-skew-default: 30deg;
}
@supports (transform: perspective(none)) {
:root {
--xyz-perspective-none: none;
}
}
.xyz-nested:nth-child(1), .xyz-appear-nested:nth-child(1), .xyz-out-nested:nth-child(1), .xyz-in-nested:nth-child(1), .xyz-appear:nth-child(1), .xyz-out:nth-child(1), .xyz-in:nth-child(1) {
--xyz-index: 0;
}
.xyz-nested:nth-last-child(1), .xyz-appear-nested:nth-last-child(1), .xyz-out-nested:nth-last-child(1), .xyz-in-nested:nth-last-child(1), .xyz-appear:nth-last-child(1), .xyz-out:nth-last-child(1), .xyz-in:nth-last-child(1) {
--xyz-index-rev: 0;
}
.xyz-nested:nth-child(2), .xyz-appear-nested:nth-child(2), .xyz-out-nested:nth-child(2), .xyz-in-nested:nth-child(2), .xyz-appear:nth-child(2), .xyz-out:nth-child(2), .xyz-in:nth-child(2) {
--xyz-index: 1;
}
.xyz-nested:nth-last-child(2), .xyz-appear-nested:nth-last-child(2), .xyz-out-nested:nth-last-child(2), .xyz-in-nested:nth-last-child(2), .xyz-appear:nth-last-child(2), .xyz-out:nth-last-child(2), .xyz-in:nth-last-child(2) {
--xyz-index-rev: 1;
}
.xyz-nested:nth-child(3), .xyz-appear-nested:nth-child(3), .xyz-out-nested:nth-child(3), .xyz-in-nested:nth-child(3), .xyz-appear:nth-child(3), .xyz-out:nth-child(3), .xyz-in:nth-child(3) {
--xyz-index: 2;
}
.xyz-nested:nth-last-child(3), .xyz-appear-nested:nth-last-child(3), .xyz-out-nested:nth-last-child(3), .xyz-in-nested:nth-last-child(3), .xyz-appear:nth-last-child(3), .xyz-out:nth-last-child(3), .xyz-in:nth-last-child(3) {
--xyz-index-rev: 2;
}
.xyz-nested:nth-child(4), .xyz-appear-nested:nth-child(4), .xyz-out-nested:nth-child(4), .xyz-in-nested:nth-child(4), .xyz-appear:nth-child(4), .xyz-out:nth-child(4), .xyz-in:nth-child(4) {
--xyz-index: 3;
}
.xyz-nested:nth-last-child(4), .xyz-appear-nested:nth-last-child(4), .xyz-out-nested:nth-last-child(4), .xyz-in-nested:nth-last-child(4), .xyz-appear:nth-last-child(4), .xyz-out:nth-last-child(4), .xyz-in:nth-last-child(4) {
--xyz-index-rev: 3;
}
.xyz-nested:nth-child(5), .xyz-appear-nested:nth-child(5), .xyz-out-nested:nth-child(5), .xyz-in-nested:nth-child(5), .xyz-appear:nth-child(5), .xyz-out:nth-child(5), .xyz-in:nth-child(5) {
--xyz-index: 4;
}
.xyz-nested:nth-last-child(5), .xyz-appear-nested:nth-last-child(5), .xyz-out-nested:nth-last-child(5), .xyz-in-nested:nth-last-child(5), .xyz-appear:nth-last-child(5), .xyz-out:nth-last-child(5), .xyz-in:nth-last-child(5) {
--xyz-index-rev: 4;
}
.xyz-nested:nth-child(6), .xyz-appear-nested:nth-child(6), .xyz-out-nested:nth-child(6), .xyz-in-nested:nth-child(6), .xyz-appear:nth-child(6), .xyz-out:nth-child(6), .xyz-in:nth-child(6) {
--xyz-index: 5;
}
.xyz-nested:nth-last-child(6), .xyz-appear-nested:nth-last-child(6), .xyz-out-nested:nth-last-child(6), .xyz-in-nested:nth-last-child(6), .xyz-appear:nth-last-child(6), .xyz-out:nth-last-child(6), .xyz-in:nth-last-child(6) {
--xyz-index-rev: 5;
}
.xyz-nested:nth-child(7), .xyz-appear-nested:nth-child(7), .xyz-out-nested:nth-child(7), .xyz-in-nested:nth-child(7), .xyz-appear:nth-child(7), .xyz-out:nth-child(7), .xyz-in:nth-child(7) {
--xyz-index: 6;
}
.xyz-nested:nth-last-child(7), .xyz-appear-nested:nth-last-child(7), .xyz-out-nested:nth-last-child(7), .xyz-in-nested:nth-last-child(7), .xyz-appear:nth-last-child(7), .xyz-out:nth-last-child(7), .xyz-in:nth-last-child(7) {
--xyz-index-rev: 6;
}
.xyz-nested:nth-child(8), .xyz-appear-nested:nth-child(8), .xyz-out-nested:nth-child(8), .xyz-in-nested:nth-child(8), .xyz-appear:nth-child(8), .xyz-out:nth-child(8), .xyz-in:nth-child(8) {
--xyz-index: 7;
}
.xyz-nested:nth-last-child(8), .xyz-appear-nested:nth-last-child(8), .xyz-out-nested:nth-last-child(8), .xyz-in-nested:nth-last-child(8), .xyz-appear:nth-last-child(8), .xyz-out:nth-last-child(8), .xyz-in:nth-last-child(8) {
--xyz-index-rev: 7;
}
.xyz-nested:nth-child(9), .xyz-appear-nested:nth-child(9), .xyz-out-nested:nth-child(9), .xyz-in-nested:nth-child(9), .xyz-appear:nth-child(9), .xyz-out:nth-child(9), .xyz-in:nth-child(9) {
--xyz-index: 8;
}
.xyz-nested:nth-last-child(9), .xyz-appear-nested:nth-last-child(9), .xyz-out-nested:nth-last-child(9), .xyz-in-nested:nth-last-child(9), .xyz-appear:nth-last-child(9), .xyz-out:nth-last-child(9), .xyz-in:nth-last-child(9) {
--xyz-index-rev: 8;
}
.xyz-nested:nth-child(10), .xyz-appear-nested:nth-child(10), .xyz-out-nested:nth-child(10), .xyz-in-nested:nth-child(10), .xyz-appear:nth-child(10), .xyz-out:nth-child(10), .xyz-in:nth-child(10) {
--xyz-index: 9;
}
.xyz-nested:nth-last-child(10), .xyz-appear-nested:nth-last-child(10), .xyz-out-nested:nth-last-child(10), .xyz-in-nested:nth-last-child(10), .xyz-appear:nth-last-child(10), .xyz-out:nth-last-child(10), .xyz-in:nth-last-child(10) {
--xyz-index-rev: 9;
}
.xyz-nested:nth-child(11), .xyz-appear-nested:nth-child(11), .xyz-out-nested:nth-child(11), .xyz-in-nested:nth-child(11), .xyz-appear:nth-child(11), .xyz-out:nth-child(11), .xyz-in:nth-child(11) {
--xyz-index: 10;
}
.xyz-nested:nth-last-child(11), .xyz-appear-nested:nth-last-child(11), .xyz-out-nested:nth-last-child(11), .xyz-in-nested:nth-last-child(11), .xyz-appear:nth-last-child(11), .xyz-out:nth-last-child(11), .xyz-in:nth-last-child(11) {
--xyz-index-rev: 10;
}
.xyz-nested:nth-child(12), .xyz-appear-nested:nth-child(12), .xyz-out-nested:nth-child(12), .xyz-in-nested:nth-child(12), .xyz-appear:nth-child(12), .xyz-out:nth-child(12), .xyz-in:nth-child(12) {
--xyz-index: 11;
}
.xyz-nested:nth-last-child(12), .xyz-appear-nested:nth-last-child(12), .xyz-out-nested:nth-last-child(12), .xyz-in-nested:nth-last-child(12), .xyz-appear:nth-last-child(12), .xyz-out:nth-last-child(12), .xyz-in:nth-last-child(12) {
--xyz-index-rev: 11;
}
.xyz-nested:nth-child(13), .xyz-appear-nested:nth-child(13), .xyz-out-nested:nth-child(13), .xyz-in-nested:nth-child(13), .xyz-appear:nth-child(13), .xyz-out:nth-child(13), .xyz-in:nth-child(13) {
--xyz-index: 12;
}
.xyz-nested:nth-last-child(13), .xyz-appear-nested:nth-last-child(13), .xyz-out-nested:nth-last-child(13), .xyz-in-nested:nth-last-child(13), .xyz-appear:nth-last-child(13), .xyz-out:nth-last-child(13), .xyz-in:nth-last-child(13) {
--xyz-index-rev: 12;
}
.xyz-nested:nth-child(14), .xyz-appear-nested:nth-child(14), .xyz-out-nested:nth-child(14), .xyz-in-nested:nth-child(14), .xyz-appear:nth-child(14), .xyz-out:nth-child(14), .xyz-in:nth-child(14) {
--xyz-index: 13;
}
.xyz-nested:nth-last-child(14), .xyz-appear-nested:nth-last-child(14), .xyz-out-nested:nth-last-child(14), .xyz-in-nested:nth-last-child(14), .xyz-appear:nth-last-child(14), .xyz-out:nth-last-child(14), .xyz-in:nth-last-child(14) {
--xyz-index-rev: 13;
}
.xyz-nested:nth-child(15), .xyz-appear-nested:nth-child(15), .xyz-out-nested:nth-child(15), .xyz-in-nested:nth-child(15), .xyz-appear:nth-child(15), .xyz-out:nth-child(15), .xyz-in:nth-child(15) {
--xyz-index: 14;
}
.xyz-nested:nth-last-child(15), .xyz-appear-nested:nth-last-child(15), .xyz-out-nested:nth-last-child(15), .xyz-in-nested:nth-last-child(15), .xyz-appear:nth-last-child(15), .xyz-out:nth-last-child(15), .xyz-in:nth-last-child(15) {
--xyz-index-rev: 14;
}
.xyz-nested:nth-child(16), .xyz-appear-nested:nth-child(16), .xyz-out-nested:nth-child(16), .xyz-in-nested:nth-child(16), .xyz-appear:nth-child(16), .xyz-out:nth-child(16), .xyz-in:nth-child(16) {
--xyz-index: 15;
}
.xyz-nested:nth-last-child(16), .xyz-appear-nested:nth-last-child(16), .xyz-out-nested:nth-last-child(16), .xyz-in-nested:nth-last-child(16), .xyz-appear:nth-last-child(16), .xyz-out:nth-last-child(16), .xyz-in:nth-last-child(16) {
--xyz-index-rev: 15;
}
.xyz-nested:nth-child(17), .xyz-appear-nested:nth-child(17), .xyz-out-nested:nth-child(17), .xyz-in-nested:nth-child(17), .xyz-appear:nth-child(17), .xyz-out:nth-child(17), .xyz-in:nth-child(17) {
--xyz-index: 16;
}
.xyz-nested:nth-last-child(17), .xyz-appear-nested:nth-last-child(17), .xyz-out-nested:nth-last-child(17), .xyz-in-nested:nth-last-child(17), .xyz-appear:nth-last-child(17), .xyz-out:nth-last-child(17), .xyz-in:nth-last-child(17) {
--xyz-index-rev: 16;
}
.xyz-nested:nth-child(18), .xyz-appear-nested:nth-child(18), .xyz-out-nested:nth-child(18), .xyz-in-nested:nth-child(18), .xyz-appear:nth-child(18), .xyz-out:nth-child(18), .xyz-in:nth-child(18) {
--xyz-index: 17;
}
.xyz-nested:nth-last-child(18), .xyz-appear-nested:nth-last-child(18), .xyz-out-nested:nth-last-child(18), .xyz-in-nested:nth-last-child(18), .xyz-appear:nth-last-child(18), .xyz-out:nth-last-child(18), .xyz-in:nth-last-child(18) {
--xyz-index-rev: 17;
}
.xyz-nested:nth-child(19), .xyz-appear-nested:nth-child(19), .xyz-out-nested:nth-child(19), .xyz-in-nested:nth-child(19), .xyz-appear:nth-child(19), .xyz-out:nth-child(19), .xyz-in:nth-child(19) {
--xyz-index: 18;
}
.xyz-nested:nth-last-child(19), .xyz-appear-nested:nth-last-child(19), .xyz-out-nested:nth-last-child(19), .xyz-in-nested:nth-last-child(19), .xyz-appear:nth-last-child(19), .xyz-out:nth-last-child(19), .xyz-in:nth-last-child(19) {
--xyz-index-rev: 18;
}
.xyz-nested:nth-child(20), .xyz-appear-nested:nth-child(20), .xyz-out-nested:nth-child(20), .xyz-in-nested:nth-child(20), .xyz-appear:nth-child(20), .xyz-out:nth-child(20), .xyz-in:nth-child(20) {
--xyz-index: 19;
}
.xyz-nested:nth-last-child(20), .xyz-appear-nested:nth-last-child(20), .xyz-out-nested:nth-last-child(20), .xyz-in-nested:nth-last-child(20), .xyz-appear:nth-last-child(20), .xyz-out:nth-last-child(20), .xyz-in:nth-last-child(20) {
--xyz-index-rev: 19;
}
.xyz-appear, .xyz-out, .xyz-in {
--xyz-root-stagger-delay: var(--xyz-stagger-delay, 0s);
--xyz-nested-stagger-delay: initial;
--xyz-start-offset: initial;
}
.xyz-nested, .xyz-appear-nested, .xyz-out-nested, .xyz-in-nested {
--xyz-nested-stagger-delay: var(--xyz-root-stagger-delay, 0s);
}
.xyz-in .xyz-nested, .xyz-in .xyz-in-nested, .xyz-in {
--xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-in-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-in-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
--xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-in-delay, var(--xyz-delay, var(--xyz-in-delay-default, var(--xyz-delay-default))));
--xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
--xyz-total-delay: calc(var(--xyz-total-delay-calc));
transform-origin: var(--xyz-in-origin, var(--xyz-origin, var(--xyz-in-origin-default, var(--xyz-origin-default))));
-webkit-backface-visibility: visible;
backface-visibility: visible;
--xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-in-duration, var(--xyz-duration, var(--xyz-in-duration-default, var(--xyz-duration-default))))) * -1;
-webkit-animation: var(--xyz-in-duration, var(--xyz-duration, var(--xyz-in-duration-default, var(--xyz-duration-default)))) var(--xyz-in-ease, var(--xyz-ease, var(--xyz-in-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-in-iterate, var(--xyz-iterate, var(--xyz-in-iterate-default, var(--xyz-iterate-default)))) var(--xyz-in-direction, var(--xyz-direction, var(--xyz-in-direction-default, var(--xyz-direction-default)))) both;
animation: var(--xyz-in-duration, var(--xyz-duration, var(--xyz-in-duration-default, var(--xyz-duration-default)))) var(--xyz-in-ease, var(--xyz-ease, var(--xyz-in-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-in-iterate, var(--xyz-iterate, var(--xyz-in-iterate-default, var(--xyz-iterate-default)))) var(--xyz-in-direction, var(--xyz-direction, var(--xyz-in-direction-default, var(--xyz-direction-default)))) both;
-webkit-animation-name: xyz-in-keyframes, var(--xyz-in-keyframes, var(--xyz-keyframes, var(--xyz-in-keyframes-default, var(--xyz-keyframes-default))));
animation-name: xyz-in-keyframes, var(--xyz-in-keyframes, var(--xyz-keyframes, var(--xyz-in-keyframes-default, var(--xyz-keyframes-default))));
}
.xyz-out .xyz-nested, .xyz-out .xyz-out-nested, .xyz-out {
--xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-out-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-out-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
--xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-out-delay, var(--xyz-delay, var(--xyz-out-delay-default, var(--xyz-delay-default))));
--xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
--xyz-total-delay: calc(var(--xyz-total-delay-calc));
transform-origin: var(--xyz-out-origin, var(--xyz-origin, var(--xyz-out-origin-default, var(--xyz-origin-default))));
-webkit-backface-visibility: visible;
backface-visibility: visible;
--xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-out-duration, var(--xyz-duration, var(--xyz-out-duration-default, var(--xyz-duration-default))))) * -1;
-webkit-animation: var(--xyz-out-duration, var(--xyz-duration, var(--xyz-out-duration-default, var(--xyz-duration-default)))) var(--xyz-out-ease, var(--xyz-ease, var(--xyz-out-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-out-iterate, var(--xyz-iterate, var(--xyz-out-iterate-default, var(--xyz-iterate-default)))) var(--xyz-out-direction, var(--xyz-direction, var(--xyz-out-direction-default, var(--xyz-direction-default)))) both;
animation: var(--xyz-out-duration, var(--xyz-duration, var(--xyz-out-duration-default, var(--xyz-duration-default)))) var(--xyz-out-ease, var(--xyz-ease, var(--xyz-out-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-out-iterate, var(--xyz-iterate, var(--xyz-out-iterate-default, var(--xyz-iterate-default)))) var(--xyz-out-direction, var(--xyz-direction, var(--xyz-out-direction-default, var(--xyz-direction-default)))) both;
-webkit-animation-name: xyz-out-keyframes, var(--xyz-out-keyframes, var(--xyz-keyframes, var(--xyz-out-keyframes-default, var(--xyz-keyframes-default))));
animation-name: xyz-out-keyframes, var(--xyz-out-keyframes, var(--xyz-keyframes, var(--xyz-out-keyframes-default, var(--xyz-keyframes-default))));
}
.xyz-appear .xyz-nested, .xyz-appear .xyz-appear-nested, .xyz-appear {
--xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-appear-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-appear-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
--xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-appear-delay, var(--xyz-delay, var(--xyz-appear-delay-default, var(--xyz-delay-default))));
--xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
--xyz-total-delay: calc(var(--xyz-total-delay-calc));
transform-origin: var(--xyz-appear-origin, var(--xyz-origin, var(--xyz-appear-origin-default, var(--xyz-origin-default))));
-webkit-backface-visibility: visible;
backface-visibility: visible;
--xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-appear-duration, var(--xyz-duration, var(--xyz-appear-duration-default, var(--xyz-duration-default))))) * -1;
-webkit-animation: var(--xyz-appear-duration, var(--xyz-duration, var(--xyz-appear-duration-default, var(--xyz-duration-default)))) var(--xyz-appear-ease, var(--xyz-ease, var(--xyz-appear-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-appear-iterate, var(--xyz-iterate, var(--xyz-appear-iterate-default, var(--xyz-iterate-default)))) var(--xyz-appear-direction, var(--xyz-direction, var(--xyz-appear-direction-default, var(--xyz-direction-default)))) both;
animation: var(--xyz-appear-duration, var(--xyz-duration, var(--xyz-appear-duration-default, var(--xyz-duration-default)))) var(--xyz-appear-ease, var(--xyz-ease, var(--xyz-appear-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-appear-iterate, var(--xyz-iterate, var(--xyz-appear-iterate-default, var(--xyz-iterate-default)))) var(--xyz-appear-direction, var(--xyz-direction, var(--xyz-appear-direction-default, var(--xyz-direction-default)))) both;
-webkit-animation-name: xyz-appear-keyframes, var(--xyz-appear-keyframes, var(--xyz-keyframes, var(--xyz-appear-keyframes-default, var(--xyz-keyframes-default))));
animation-name: xyz-appear-keyframes, var(--xyz-appear-keyframes, var(--xyz-keyframes, var(--xyz-appear-keyframes-default, var(--xyz-keyframes-default))));
}
.xyz-absolute.xyz-in, .xyz-in-absolute.xyz-in, .xyz-in .xyz-absolute.xyz-nested, .xyz-in .xyz-absolute.xyz-in-nested, .xyz-in .xyz-in-absolute.xyz-nested, .xyz-in .xyz-in-absolute.xyz-in-nested, .xyz-absolute.xyz-out, .xyz-out-absolute.xyz-out, .xyz-out .xyz-absolute.xyz-nested, .xyz-out .xyz-absolute.xyz-out-nested, .xyz-out .xyz-out-absolute.xyz-nested, .xyz-out .xyz-out-absolute.xyz-out-nested, .xyz-absolute.xyz-appear, .xyz-appear-absolute.xyz-appear, .xyz-appear .xyz-absolute.xyz-nested, .xyz-appear .xyz-absolute.xyz-appear-nested, .xyz-appear .xyz-appear-absolute.xyz-nested, .xyz-appear .xyz-appear-absolute.xyz-appear-nested {
position: absolute !important;
}
.xyz-paused.xyz-in, .xyz-in-paused.xyz-in, .xyz-in .xyz-paused.xyz-nested, .xyz-in .xyz-paused.xyz-in-nested, .xyz-in .xyz-in-paused.xyz-nested, .xyz-in .xyz-in-paused.xyz-in-nested, .xyz-in.xyz-paused-all, .xyz-in.xyz-in-paused-all, .xyz-in.xyz-paused-all .xyz-nested, .xyz-in.xyz-paused-all .xyz-in-nested, .xyz-in.xyz-in-paused-all .xyz-nested, .xyz-in.xyz-in-paused-all .xyz-in-nested, .xyz-paused.xyz-out, .xyz-out-paused.xyz-out, .xyz-out .xyz-paused.xyz-nested, .xyz-out .xyz-paused.xyz-out-nested, .xyz-out .xyz-out-paused.xyz-nested, .xyz-out .xyz-out-paused.xyz-out-nested, .xyz-out.xyz-paused-all, .xyz-out.xyz-out-paused-all, .xyz-out.xyz-paused-all .xyz-nested, .xyz-out.xyz-paused-all .xyz-out-nested, .xyz-out.xyz-out-paused-all .xyz-nested, .xyz-out.xyz-out-paused-all .xyz-out-nested, .xyz-paused.xyz-appear, .xyz-appear-paused.xyz-appear, .xyz-appear .xyz-paused.xyz-nested, .xyz-appear .xyz-paused.xyz-appear-nested, .xyz-appear .xyz-appear-paused.xyz-nested, .xyz-appear .xyz-appear-paused.xyz-appear-nested, .xyz-appear.xyz-paused-all, .xyz-appear.xyz-appear-paused-all, .xyz-appear.xyz-paused-all .xyz-nested, .xyz-appear.xyz-paused-all .xyz-appear-nested, .xyz-appear.xyz-appear-paused-all .xyz-nested, .xyz-appear.xyz-appear-paused-all .xyz-appear-nested {
-webkit-animation-play-state: paused !important;
animation-play-state: paused !important;
}
.xyz-none.xyz-in, .xyz-in-none.xyz-in, .xyz-in .xyz-none.xyz-nested, .xyz-in .xyz-none.xyz-in-nested, .xyz-in .xyz-in-none.xyz-nested, .xyz-in .xyz-in-none.xyz-in-nested, .xyz-in.xyz-none-all, .xyz-in.xyz-in-none-all, .xyz-in.xyz-none-all .xyz-nested, .xyz-in.xyz-none-all .xyz-in-nested, .xyz-in.xyz-in-none-all .xyz-nested, .xyz-in.xyz-in-none-all .xyz-in-nested, .xyz-none.xyz-out, .xyz-out-none.xyz-out, .xyz-out .xyz-none.xyz-nested, .xyz-out .xyz-none.xyz-out-nested, .xyz-out .xyz-out-none.xyz-nested, .xyz-out .xyz-out-none.xyz-out-nested, .xyz-out.xyz-none-all, .xyz-out.xyz-out-none-all, .xyz-out.xyz-none-all .xyz-nested, .xyz-out.xyz-none-all .xyz-out-nested, .xyz-out.xyz-out-none-all .xyz-nested, .xyz-out.xyz-out-none-all .xyz-out-nested, .xyz-none.xyz-appear, .xyz-appear-none.xyz-appear, .xyz-appear .xyz-none.xyz-nested, .xyz-appear .xyz-none.xyz-appear-nested, .xyz-appear .xyz-appear-none.xyz-nested, .xyz-appear .xyz-appear-none.xyz-appear-nested, .xyz-appear.xyz-none-all, .xyz-appear.xyz-appear-none-all, .xyz-appear.xyz-none-all .xyz-nested, .xyz-appear.xyz-none-all .xyz-appear-nested, .xyz-appear.xyz-appear-none-all .xyz-nested, .xyz-appear.xyz-appear-none-all .xyz-appear-nested {
-webkit-animation: none !important;
animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
.xyz-appear, .xyz-appear .xyz-nested, .xyz-appear .xyz-appear-nested, .xyz-out, .xyz-out .xyz-nested, .xyz-out .xyz-out-nested, .xyz-in, .xyz-in .xyz-nested, .xyz-in .xyz-in-nested {
-webkit-animation: none;
animation: none;
}
}
[xyz] {
--xyz-keyframes: initial;
--xyz-in-keyframes: initial;
--xyz-out-keyframes: initial;
--xyz-appear-keyframes: initial;
--xyz-ease: initial;
--xyz-in-ease: initial;
--xyz-out-ease: initial;
--xyz-appear-ease: initial;
--xyz-duration: initial;
--xyz-in-duration: initial;
--xyz-out-duration: initial;
--xyz-appear-duration: initial;
--xyz-delay: initial;
--xyz-in-delay: initial;
--xyz-out-delay: initial;
--xyz-appear-delay: initial;
--xyz-stagger: initial;
--xyz-in-stagger: initial;
--xyz-out-stagger: initial;
--xyz-appear-stagger: initial;
--xyz-stagger-rev: initial;
--xyz-in-stagger-rev: initial;
--xyz-out-stagger-rev: initial;
--xyz-appear-stagger-rev: initial;
--xyz-iterate: initial;
--xyz-in-iterate: initial;
--xyz-out-iterate: initial;
--xyz-appear-iterate: initial;
--xyz-direction: initial;
--xyz-in-direction: initial;
--xyz-out-direction: initial;
--xyz-appear-direction: initial;
--xyz-origin: initial;
--xyz-in-origin: initial;
--xyz-out-origin: initial;
--xyz-appear-origin: initial;
--xyz-opacity: initial;
--xyz-in-opacity: initial;
--xyz-out-opacity: initial;
--xyz-appear-opacity: initial;
--xyz-transform: initial;
--xyz-in-transform: initial;
--xyz-out-transform: initial;
--xyz-appear-transform: initial;
--xyz-perspective: initial;
--xyz-in-perspective: initial;
--xyz-out-perspective: initial;
--xyz-appear-perspective: initial;
--xyz-translate-x: initial;
--xyz-in-translate-x: initial;
--xyz-out-translate-x: initial;
--xyz-appear-translate-x: initial;
--xyz-translate-y: initial;
--xyz-in-translate-y: initial;
--xyz-out-translate-y: initial;
--xyz-appear-translate-y: initial;
--xyz-translate-z: initial;
--xyz-in-translate-z: initial;
--xyz-out-translate-z: initial;
--xyz-appear-translate-z: initial;
--xyz-rotate-x: initial;
--xyz-in-rotate-x: initial;
--xyz-out-rotate-x: initial;
--xyz-appear-rotate-x: initial;
--xyz-rotate-y: initial;
--xyz-in-rotate-y: initial;
--xyz-out-rotate-y: initial;
--xyz-appear-rotate-y: initial;
--xyz-rotate-z: initial;
--xyz-in-rotate-z: initial;
--xyz-out-rotate-z: initial;
--xyz-appear-rotate-z: initial;
--xyz-scale-x: initial;
--xyz-in-scale-x: initial;
--xyz-out-scale-x: initial;
--xyz-appear-scale-x: initial;
--xyz-scale-y: initial;
--xyz-in-scale-y: initial;
--xyz-out-scale-y: initial;
--xyz-appear-scale-y: initial;
--xyz-scale-z: initial;
--xyz-in-scale-z: initial;
--xyz-out-scale-z: initial;
--xyz-appear-scale-z: initial;
--xyz-skew-x: initial;
--xyz-in-skew-x: initial;
--xyz-out-skew-x: initial;
--xyz-appear-skew-x: initial;
--xyz-skew-y: initial;
--xyz-in-skew-y: initial;
--xyz-out-skew-y: initial;
--xyz-appear-skew-y: initial;
}
[xyz~=inherit] {
--xyz-keyframes: inherit;
--xyz-in-keyframes: inherit;
--xyz-out-keyframes: inherit;
--xyz-appear-keyframes: inherit;
--xyz-ease: inherit;
--xyz-in-ease: inherit;
--xyz-out-ease: inherit;
--xyz-appear-ease: inherit;
--xyz-duration: inherit;
--xyz-in-duration: inherit;
--xyz-out-duration: inherit;
--xyz-appear-duration: inherit;
--xyz-delay: inherit;
--xyz-in-delay: inherit;
--xyz-out-delay: inherit;
--xyz-appear-delay: inherit;
--xyz-stagger: inherit;
--xyz-in-stagger: inherit;
--xyz-out-stagger: inherit;
--xyz-appear-stagger: inherit;
--xyz-stagger-rev: inherit;
--xyz-in-stagger-rev: inherit;
--xyz-out-stagger-rev: inherit;
--xyz-appear-stagger-rev: inherit;
--xyz-iterate: inherit;
--xyz-in-iterate: inherit;
--xyz-out-iterate: inherit;
--xyz-appear-iterate: inherit;
--xyz-direction: inherit;
--xyz-in-direction: inherit;
--xyz-out-direction: inherit;
--xyz-appear-direction: inherit;
--xyz-origin: inherit;
--xyz-in-origin: inherit;
--xyz-out-origin: inherit;
--xyz-appear-origin: inherit;
--xyz-opacity: inherit;
--xyz-in-opacity: inherit;
--xyz-out-opacity: inherit;
--xyz-appear-opacity: inherit;
--xyz-transform: inherit;
--xyz-in-transform: inherit;
--xyz-out-transform: inherit;
--xyz-appear-transform: inherit;
--xyz-perspective: inherit;
--xyz-in-perspective: inherit;
--xyz-out-perspective: inherit;
--xyz-appear-perspective: inherit;
--xyz-translate-x: inherit;
--xyz-in-translate-x: inherit;
--xyz-out-translate-x: inherit;
--xyz-appear-translate-x: inherit;
--xyz-translate-y: inherit;
--xyz-in-translate-y: inherit;
--xyz-out-translate-y: inherit;
--xyz-appear-translate-y: inherit;
--xyz-translate-z: inherit;
--xyz-in-translate-z: inherit;
--xyz-out-translate-z: inherit;
--xyz-appear-translate-z: inherit;
--xyz-rotate-x: inherit;
--xyz-in-rotate-x: inherit;
--xyz-out-rotate-x: inherit;
--xyz-appear-rotate-x: inherit;
--xyz-rotate-y: inherit;
--xyz-in-rotate-y: inherit;
--xyz-out-rotate-y: inherit;
--xyz-appear-rotate-y: inherit;
--xyz-rotate-z: inherit;
--xyz-in-rotate-z: inherit;
--xyz-out-rotate-z: inherit;
--xyz-appear-rotate-z: inherit;
--xyz-scale-x: inherit;
--xyz-in-scale-x: inherit;
--xyz-out-scale-x: inherit;
--xyz-appear-scale-x: inherit;
--xyz-scale-y: inherit;
--xyz-in-scale-y: inherit;
--xyz-out-scale-y: inherit;
--xyz-appear-scale-y: inherit;
--xyz-scale-z: inherit;
--xyz-in-scale-z: inherit;
--xyz-out-scale-z: inherit;
--xyz-appear-scale-z: inherit;
--xyz-skew-x: inherit;
--xyz-in-skew-x: inherit;
--xyz-out-skew-x: inherit;
--xyz-appear-skew-x: inherit;
--xyz-skew-y: inherit;
--xyz-in-skew-y: inherit;
--xyz-out-skew-y: inherit;
--xyz-appear-skew-y: inherit;
}
[xyz~=ease] {
--xyz-ease: var(--xyz-ease-default);
}
[xyz~=ease-ease] {
--xyz-ease: ease;
}
[xyz~=ease-linear] {
--xyz-ease: linear;
}
[xyz~=ease-in] {
--xyz-ease: ease-in;
}
[xyz~=ease-in-back] {
--xyz-ease: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[xyz~=ease-out] {
--xyz-ease: ease-out;
}
[xyz~=ease-out-back] {
--xyz-ease: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[xyz~=ease-in-out] {
--xyz-ease: ease-in-out;
}
[xyz~=ease-in-out-back] {
--xyz-ease: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[xyz~=in-ease] {
--xyz-in-ease: var(--xyz-ease-default);
}
[xyz~=in-ease-ease] {
--xyz-in-ease: ease;
}
[xyz~=in-ease-linear] {
--xyz-in-ease: linear;
}
[xyz~=in-ease-in] {
--xyz-in-ease: ease-in;
}
[xyz~=in-ease-in-back] {
--xyz-in-ease: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[xyz~=in-ease-out] {
--xyz-in-ease: ease-out;
}
[xyz~=in-ease-out-back] {
--xyz-in-ease: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[xyz~=in-ease-in-out] {
--xyz-in-ease: ease-in-out;
}
[xyz~=in-ease-in-out-back] {
--xyz-in-ease: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[xyz~=out-ease] {
--xyz-out-ease: var(--xyz-ease-default);
}
[xyz~=out-ease-ease] {
--xyz-out-ease: ease;
}
[xyz~=out-ease-linear] {
--xyz-out-ease: linear;
}
[xyz~=out-ease-in] {
--xyz-out-ease: ease-in;
}
[xyz~=out-ease-in-back] {
--xyz-out-ease: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[xyz~=out-ease-out] {
--xyz-out-ease: ease-out;
}
[xyz~=out-ease-out-back] {
--xyz-out-ease: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[xyz~=out-ease-in-out] {
--xyz-out-ease: ease-in-out;
}
[xyz~=out-ease-in-out-back] {
--xyz-out-ease: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[xyz~=appear-ease] {
--xyz-appear-ease: var(--xyz-ease-default);
}
[xyz~=appear-ease-ease] {
--xyz-appear-ease: ease;
}
[xyz~=appear-ease-linear] {
--xyz-appear-ease: linear;
}
[xyz~=appear-ease-in] {
--xyz-appear-ease: ease-in;
}
[xyz~=appear-ease-in-back] {
--xyz-appear-ease: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[xyz~=appear-ease-out] {
--xyz-appear-ease: ease-out;
}
[xyz~=appear-ease-out-back] {
--xyz-appear-ease: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[xyz~=appear-ease-in-out] {
--xyz-appear-ease: ease-in-out;
}
[xyz~=appear-ease-in-out-back] {
--xyz-appear-ease: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[xyz~=duration] {
--xyz-duration: var(--xyz-duration-default);
}
[xyz~=duration-0] {
--xyz-duration: 0s;
}
[xyz~="duration-0.5"] {
--xyz-duration: 0.05s;
}
[xyz~=duration-1] {
--xyz-duration: 0.1s;
}
[xyz~="duration-1.5"] {
--xyz-duration: 0.15s;
}
[xyz~=duration-2] {
--xyz-duration: 0.2s;
}
[xyz~="duration-2.5"] {
--xyz-duration: 0.25s;
}
[xyz~=duration-3] {
--xyz-duration: 0.3s;
}
[xyz~=duration-4] {
--xyz-duration: 0.4s;
}
[xyz~=duration-5] {
--xyz-duration: 0.5s;
}
[xyz~=duration-6] {
--xyz-duration: 0.6s;
}
[xyz~=duration-7] {
--xyz-duration: 0.7s;
}
[xyz~=duration-8] {
--xyz-duration: 0.8s;
}
[xyz~=duration-9] {
--xyz-duration: 0.9s;
}
[xyz~=duration-10] {
--xyz-duration: 1s;
}
[xyz~=duration-15] {
--xyz-duration: 1.5s;
}
[xyz~=duration-20] {
--xyz-duration: 2s;
}
[xyz~=duration-25] {
--xyz-duration: 2.5s;
}
[xyz~=duration-30] {
--xyz-duration: 3s;
}
[xyz~=in-duration] {
--xyz-in-duration: var(--xyz-duration-default);
}
[xyz~=in-duration-0] {
--xyz-in-duration: 0s;
}
[xyz~="in-duration-0.5"] {
--xyz-in-duration: 0.05s;
}
[xyz~=in-duration-1] {
--xyz-in-duration: 0.1s;
}
[xyz~="in-duration-1.5"] {
--xyz-in-duration: 0.15s;
}
[xyz~=in-duration-2] {
--xyz-in-duration: 0.2s;
}
[xyz~="in-duration-2.5"] {
--xyz-in-duration: 0.25s;
}
[xyz~=in-duration-3] {
--xyz-in-duration: 0.3s;
}
[xyz~=in-duration-4] {
--xyz-in-duration: 0.4s;
}
[xyz~=in-duration-5] {
--xyz-in-duration: 0.5s;
}
[xyz~=in-duration-6] {
--xyz-in-duration: 0.6s;
}
[xyz~=in-duration-7] {
--xyz-in-duration: 0.7s;
}
[xyz~=in-duration-8] {
--xyz-in-duration: 0.8s;
}
[xyz~=in-duration-9] {
--xyz-in-duration: 0.9s;
}
[xyz~=in-duration-10] {
--xyz-in-duration: 1s;
}
[xyz~=in-duration-15] {
--xyz-in-duration: 1.5s;
}
[xyz~=in-duration-20] {
--xyz-in-duration: 2s;
}
[xyz~=in-duration-25] {
--xyz-in-duration: 2.5s;
}
[xyz~=in-duration-30] {
--xyz-in-duration: 3s;
}
[xyz~=out-duration] {
--xyz-out-duration: var(--xyz-duration-default);
}
[xyz~=out-duration-0] {
--xyz-out-duration: 0s;
}
[xyz~="out-duration-0.5"] {
--xyz-out-duration: 0.05s;
}
[xyz~=out-duration-1] {
--xyz-out-duration: 0.1s;
}
[xyz~="out-duration-1.5"] {
--xyz-out-duration: 0.15s;
}
[xyz~=out-duration-2] {
--xyz-out-duration: 0.2s;
}
[xyz~="out-duration-2.5"] {
--xyz-out-duration: 0.25s;
}
[xyz~=out-duration-3] {
--xyz-out-duration: 0.3s;
}
[xyz~=out-duration-4] {
--xyz-out-duration: 0.4s;
}
[xyz~=out-duration-5] {
--xyz-out-duration: 0.5s;
}
[xyz~=out-duration-6] {
--xyz-out-duration: 0.6s;
}
[xyz~=out-duration-7] {
--xyz-out-duration: 0.7s;
}
[xyz~=out-duration-8] {
--xyz-out-duration: 0.8s;
}
[xyz~=out-duration-9] {
--xyz-out-duration: 0.9s;
}
[xyz~=out-duration-10] {
--xyz-out-duration: 1s;
}
[xyz~=out-duration-15] {
--xyz-out-duration: 1.5s;
}
[xyz~=out-duration-20] {
--xyz-out-duration: 2s;
}
[xyz~=out-duration-25] {
--xyz-out-duration: 2.5s;
}
[xyz~=out-duration-30] {
--xyz-out-duration: 3s;
}
[xyz~=appear-duration] {
--xyz-appear-duration: var(--xyz-duration-default);
}
[xyz~=appear-duration-0] {
--xyz-appear-duration: 0s;
}
[xyz~="appear-duration-0.5"] {
--xyz-appear-duration: 0.05s;
}
[xyz~=appear-duration-1] {
--xyz-appear-duration: 0.1s;
}
[xyz~="appear-duration-1.5"] {
--xyz-appear-duration: 0.15s;
}
[xyz~=appear-duration-2] {
--xyz-appear-duration: 0.2s;
}
[xyz~="appear-duration-2.5"] {
--xyz-appear-duration: 0.25s;
}
[xyz~=appear-duration-3] {
--xyz-appear-duration: 0.3s;
}
[xyz~=appear-duration-4] {
--xyz-appear-duration: 0.4s;
}
[xyz~=appear-duration-5] {
--xyz-appear-duration: 0.5s;
}
[xyz~=appear-duration-6] {
--xyz-appear-duration: 0.6s;
}
[xyz~=appear-duration-7] {
--xyz-appear-duration: 0.7s;
}
[xyz~=appear-duration-8] {
--xyz-appear-duration: 0.8s;
}
[xyz~=appear-duration-9] {
--xyz-appear-duration: 0.9s;
}
[xyz~=appear-duration-10] {
--xyz-appear-duration: 1s;
}
[xyz~=appear-duration-15] {
--xyz-appear-duration: 1.5s;
}
[xyz~=appear-duration-20] {
--xyz-appear-duration: 2s;
}
[xyz~=appear-duration-25] {
--xyz-appear-duration: 2.5s;
}
[xyz~=appear-duration-30] {
--xyz-appear-duration: 3s;
}
[xyz~=delay] {
--xyz-delay: var(--xyz-delay-default);
}
[xyz~=delay-0] {
--xyz-delay: 0s;
}
[xyz~="delay-0.5"] {
--xyz-delay: 0.05s;
}
[xyz~=delay-1] {
--xyz-delay: 0.1s;
}
[xyz~="delay-1.5"] {
--xyz-delay: 0.15s;
}
[xyz~=delay-2] {
--xyz-delay: 0.2s;
}
[xyz~="delay-2.5"] {
--xyz-delay: 0.25s;
}
[xyz~=delay-3] {
--xyz-delay: 0.3s;
}
[xyz~=delay-4] {
--xyz-delay: 0.4s;
}
[xyz~=delay-5] {
--xyz-delay: 0.5s;
}
[xyz~=delay-6] {
--xyz-delay: 0.6s;
}
[xyz~=delay-7] {
--xyz-delay: 0.7s;
}
[xyz~=delay-8] {
--xyz-delay: 0.8s;
}
[xyz~=delay-9] {
--xyz-delay: 0.9s;
}
[xyz~=delay-10] {
--xyz-delay: 1s;
}
[xyz~=delay-15] {
--xyz-delay: 1.5s;
}
[xyz~=delay-20] {
--xyz-delay: 2s;
}
[xyz~=delay-25] {
--xyz-delay: 2.5s;
}
[xyz~=delay-30] {
--xyz-delay: 3s;
}
[xyz~=in-delay] {
--xyz-in-delay: var(--xyz-delay-default);
}
[xyz~=in-delay-0] {
--xyz-in-delay: 0s;
}
[xyz~="in-delay-0.5"] {
--xyz-in-delay: 0.05s;
}
[xyz~=in-delay-1] {
--xyz-in-delay: 0.1s;
}
[xyz~="in-delay-1.5"] {
--xyz-in-delay: 0.15s;
}
[xyz~=in-delay-2] {
--xyz-in-delay: 0.2s;
}
[xyz~="in-delay-2.5"] {
--xyz-in-delay: 0.25s;
}
[xyz~=in-delay-3] {
--xyz-in-delay: 0.3s;
}
[xyz~=in-delay-4] {
--xyz-in-delay: 0.4s;
}
[xyz~=in-delay-5] {
--xyz-in-delay: 0.5s;
}
[xyz~=in-delay-6] {
--xyz-in-delay: 0.6s;
}
[xyz~=in-delay-7] {
--xyz-in-delay: 0.7s;
}
[xyz~=in-delay-8] {
--xyz-in-delay: 0.8s;
}
[xyz~=in-delay-9] {
--xyz-in-delay: 0.9s;
}
[xyz~=in-delay-10] {
--xyz-in-delay: 1s;
}
[xyz~=in-delay-15] {
--xyz-in-delay: 1.5s;
}
[xyz~=in-delay-20] {
--xyz-in-delay: 2s;
}
[xyz~=in-delay-25] {
--xyz-in-delay: 2.5s;
}
[xyz~=in-delay-30] {
--xyz-in-delay: 3s;
}
[xyz~=out-delay] {
--xyz-out-delay: var(--xyz-delay-default);
}
[xyz~=out-delay-0] {
--xyz-out-delay: 0s;
}
[xyz~="out-delay-0.5"] {
--xyz-out-delay: 0.05s;
}
[xyz~=out-delay-1] {
--xyz-out-delay: 0.1s;
}
[xyz~="out-delay-1.5"] {
--xyz-out-delay: 0.15s;
}
[xyz~=out-delay-2] {
--xyz-out-delay: 0.2s;
}
[xyz~="out-delay-2.5"] {
--xyz-out-delay: 0.25s;
}
[xyz~=out-delay-3] {
--xyz-out-delay: 0.3s;
}
[xyz~=out-delay-4] {
--xyz-out-delay: 0.4s;
}
[xyz~=out-delay-5] {
--xyz-out-delay: 0.5s;
}
[xyz~=out-delay-6] {
--xyz-out-delay: 0.6s;
}
[xyz~=out-delay-7] {
--xyz-out-delay: 0.7s;
}
[xyz~=out-delay-8] {
--xyz-out-delay: 0.8s;
}
[xyz~=out-delay-9] {
--xyz-out-delay: 0.9s;
}
[xyz~=out-delay-10] {
--xyz-out-delay: 1s;
}
[xyz~=out-delay-15] {
--xyz-out-delay: 1.5s;
}
[xyz~=out-delay-20] {
--xyz-out-delay: 2s;
}
[xyz~=out-delay-25] {
--xyz-out-delay: 2.5s;
}
[xyz~=out-delay-30] {
--xyz-out-delay: 3s;
}
[xyz~=appear-delay] {
--xyz-appear-delay: var(--xyz-delay-default);
}
[xyz~=appear-delay-0] {
--xyz-appear-delay: 0s;
}
[xyz~="appear-delay-0.5"] {
--xyz-appear-delay: 0.05s;
}
[xyz~=appear-delay-1] {
--xyz-appear-delay: 0.1s;
}
[xyz~="appear-delay-1.5"] {
--xyz-appear-delay: 0.15s;
}
[xyz~=appear-delay-2] {
--xyz-appear-delay: 0.2s;
}
[xyz~="appear-delay-2.5"] {
--xyz-appear-delay: 0.25s;
}
[xyz~=appear-delay-3] {
--xyz-appear-delay: 0.3s;
}
[xyz~=appear-delay-4] {
--xyz-appear-delay: 0.4s;
}
[xyz~=appear-delay-5] {
--xyz-appear-delay: 0.5s;
}
[xyz~=appear-delay-6] {
--xyz-appear-delay: 0.6s;
}
[xyz~=appear-delay-7] {
--xyz-appear-delay: 0.7s;
}
[xyz~=appear-delay-8] {
--xyz-appear-delay: 0.8s;
}
[xyz~=appear-delay-9] {
--xyz-appear-delay: 0.9s;
}
[xyz~=appear-delay-10] {
--xyz-appear-delay: 1s;
}
[xyz~=appear-delay-15] {
--xyz-appear-delay: 1.5s;
}
[xyz~=appear-delay-20] {
--xyz-appear-delay: 2s;
}
[xyz~=appear-delay-25] {
--xyz-appear-delay: 2.5s;
}
[xyz~=appear-delay-30] {
--xyz-appear-delay: 3s;
}
[xyz~=stagger] {
--xyz-stagger: var(--xyz-stagger-default);
}
[xyz~=stagger-0] {
--xyz-stagger: 0s;
}
[xyz~="stagger-0.5"] {
--xyz-stagger: 0.05s;
}
[xyz~=stagger-1] {
--xyz-stagger: 0.1s;
}
[xyz~="stagger-1.5"] {
--xyz-stagger: 0.15s;
}
[xyz~=stagger-2] {
--xyz-stagger: 0.2s;
}
[xyz~="stagger-2.5"] {
--xyz-stagger: 0.25s;
}
[xyz~=stagger-3] {
--xyz-stagger: 0.3s;
}
[xyz~=stagger-4] {
--xyz-stagger: 0.4s;
}
[xyz~=stagger-5] {
--xyz-stagger: 0.5s;
}
[xyz~=stagger-6] {
--xyz-stagger: 0.6s;
}
[xyz~=stagger-7] {
--xyz-stagger: 0.7s;
}
[xyz~=stagger-8] {
--xyz-stagger: 0.8s;
}
[xyz~=stagger-9] {
--xyz-stagger: 0.9s;
}
[xyz~=stagger-10] {
--xyz-stagger: 1s;
}
[xyz~=stagger-15] {
--xyz-stagger: 1.5s;
}
[xyz~=stagger-20] {
--xyz-stagger: 2s;
}
[xyz~=stagger-25] {
--xyz-stagger: 2.5s;
}
[xyz~=stagger-30] {
--xyz-stagger: 3s;
}
[xyz~=in-stagger] {
--xyz-in-stagger: var(--xyz-stagger-default);
}
[xyz~=in-stagger-0] {
--xyz-in-stagger: 0s;
}
[xyz~="in-stagger-0.5"] {
--xyz-in-stagger: 0.05s;
}
[xyz~=in-stagger-1] {
--xyz-in-stagger: 0.1s;
}
[xyz~="in-stagger-1.5"] {
--xyz-in-stagger: 0.15s;
}
[xyz~=in-stagger-2] {
--xyz-in-stagger: 0.2s;
}
[xyz~="in-stagger-2.5"] {
--xyz-in-stagger: 0.25s;
}
[xyz~=in-stagger-3] {
--xyz-in-stagger: 0.3s;
}
[xyz~=in-stagger-4] {
--xyz-in-stagger: 0.4s;
}
[xyz~=in-stagger-5] {
--xyz-in-stagger: 0.5s;
}
[xyz~=in-stagger-6] {
--xyz-in-stagger: 0.6s;
}
[xyz~=in-stagger-7] {
--xyz-in-stagger: 0.7s;
}
[xyz~=in-stagger-8] {
--xyz-in-stagger: 0.8s;
}
[xyz~=in-stagger-9] {
--xyz-in-stagger: 0.9s;
}
[xyz~=in-stagger-10] {
--xyz-in-stagger: 1s;
}
[xyz~=in-stagger-15] {
--xyz-in-stagger: 1.5s;
}
[xyz~=in-stagger-20] {
--xyz-in-stagger: 2s;
}
[xyz~=in-stagger-25] {
--xyz-in-stagger: 2.5s;
}
[xyz~=in-stagger-30] {
--xyz-in-stagger: 3s;
}
[xyz~=out-stagger] {
--xyz-out-stagger: var(--xyz-stagger-default);
}
[xyz~=out-stagger-0] {
--xyz-out-stagger: 0s;
}
[xyz~="out-stagger-0.5"] {
--xyz-out-stagger: 0.05s;
}
[xyz~=out-stagger-1] {
--xyz-out-stagger: 0.1s;
}
[xyz~="out-stagger-1.5"] {
--xyz-out-stagger: 0.15s;
}
[xyz~=out-stagger-2] {
--xyz-out-stagger: 0.2s;
}
[xyz~="out-stagger-2.5"] {
--xyz-out-stagger: 0.25s;
}
[xyz~=out-stagger-3] {
--xyz-out-stagger: 0.3s;
}
[xyz~=out-stagger-4] {
--xyz-out-stagger: 0.4s;
}
[xyz~=out-stagger-5] {
--xyz-out-stagger: 0.5s;
}
[xyz~=out-stagger-6] {
--xyz-out-stagger: 0.6s;
}
[xyz~=out-stagger-7] {
--xyz-out-stagger: 0.7s;
}
[xyz~=out-stagger-8] {
--xyz-out-stagger: 0.8s;
}
[xyz~=out-stagger-9] {
--xyz-out-stagger: 0.9s;
}
[xyz~=out-stagger-10] {
--xyz-out-stagger: 1s;
}
[xyz~=out-stagger-15] {
--xyz-out-stagger: 1.5s;
}
[xyz~=out-stagger-20] {
--xyz-out-stagger: 2s;
}
[xyz~=out-stagger-25] {
--xyz-out-stagger: 2.5s;
}
[xyz~=out-stagger-30] {
--xyz-out-stagger: 3s;
}
[xyz~=appear-stagger] {
--xyz-appear-stagger: var(--xyz-stagger-default);
}
[xyz~=appear-stagger-0] {
--xyz-appear-stagger: 0s;
}
[xyz~="appear-stagger-0.5"] {
--xyz-appear-stagger: 0.05s;
}
[xyz~=appear-stagger-1] {
--xyz-appear-stagger: 0.1s;
}
[xyz~="appear-stagger-1.5"] {
--xyz-appear-stagger: 0.15s;
}
[xyz~=appear-stagger-2] {
--xyz-appear-stagger: 0.2s;
}
[xyz~="appear-stagger-2.5"] {
--xyz-appear-stagger: 0.25s;
}
[xyz~=appear-stagger-3] {
--xyz-appear-stagger: 0.3s;
}
[xyz~=appear-stagger-4] {
--xyz-appear-stagger: 0.4s;
}
[xyz~=appear-stagger-5] {
--xyz-appear-stagger: 0.5s;
}
[xyz~=appear-stagger-6] {
--xyz-appear-stagger: 0.6s;
}
[xyz~=appear-stagger-7] {
--xyz-appear-stagger: 0.7s;
}
[xyz~=appear-stagger-8] {
--xyz-appear-stagger: 0.8s;
}
[xyz~=appear-stagger-9] {
--xyz-appear-stagger: 0.9s;
}
[xyz~=appear-stagger-10] {
--xyz-appear-stagger: 1s;
}
[xyz~=appear-stagger-15] {
--xyz-appear-stagger: 1.5s;
}
[xyz~=appear-stagger-20] {
--xyz-appear-stagger: 2s;
}
[xyz~=appear-stagger-25] {
--xyz-appear-stagger: 2.5s;
}
[xyz~=appear-stagger-30] {
--xyz-appear-stagger: 3s;
}
[xyz~=stagger-rev] {
--xyz-stagger-rev: var(--xyz-stagger-default);
}
[xyz~=stagger-rev-0] {
--xyz-stagger-rev: 0s;
}
[xyz~="stagger-rev-0.5"] {
--xyz-stagger-rev: 0.05s;
}
[xyz~=stagger-rev-1] {
--xyz-stagger-rev: 0.1s;
}
[xyz~="stagger-rev-1.5"] {
--xyz-stagger-rev: 0.15s;
}
[xyz~=stagger-rev-2] {
--xyz-stagger-rev: 0.2s;
}
[xyz~="stagger-rev-2.5"] {
--xyz-stagger-rev: 0.25s;
}
[xyz~=stagger-rev-3] {
--xyz-stagger-rev: 0.3s;
}
[xyz~=stagger-rev-4] {
--xyz-stagger-rev: 0.4s;
}
[xyz~=stagger-rev-5] {
--xyz-stagger-rev: 0.5s;
}
[xyz~=stagger-rev-6] {
--xyz-stagger-rev: 0.6s;
}
[xyz~=stagger-rev-7] {
--xyz-stagger-rev: 0.7s;
}
[xyz~=stagger-rev-8] {
--xyz-stagger-rev: 0.8s;
}
[xyz~=stagger-rev-9] {
--xyz-stagger-rev: 0.9s;
}
[xyz~=stagger-rev-10] {
--xyz-stagger-rev: 1s;
}
[xyz~=stagger-rev-15] {
--xyz-stagger-rev: 1.5s;
}
[xyz~=stagger-rev-20] {
--xyz-stagger-rev: 2s;
}
[xyz~=stagger-rev-25] {
--xyz-stagger-rev: 2.5s;
}
[xyz~=stagger-rev-30] {
--xyz-stagger-rev: 3s;
}
[xyz~=in-stagger-rev] {
--xyz-in-stagger-rev: var(--xyz-stagger-default);
}
[xyz~=in-stagger-rev-0] {
--xyz-in-stagger-rev: 0s;
}
[xyz~="in-stagger-rev-0.5"] {
--xyz-in-stagger-rev: 0.05s;
}
[xyz~=in-stagger-rev-1] {
--xyz-in-stagger-rev: 0.1s;
}
[xyz~="in-stagger-rev-1.5"] {
--xyz-in-stagger-rev: 0.15s;
}
[xyz~=in-stagger-rev-2] {
--xyz-in-stagger-rev: 0.2s;
}
[xyz~="in-stagger-rev-2.5"] {
--xyz-in-stagger-rev: 0.25s;
}
[xyz~=in-stagger-rev-3] {
--xyz-in-stagger-rev: 0.3s;
}
[xyz~=in-stagger-rev-4] {
--xyz-in-stagger-rev: 0.4s;
}
[xyz~=in-stagger-rev-5] {
--xyz-in-stagger-rev: 0.5s;
}
[xyz~=in-stagger-rev-6] {
--xyz-in-stagger-rev: 0.6s;
}
[xyz~=in-stagger-rev-7] {
--xyz-in-stagger-rev: 0.7s;
}
[xyz~=in-stagger-rev-8] {
--xyz-in-stagger-rev: 0.8s;
}
[xyz~=in-stagger-rev-9] {
--xyz-in-stagger-rev: 0.9s;
}
[xyz~=in-stagger-rev-10] {
--xyz-in-stagger-rev: 1s;
}
[xyz~=in-stagger-rev-15] {
--xyz-in-stagger-rev: 1.5s;
}
[xyz~=in-stagger-rev-20] {
--xyz-in-stagger-rev: 2s;
}
[xyz~=in-stagger-rev-25] {
--xyz-in-stagger-rev: 2.5s;
}
[xyz~=in-stagger-rev-30] {
--xyz-in-stagger-rev: 3s;
}
[xyz~=out-stagger-rev] {
--xyz-out-stagger-rev: var(--xyz-stagger-default);
}
[xyz~=out-stagger-rev-0] {
--xyz-out-stagger-rev: 0s;
}
[xyz~="out-stagger-rev-0.5"] {
--xyz-out-stagger-rev: 0.05s;
}
[xyz~=out-stagger-rev-1] {
--xyz-out-stagger-rev: 0.1s;
}
[xyz~="out-stagger-rev-1.5"] {
--xyz-out-stagger-rev: 0.15s;
}
[xyz~=out-stagger-rev-2] {
--xyz-out-stagger-rev: 0.2s;
}
[xyz~="out-stagger-rev-2.5"] {
--xyz-out-stagger-rev: 0.25s;
}
[xyz~=out-stagger-rev-3] {
--xyz-out-stagger-rev: 0.3s;
}
[xyz~=out-stagger-rev-4] {
--xyz-out-stagger-rev: 0.4s;
}
[xyz~=out-stagger-rev-5] {
--xyz-out-stagger-rev: 0.5s;
}
[xyz~=out-stagger-rev-6] {
--xyz-out-stagger-rev: 0.6s;
}
[xyz~=out-stagger-rev-7] {
--xyz-out-stagger-rev: 0.7s;
}
[xyz~=out-stagger-rev-8] {
--xyz-out-stagger-rev: 0.8s;
}
[xyz~=out-stagger-rev-9] {
--xyz-out-stagger-rev: 0.9s;
}
[xyz~=out-stagger-rev-10] {
--xyz-out-stagger-rev: 1s;
}
[xyz~=out-stagger-rev-15] {
--xyz-out-stagger-rev: 1.5s;
}
[xyz~=out-stagger-rev-20] {
--xyz-out-stagger-rev: 2s;
}
[xyz~=out-stagger-rev-25] {
--xyz-out-stagger-rev: 2.5s;
}
[xyz~=out-stagger-rev-30] {
--xyz-out-stagger-rev: 3s;
}
[xyz~=appear-stagger-rev] {
--xyz-appear-stagger-rev: var(--xyz-stagger-default);
}
[xyz~=appear-stagger-rev-0] {
--xyz-appear-stagger-rev: 0s;
}
[xyz~="appear-stagger-rev-0.5"] {
--xyz-appear-stagger-rev: 0.05s;
}
[xyz~=appear-stagger-rev-1] {
--xyz-appear-stagger-rev: 0.1s;
}
[xyz~="appear-stagger-rev-1.5"] {
--xyz-appear-stagger-rev: 0.15s;
}
[xyz~=appear-stagger-rev-2] {
--xyz-appear-stagger-rev: 0.2s;
}
[xyz~="appear-stagger-rev-2.5"] {
--xyz-appear-stagger-rev: 0.25s;
}
[xyz~=appear-stagger-rev-3] {
--xyz-appear-stagger-rev: 0.3s;
}
[xyz~=appear-stagger-rev-4] {
--xyz-appear-stagger-rev: 0.4s;
}
[xyz~=appear-stagger-rev-5] {
--xyz-appear-stagger-rev: 0.5s;
}
[xyz~=appear-stagger-rev-6] {
--xyz-appear-stagger-rev: 0.6s;
}
[xyz~=appear-stagger-rev-7] {
--xyz-appear-stagger-rev: 0.7s;
}
[xyz~=appear-stagger-rev-8] {
--xyz-appear-stagger-rev: 0.8s;
}
[xyz~=appear-stagger-rev-9] {
--xyz-appear-stagger-rev: 0.9s;
}
[xyz~=appear-stagger-rev-10] {
--xyz-appear-stagger-rev: 1s;
}
[xyz~=appear-stagger-rev-15] {
--xyz-appear-stagger-rev: 1.5s;
}
[xyz~=appear-stagger-rev-20] {
--xyz-appear-stagger-rev: 2s;
}
[xyz~=appear-stagger-rev-25] {
--xyz-appear-stagger-rev: 2.5s;
}
[xyz~=appear-stagger-rev-30] {
--xyz-appear-stagger-rev: 3s;
}
[xyz~=iterate] {
--xyz-iterate: var(--xyz-iterate-default);
}
[xyz~=iterate-1] {
--xyz-iterate: 1;
}
[xyz~=iterate-2] {
--xyz-iterate: 2;
}
[xyz~=iterate-3] {
--xyz-iterate: 3;
}
[xyz~=iterate-4] {
--xyz-iterate: 4;
}
[xyz~=iterate-5] {
--xyz-iterate: 5;
}
[xyz~=iterate-infinite] {
--xyz-iterate: infinite;
}
[xyz~=in-iterate] {
--xyz-in-iterate: var(--xyz-iterate-default);
}
[xyz~=in-iterate-1] {
--xyz-in-iterate: 1;
}
[xyz~=in-iterate-2] {
--xyz-in-iterate: 2;
}
[xyz~=in-iterate-3] {
--xyz-in-iterate: 3;
}
[xyz~=in-iterate-4] {
--xyz-in-iterate: 4;
}
[xyz~=in-iterate-5] {
--xyz-in-iterate: 5;
}
[xyz~=in-iterate-infinite] {
--xyz-in-iterate: infinite;
}
[xyz~=out-iterate] {
--xyz-out-iterate: var(--xyz-iterate-default);
}
[xyz~=out-iterate-1] {
--xyz-out-iterate: 1;
}
[xyz~=out-iterate-2] {
--xyz-out-iterate: 2;
}
[xyz~=out-iterate-3] {
--xyz-out-iterate: 3;
}
[xyz~=out-iterate-4] {
--xyz-out-iterate: 4;
}
[xyz~=out-iterate-5] {
--xyz-out-iterate: 5;
}
[xyz~=out-iterate-infinite] {
--xyz-out-iterate: infinite;
}
[xyz~=appear-iterate] {
--xyz-appear-iterate: var(--xyz-iterate-default);
}
[xyz~=appear-iterate-1] {
--xyz-appear-iterate: 1;
}
[xyz~=appear-iterate-2] {
--xyz-appear-iterate: 2;
}
[xyz~=appear-iterate-3] {
--xyz-appear-iterate: 3;
}
[xyz~=appear-iterate-4] {
--xyz-appear-iterate: 4;
}
[xyz~=appear-iterate-5] {
--xyz-appear-iterate: 5;
}
[xyz~=appear-iterate-infinite] {
--xyz-appear-iterate: infinite;
}
[xyz~=direction] {
--xyz-direction: var(--xyz-direction-default);
}
[xyz~=direction-normal] {
--xyz-direction: normal;
}
[xyz~=direction-reverse] {
--xyz-direction: reverse;
}
[xyz~=direction-alternate] {
--xyz-direction: alternate;
}
[xyz~=direction-alternate-reverse] {
--xyz-direction: alternate-reverse;
}
[xyz~=in-direction] {
--xyz-in-direction: var(--xyz-direction-default);
}
[xyz~=in-direction-normal] {
--xyz-in-direction: normal;
}
[xyz~=in-direction-reverse] {
--xyz-in-direction: reverse;
}
[xyz~=in-direction-alternate] {
--xyz-in-direction: alternate;
}
[xyz~=in-direction-alternate-reverse] {
--xyz-in-direction: alternate-reverse;
}
[xyz~=out-direction] {
--xyz-out-direction: var(--xyz-direction-default);
}
[xyz~=out-direction-normal] {
--xyz-out-direction: normal;
}
[xyz~=out-direction-reverse] {
--xyz-out-direction: reverse;
}
[xyz~=out-direction-alternate] {
--xyz-out-direction: alternate;
}
[xyz~=out-direction-alternate-reverse] {
--xyz-out-direction: alternate-reverse;
}
[xyz~=appear-direction] {
--xyz-appear-direction: var(--xyz-direction-default);
}
[xyz~=appear-direction-normal] {
--xyz-appear-direction: normal;
}
[xyz~=appear-direction-reverse] {
--xyz-appear-direction: reverse;
}
[xyz~=appear-direction-alternate] {
--xyz-appear-direction: alternate;
}
[xyz~=appear-direction-alternate-reverse] {
--xyz-appear-direction: alternate-reverse;
}
[xyz~=origin] {
--xyz-origin: var(--xyz-origin-default);
}
[xyz~=origin-center] {
--xyz-origin: center;
}
[xyz~=origin-top] {
--xyz-origin: top;
}
[xyz~=origin-bottom] {
--xyz-origin: bottom;
}
[xyz~=origin-left] {
--xyz-origin: left;
}
[xyz~=origin-right] {
--xyz-origin: right;
}
[xyz~=origin-top-left] {
--xyz-origin: top left;
}
[xyz~=origin-top-right] {
--xyz-origin: top right;
}
[xyz~=origin-bottom-left] {
--xyz-origin: bottom left;
}
[xyz~=origin-bottom-right] {
--xyz-origin: bottom right;
}
[xyz~=in-origin] {
--xyz-in-origin: var(--xyz-origin-default);
}
[xyz~=in-origin-center] {
--xyz-in-origin: center;
}
[xyz~=in-origin-top] {
--xyz-in-origin: top;
}
[xyz~=in-origin-bottom] {
--xyz-in-origin: bottom;
}
[xyz~=in-origin-left] {
--xyz-in-origin: left;
}
[xyz~=in-origin-right] {
--xyz-in-origin: right;
}
[xyz~=in-origin-top-left] {
--xyz-in-origin: top left;
}
[xyz~=in-origin-top-right] {
--xyz-in-origin: top right;
}
[xyz~=in-origin-bottom-left] {
--xyz-in-origin: bottom left;
}
[xyz~=in-origin-bottom-right] {
--xyz-in-origin: bottom right;
}
[xyz~=out-origin] {
--xyz-out-origin: var(--xyz-origin-default);
}
[xyz~=out-origin-center] {
--xyz-out-origin: center;
}
[xyz~=out-origin-top] {
--xyz-out-origin: top;
}
[xyz~=out-origin-bottom] {
--xyz-out-origin: bottom;
}
[xyz~=out-origin-left] {
--xyz-out-origin: left;
}
[xyz~=out-origin-right] {
--xyz-out-origin: right;
}
[xyz~=out-origin-top-left] {
--xyz-out-origin: top left;
}
[xyz~=out-origin-top-right] {
--xyz-out-origin: top right;
}
[xyz~=out-origin-bottom-left] {
--xyz-out-origin: bottom left;
}
[xyz~=out-origin-bottom-right] {
--xyz-out-origin: bottom right;
}
[xyz~=appear-origin] {
--xyz-appear-origin: var(--xyz-origin-default);
}
[xyz~=appear-origin-center] {
--xyz-appear-origin: center;
}
[xyz~=appear-origin-top] {
--xyz-appear-origin: top;
}
[xyz~=appear-origin-bottom] {
--xyz-appear-origin: bottom;
}
[xyz~=appear-origin-left] {
--xyz-appear-origin: left;
}
[xyz~=appear-origin-right] {
--xyz-appear-origin: right;
}
[xyz~=appear-origin-top-left] {
--xyz-appear-origin: top left;
}
[xyz~=appear-origin-top-right] {
--xyz-appear-origin: top right;
}
[xyz~=appear-origin-bottom-left] {
--xyz-appear-origin: bottom left;
}
[xyz~=appear-origin-bottom-right] {
--xyz-appear-origin: bottom right;
}
[xyz~=perspective] {
--xyz-perspective: var(--xyz-perspective-default);
}
[xyz~=perspective-0] {
--xyz-perspective: var(--xyz-perspective-none);
}
[xyz~=perspective-1] {
--xyz-perspective: 500px;
}
[xyz~=perspective-2] {
--xyz-perspective: 1000px;
}
[xyz~=perspective-3] {
--xyz-perspective: 1500px;
}
[xyz~=perspective-4] {
--xyz-perspective: 2000px;
}
[xyz~=perspective-5] {
--xyz-perspective: 2500px;
}
[xyz~=in-perspective] {
--xyz-in-perspective: var(--xyz-perspective-default);
}
[xyz~=in-perspective-0] {
--xyz-in-perspective: var(--xyz-perspective-none);
}
[xyz~=in-perspective-1] {
--xyz-in-perspective: 500px;
}
[xyz~=in-perspective-2] {
--xyz-in-perspective: 1000px;
}
[xyz~=in-perspective-3] {
--xyz-in-perspective: 1500px;
}
[xyz~=in-perspective-4] {
--xyz-in-perspective: 2000px;
}
[xyz~=in-perspective-5] {
--xyz-in-perspective: 2500px;
}
[xyz~=out-perspective] {
--xyz-out-perspective: var(--xyz-perspective-default);
}
[xyz~=out-perspective-0] {
--xyz-out-perspective: var(--xyz-perspective-none);
}
[xyz~=out-perspective-1] {
--xyz-out-perspective: 500px;
}
[xyz~=out-perspective-2] {
--xyz-out-perspective: 1000px;
}
[xyz~=out-perspective-3] {
--xyz-out-perspective: 1500px;
}
[xyz~=out-perspective-4] {
--xyz-out-perspective: 2000px;
}
[xyz~=out-perspective-5] {
--xyz-out-perspective: 2500px;
}
[xyz~=appear-perspective] {
--xyz-appear-perspective: var(--xyz-perspective-default);
}
[xyz~=appear-perspective-0] {
--xyz-appear-perspective: var(--xyz-perspective-none);
}
[xyz~=appear-perspective-1] {
--xyz-appear-perspective: 500px;
}
[xyz~=appear-perspective-2] {
--xyz-appear-perspective: 1000px;
}
[xyz~=appear-perspective-3] {
--xyz-appear-perspective: 1500px;
}
[xyz~=appear-perspective-4] {
--xyz-appear-perspective: 2000px;
}
[xyz~=appear-perspective-5] {
--xyz-appear-perspective: 2500px;
}
[xyz~=fade] {
--xyz-opacity: calc(1 - var(--xyz-opacity-default));
}
[xyz~=fade-0] {
--xyz-opacity: 1;
}
[xyz~="fade-25%"] {
--xyz-opacity: 0.75;
}
[xyz~="fade-50%"] {
--xyz-opacity: 0.5;
}
[xyz~="fade-75%"] {
--xyz-opacity: 0.25;
}
[xyz~="fade-100%"] {
--xyz-opacity: 0;
}
[xyz~=in-fade] {
--xyz-in-opacity: calc(1 - var(--xyz-opacity-default));
}
[xyz~=in-fade-0] {
--xyz-in-opacity: 1;
}
[xyz~="in-fade-25%"] {
--xyz-in-opacity: 0.75;
}
[xyz~="in-fade-50%"] {
--xyz-in-opacity: 0.5;
}
[xyz~="in-fade-75%"] {
--xyz-in-opacity: 0.25;
}
[xyz~="in-fade-100%"] {
--xyz-in-opacity: 0;
}
[xyz~=out-fade] {
--xyz-out-opacity: calc(1 - var(--xyz-opacity-default));
}
[xyz~=out-fade-0] {
--xyz-out-opacity: 1;
}
[xyz~="out-fade-25%"] {
--xyz-out-opacity: 0.75;
}
[xyz~="out-fade-50%"] {
--xyz-out-opacity: 0.5;
}
[xyz~="out-fade-75%"] {
--xyz-out-opacity: 0.25;
}
[xyz~="out-fade-100%"] {
--xyz-out-opacity: 0;
}
[xyz~=appear-fade] {
--xyz-appear-opacity: calc(1 - var(--xyz-opacity-default));
}
[xyz~=appear-fade-0] {
--xyz-appear-opacity: 1;
}
[xyz~="appear-fade-25%"] {
--xyz-appear-opacity: 0.75;
}
[xyz~="appear-fade-50%"] {
--xyz-appear-opacity: 0.5;
}
[xyz~="appear-fade-75%"] {
--xyz-appear-opacity: 0.25;
}
[xyz~="appear-fade-100%"] {
--xyz-appear-opacity: 0;
}
[xyz~=right] {
--xyz-translate-x: var(--xyz-translate-default);
}
[xyz~=right-0] {
--xyz-translate-x: 0px;
}
[xyz~=right-1] {
--xyz-translate-x: 10px;
}
[xyz~=right-2] {
--xyz-translate-x: 20px;
}
[xyz~=right-3] {
--xyz-translate-x: 30px;
}
[xyz~=right-4] {
--xyz-translate-x: 40px;
}
[xyz~=right-5] {
--xyz-translate-x: 50px;
}
[xyz~="right-25%"] {
--xyz-translate-x: 25%;
}
[xyz~="right-50%"] {
--xyz-translate-x: 50%;
}
[xyz~="right-75%"] {
--xyz-translate-x: 75%;
}
[xyz~="right-100%"] {
--xyz-translate-x: 100%;
}
[xyz~=in-right] {
--xyz-in-translate-x: var(--xyz-translate-default);
}
[xyz~=in-right-0] {
--xyz-in-translate-x: 0px;
}
[xyz~=in-right-1] {
--xyz-in-translate-x: 10px;
}
[xyz~=in-right-2] {
--xyz-in-translate-x: 20px;
}
[xyz~=in-right-3] {
--xyz-in-translate-x: 30px;
}
[xyz~=in-right-4] {
--xyz-in-translate-x: 40px;
}
[xyz~=in-right-5] {
--xyz-in-translate-x: 50px;
}
[xyz~="in-right-25%"] {
--xyz-in-translate-x: 25%;
}
[xyz~="in-right-50%"] {
--xyz-in-translate-x: 50%;
}
[xyz~="in-right-75%"] {
--xyz-in-translate-x: 75%;
}
[xyz~="in-right-100%"] {
--xyz-in-translate-x: 100%;
}
[xyz~=out-right] {
--xyz-out-translate-x: var(--xyz-translate-default);
}
[xyz~=out-right-0] {
--xyz-out-translate-x: 0px;
}
[xyz~=out-right-1] {
--xyz-out-translate-x: 10px;
}
[xyz~=out-right-2] {
--xyz-out-translate-x: 20px;
}
[xyz~=out-right-3] {
--xyz-out-translate-x: 30px;
}
[xyz~=out-right-4] {
--xyz-out-translate-x: 40px;
}
[xyz~=out-right-5] {
--xyz-out-translate-x: 50px;
}
[xyz~="out-right-25%"] {
--xyz-out-translate-x: 25%;
}
[xyz~="out-right-50%"] {
--xyz-out-translate-x: 50%;
}
[xyz~="out-right-75%"] {
--xyz-out-translate-x: 75%;
}
[xyz~="out-right-100%"] {
--xyz-out-translate-x: 100%;
}
[xyz~=appear-right] {
--xyz-appear-translate-x: var(--xyz-translate-default);
}
[xyz~=appear-right-0] {
--xyz-appear-translate-x: 0px;
}
[xyz~=appear-right-1] {
--xyz-appear-translate-x: 10px;
}
[xyz~=appear-right-2] {
--xyz-appear-translate-x: 20px;
}
[xyz~=appear-right-3] {
--xyz-appear-translate-x: 30px;
}
[xyz~=appear-right-4] {
--xyz-appear-translate-x: 40px;
}
[xyz~=appear-right-5] {
--xyz-appear-translate-x: 50px;
}
[xyz~="appear-right-25%"] {
--xyz-appear-translate-x: 25%;
}
[xyz~="appear-right-50%"] {
--xyz-appear-translate-x: 50%;
}
[xyz~="appear-right-75%"] {
--xyz-appear-translate-x: 75%;
}
[xyz~="appear-right-100%"] {
--xyz-appear-translate-x: 100%;
}
[xyz~=left] {
--xyz-translate-x: calc(var(--xyz-translate-default)*-1);
}
[xyz~=left-0] {
--xyz-translate-x: 0px;
}
[xyz~=left-1] {
--xyz-translate-x: -10px;
}
[xyz~=left-2] {
--xyz-translate-x: -20px;
}
[xyz~=left-3] {
--xyz-translate-x: -30px;
}
[xyz~=left-4] {
--xyz-translate-x: -40px;
}
[xyz~=left-5] {
--xyz-translate-x: -50px;
}
[xyz~="left-25%"] {
--xyz-translate-x: -25%;
}
[xyz~="left-50%"] {
--xyz-translate-x: -50%;
}
[xyz~="left-75%"] {
--xyz-translate-x: -75%;
}
[xyz~="left-100%"] {
--xyz-translate-x: -100%;
}
[xyz~=in-left] {
--xyz-in-translate-x: calc(var(--xyz-translate-default)*-1);
}
[xyz~=in-left-0] {
--xyz-in-translate-x: 0px;
}
[xyz~=in-left-1] {
--xyz-in-translate-x: -10px;
}
[xyz~=in-left-2] {
--xyz-in-translate-x: -20px;
}
[xyz~=in-left-3] {
--xyz-in-translate-x: -30px;
}
[xyz~=in-left-4] {
--xyz-in-translate-x: -40px;
}
[xyz~=in-left-5] {
--xyz-in-translate-x: -50px;
}
[xyz~="in-left-25%"] {
--xyz-in-translate-x: -25%;
}
[xyz~="in-left-50%"] {
--xyz-in-translate-x: -50%;
}
[xyz~="in-left-75%"] {
--xyz-in-translate-x: -75%;
}
[xyz~="in-left-100%"] {
--xyz-in-translate-x: -100%;
}
[xyz~=out-left] {
--xyz-out-translate-x: calc(var(--xyz-translate-default)*-1);
}
[xyz~=out-left-0] {
--xyz-out-translate-x: 0px;
}
[xyz~=out-left-1] {
--xyz-out-translate-x: -10px;
}
[xyz~=out-left-2] {
--xyz-out-translate-x: -20px;
}
[xyz~=out-left-3] {
--xyz-out-translate-x: -30px;
}
[xyz~=out-left-4] {
--xyz-out-translate-x: -40px;
}
[xyz~=out-left-5] {
--xyz-out-translate-x: -50px;
}
[xyz~="out-left-25%"] {
--xyz-out-translate-x: -25%;
}
[xyz~="out-left-50%"] {
--xyz-out-translate-x: -50%;
}
[xyz~="out-left-75%"] {
--xyz-out-translate-x: -75%;
}
[xyz~="out-left-100%"] {
--xyz-out-translate-x: -100%;
}
[xyz~=appear-left] {
--xyz-appear-translate-x: calc(var(--xyz-translate-default)*-1);
}
[xyz~=appear-left-0] {
--xyz-appear-translate-x: 0px;
}
[xyz~=appear-left-1] {
--xyz-appear-translate-x: -10px;
}
[xyz~=appear-left-2] {
--xyz-appear-translate-x: -20px;
}
[xyz~=appear-left-3] {
--xyz-appear-translate-x: -30px;
}
[xyz~=appear-left-4] {
--xyz-appear-translate-x: -40px;
}
[xyz~=appear-left-5] {
--xyz-appear-translate-x: -50px;
}
[xyz~="appear-left-25%"] {
--xyz-appear-translate-x: -25%;
}
[xyz~="appear-left-50%"] {
--xyz-appear-translate-x: -50%;
}
[xyz~="appear-left-75%"] {
--xyz-appear-translate-x: -75%;
}
[xyz~="appear-left-100%"] {
--xyz-appear-translate-x: -100%;
}
[xyz~=down] {
--xyz-translate-y: var(--xyz-translate-default);
}
[xyz~=down-0] {
--xyz-translate-y: 0px;
}
[xyz~=down-1] {
--xyz-translate-y: 10px;
}
[xyz~=down-2] {
--xyz-translate-y: 20px;
}
[xyz~=down-3] {
--xyz-translate-y: 30px;
}
[xyz~=down-4] {
--xyz-translate-y: 40px;
}
[xyz~=down-5] {
--xyz-translate-y: 50px;
}
[xyz~="down-25%"] {
--xyz-translate-y: 25%;
}
[xyz~="down-50%"] {
--xyz-translate-y: 50%;
}
[xyz~="down-75%"] {
--xyz-translate-y: 75%;
}
[xyz~="down-100%"] {
--xyz-translate-y: 100%;
}
[xyz~=in-down] {
--xyz-in-translate-y: var(--xyz-translate-default);
}
[xyz~=in-down-0] {
--xyz-in-translate-y: 0px;
}
[xyz~=in-down-1] {
--xyz-in-translate-y: 10px;
}
[xyz~=in-down-2] {
--xyz-in-translate-y: 20px;
}
[xyz~=in-down-3] {
--xyz-in-translate-y: 30px;
}
[xyz~=in-down-4] {
--xyz-in-translate-y: 40px;
}
[xyz~=in-down-5] {
--xyz-in-translate-y: 50px;
}
[xyz~="in-down-25%"] {
--xyz-in-translate-y: 25%;
}
[xyz~="in-down-50%"] {
--xyz-in-translate-y: 50%;
}
[xyz~="in-down-75%"] {
--xyz-in-translate-y: 75%;
}
[xyz~="in-down-100%"] {
--xyz-in-translate-y: 100%;
}
[xyz~=out-down] {
--xyz-out-translate-y: var(--xyz-translate-default);
}
[xyz~=out-down-0] {
--xyz-out-translate-y: 0px;
}
[xyz~=out-down-1] {
--xyz-out-translate-y: 10px;
}
[xyz~=out-down-2] {
--xyz-out-translate-y: 20px;
}
[xyz~=out-down-3] {
--xyz-out-translate-y: 30px;
}
[xyz~=out-down-4] {
--xyz-out-translate-y: 40px;
}
[xyz~=out-down-5] {
--xyz-out-translate-y: 50px;
}
[xyz~="out-down-25%"] {
--xyz-out-translate-y: 25%;
}
[xyz~="out-down-50%"] {
--xyz-out-translate-y: 50%;
}
[xyz~="out-down-75%"] {
--xyz-out-translate-y: 75%;
}
[xyz~="out-down-100%"] {
--xyz-out-translate-y: 100%;
}
[xyz~=appear-down] {
--xyz-appear-translate-y: var(--xyz-translate-default);
}
[xyz~=appear-down-0] {
--xyz-appear-translate-y: 0px;
}
[xyz~=appear-down-1] {
--xyz-appear-translate-y: 10px;
}
[xyz~=appear-down-2] {
--xyz-appear-translate-y: 20px;
}
[xyz~=appear-down-3] {
--xyz-appear-translate-y: 30px;
}
[xyz~=appear-down-4] {
--xyz-appear-translate-y: 40px;
}
[xyz~=appear-down-5] {
--xyz-appear-translate-y: 50px;
}
[xyz~="appear-down-25%"] {
--xyz-appear-translate-y: 25%;
}
[xyz~="appear-down-50%"] {
--xyz-appear-translate-y: 50%;
}
[xyz~="appear-down-75%"] {
--xyz-appear-translate-y: 75%;
}
[xyz~="appear-down-100%"] {
--xyz-appear-translate-y: 100%;
}
[xyz~=up] {
--xyz-translate-y: calc(var(--xyz-translate-default)*-1);
}
[xyz~=up-0] {
--xyz-translate-y: 0px;
}
[xyz~=up-1] {
--xyz-translate-y: -10px;
}
[xyz~=up-2] {
--xyz-translate-y: -20px;
}
[xyz~=up-3] {
--xyz-translate-y: -30px;
}
[xyz~=up-4] {
--xyz-translate-y: -40px;
}
[xyz~=up-5] {
--xyz-translate-y: -50px;
}
[xyz~="up-25%"] {
--xyz-translate-y: -25%;
}
[xyz~="up-50%"] {
--xyz-translate-y: -50%;
}
[xyz~="up-75%"] {
--xyz-translate-y: -75%;
}
[xyz~="up-100%"] {
--xyz-translate-y: -100%;
}
[xyz~=in-up] {
--xyz-in-translate-y: calc(var(--xyz-translate-default)*-1);
}
[xyz~=in-up-0] {
--xyz-in-translate-y: 0px;
}
[xyz~=in-up-1] {
--xyz-in-translate-y: -10px;
}
[xyz~=in-up-2] {
--xyz-in-translate-y: -20px;
}
[xyz~=in-up-3] {
--xyz-in-translate-y: -30px;
}
[xyz~=in-up-4] {
--xyz-in-translate-y: -40px;
}
[xyz~=in-up-5] {
--xyz-in-translate-y: -50px;
}
[xyz~="in-up-25%"] {
--xyz-in-translate-y: -25%;
}
[xyz~="in-up-50%"] {
--xyz-in-translate-y: -50%;
}
[xyz~="in-up-75%"] {
--xyz-in-translate-y: -75%;
}
[xyz~="in-up-100%"] {
--xyz-in-translate-y: -100%;
}
[xyz~=out-up] {
--xyz-out-translate-y: calc(var(--xyz-translate-default)*-1);
}
[xyz~=out-up-0] {
--xyz-out-translate-y: 0px;
}
[xyz~=out-up-1] {
--xyz-out-translate-y: -10px;
}
[xyz~=out-up-2] {
--xyz-out-translate-y: -20px;
}
[xyz~=out-up-3] {
--xyz-out-translate-y: -30px;
}
[xyz~=out-up-4] {
--xyz-out-translate-y: -40px;
}
[xyz~=out-up-5] {
--xyz-out-translate-y: -50px;
}
[xyz~="out-up-25%"] {
--xyz-out-translate-y: -25%;
}
[xyz~="out-up-50%"] {
--xyz-out-translate-y: -50%;
}
[xyz~="out-up-75%"] {
--xyz-out-translate-y: -75%;
}
[xyz~="out-up-100%"] {
--xyz-out-translate-y: -100%;
}
[xyz~=appear-up] {
--xyz-appear-translate-y: calc(var(--xyz-translate-default)*-1);
}
[xyz~=appear-up-0] {
--xyz-appear-translate-y: 0px;
}
[xyz~=appear-up-1] {
--xyz-appear-translate-y: -10px;
}
[xyz~=appear-up-2] {
--xyz-appear-translate-y: -20px;
}
[xyz~=appear-up-3] {
--xyz-appear-translate-y: -30px;
}
[xyz~=appear-up-4] {
--xyz-appear-translate-y: -40px;
}
[xyz~=appear-up-5] {
--xyz-appear-translate-y: -50px;
}
[xyz~="appear-up-25%"] {
--xyz-appear-translate-y: -25%;
}
[xyz~="appear-up-50%"] {
--xyz-appear-translate-y: -50%;
}
[xyz~="appear-up-75%"] {
--xyz-appear-translate-y: -75%;
}
[xyz~="appear-up-100%"] {
--xyz-appear-translate-y: -100%;
}
[xyz~=front] {
--xyz-translate-z: var(--xyz-translate-z-default);
}
[xyz~=front-0] {
--xyz-translate-z: 0px;
}
[xyz~=front-1] {
--xyz-translate-z: 100px;
}
[xyz~=front-2] {
--xyz-translate-z: 200px;
}
[xyz~=front-3] {
--xyz-translate-z: 300px;
}
[xyz~=front-4] {
--xyz-translate-z: 400px;
}
[xyz~=front-5] {
--xyz-translate-z: 500px;
}
[xyz~=in-front] {
--xyz-in-translate-z: var(--xyz-translate-z-default);
}
[xyz~=in-front-0] {
--xyz-in-translate-z: 0px;
}
[xyz~=in-front-1] {
--xyz-in-translate-z: 100px;
}
[xyz~=in-front-2] {
--xyz-in-translate-z: 200px;
}
[xyz~=in-front-3] {
--xyz-in-translate-z: 300px;
}
[xyz~=in-front-4] {
--xyz-in-translate-z: 400px;
}
[xyz~=in-front-5] {
--xyz-in-translate-z: 500px;
}
[xyz~=out-front] {
--xyz-out-translate-z: var(--xyz-translate-z-default);
}
[xyz~=out-front-0] {
--xyz-out-translate-z: 0px;
}
[xyz~=out-front-1] {
--xyz-out-translate-z: 100px;
}
[xyz~=out-front-2] {
--xyz-out-translate-z: 200px;
}
[xyz~=out-front-3] {
--xyz-out-translate-z: 300px;
}
[xyz~=out-front-4] {
--xyz-out-translate-z: 400px;
}
[xyz~=out-front-5] {
--xyz-out-translate-z: 500px;
}
[xyz~=appear-front] {
--xyz-appear-translate-z: var(--xyz-translate-z-default);
}
[xyz~=appear-front-0] {
--xyz-appear-translate-z: 0px;
}
[xyz~=appear-front-1] {
--xyz-appear-translate-z: 100px;
}
[xyz~=appear-front-2] {
--xyz-appear-translate-z: 200px;
}
[xyz~=appear-front-3] {
--xyz-appear-translate-z: 300px;
}
[xyz~=appear-front-4] {
--xyz-appear-translate-z: 400px;
}
[xyz~=appear-front-5] {
--xyz-appear-translate-z: 500px;
}
[xyz~=back] {
--xyz-translate-z: calc(var(--xyz-translate-z-default)*-1);
}
[xyz~=back-0] {
--xyz-translate-z: 0px;
}
[xyz~=back-1] {
--xyz-translate-z: -100px;
}
[xyz~=back-2] {
--xyz-translate-z: -200px;
}
[xyz~=back-3] {
--xyz-translate-z: -300px;
}
[xyz~=back-4] {
--xyz-translate-z: -400px;
}
[xyz~=back-5] {
--xyz-translate-z: -500px;
}
[xyz~=in-back] {
--xyz-in-translate-z: calc(var(--xyz-translate-z-default)*-1);
}
[xyz~=in-back-0] {
--xyz-in-translate-z: 0px;
}
[xyz~=in-back-1] {
--xyz-in-translate-z: -100px;
}
[xyz~=in-back-2] {
--xyz-in-translate-z: -200px;
}
[xyz~=in-back-3] {
--xyz-in-translate-z: -300px;
}
[xyz~=in-back-4] {
--xyz-in-translate-z: -400px;
}
[xyz~=in-back-5] {
--xyz-in-translate-z: -500px;
}
[xyz~=out-back] {
--xyz-out-translate-z: calc(var(--xyz-translate-z-default)*-1);
}
[xyz~=out-back-0] {
--xyz-out-translate-z: 0px;
}
[xyz~=out-back-1] {
--xyz-out-translate-z: -100px;
}
[xyz~=out-back-2] {
--xyz-out-translate-z: -200px;
}
[xyz~=out-back-3] {
--xyz-out-translate-z: -300px;
}
[xyz~=out-back-4] {
--xyz-out-translate-z: -400px;
}
[xyz~=out-back-5] {
--xyz-out-translate-z: -500px;
}
[xyz~=appear-back] {
--xyz-appear-translate-z: calc(var(--xyz-translate-z-default)*-1);
}
[xyz~=appear-back-0] {
--xyz-appear-translate-z: 0px;
}
[xyz~=appear-back-1] {
--xyz-appear-translate-z: -100px;
}
[xyz~=appear-back-2] {
--xyz-appear-translate-z: -200px;
}
[xyz~=appear-back-3] {
--xyz-appear-translate-z: -300px;
}
[xyz~=appear-back-4] {
--xyz-appear-translate-z: -400px;
}
[xyz~=appear-back-5] {
--xyz-appear-translate-z: -500px;
}
[xyz~=flip-up] {
--xyz-rotate-x: var(--xyz-rotate-default);
}
[xyz~=flip-up-0] {
--xyz-rotate-x: 0deg;
}
[xyz~=flip-up-1] {
--xyz-rotate-x: 10deg;
}
[xyz~=flip-up-2] {
--xyz-rotate-x: 20deg;
}
[xyz~=flip-up-3] {
--xyz-rotate-x: 30deg;
}
[xyz~=flip-up-4] {
--xyz-rotate-x: 40deg;
}
[xyz~=flip-up-5] {
--xyz-rotate-x: 50deg;
}
[xyz~="flip-up-25%"] {
--xyz-rotate-x: 0.25turn;
}
[xyz~="flip-up-50%"] {
--xyz-rotate-x: 0.5turn;
}
[xyz~="flip-up-75%"] {
--xyz-rotate-x: 0.75turn;
}
[xyz~="flip-up-100%"] {
--xyz-rotate-x: 1turn;
}
[xyz~=in-flip-up] {
--xyz-in-rotate-x: var(--xyz-rotate-default);
}
[xyz~=in-flip-up-0] {
--xyz-in-rotate-x: 0deg;
}
[xyz~=in-flip-up-1] {
--xyz-in-rotate-x: 10deg;
}
[xyz~=in-flip-up-2] {
--xyz-in-rotate-x: 20deg;
}
[xyz~=in-flip-up-3] {
--xyz-in-rotate-x: 30deg;
}
[xyz~=in-flip-up-4] {
--xyz-in-rotate-x: 40deg;
}
[xyz~=in-flip-up-5] {
--xyz-in-rotate-x: 50deg;
}
[xyz~="in-flip-up-25%"] {
--xyz-in-rotate-x: 0.25turn;
}
[xyz~="in-flip-up-50%"] {
--xyz-in-rotate-x: 0.5turn;
}
[xyz~="in-flip-up-75%"] {
--xyz-in-rotate-x: 0.75turn;
}
[xyz~="in-flip-up-100%"] {
--xyz-in-rotate-x: 1turn;
}
[xyz~=out-flip-up] {
--xyz-out-rotate-x: var(--xyz-rotate-default);
}
[xyz~=out-flip-up-0] {
--xyz-out-rotate-x: 0deg;
}
[xyz~=out-flip-up-1] {
--xyz-out-rotate-x: 10deg;
}
[xyz~=out-flip-up-2] {
--xyz-out-rotate-x: 20deg;
}
[xyz~=out-flip-up-3] {
--xyz-out-rotate-x: 30deg;
}
[xyz~=out-flip-up-4] {
--xyz-out-rotate-x: 40deg;
}
[xyz~=out-flip-up-5] {
--xyz-out-rotate-x: 50deg;
}
[xyz~="out-flip-up-25%"] {
--xyz-out-rotate-x: 0.25turn;
}
[xyz~="out-flip-up-50%"] {
--xyz-out-rotate-x: 0.5turn;
}
[xyz~="out-flip-up-75%"] {
--xyz-out-rotate-x: 0.75turn;
}
[xyz~="out-flip-up-100%"] {
--xyz-out-rotate-x: 1turn;
}
[xyz~=appear-flip-up] {
--xyz-appear-rotate-x: var(--xyz-rotate-default);
}
[xyz~=appear-flip-up-0] {
--xyz-appear-rotate-x: 0deg;
}
[xyz~=appear-flip-up-1] {
--xyz-appear-rotate-x: 10deg;
}
[xyz~=appear-flip-up-2] {
--xyz-appear-rotate-x: 20deg;
}
[xyz~=appear-flip-up-3] {
--xyz-appear-rotate-x: 30deg;
}
[xyz~=appear-flip-up-4] {
--xyz-appear-rotate-x: 40deg;
}
[xyz~=appear-flip-up-5] {
--xyz-appear-rotate-x: 50deg;
}
[xyz~="appear-flip-up-25%"] {
--xyz-appear-rotate-x: 0.25turn;
}
[xyz~="appear-flip-up-50%"] {
--xyz-appear-rotate-x: 0.5turn;
}
[xyz~="appear-flip-up-75%"] {
--xyz-appear-rotate-x: 0.75turn;
}
[xyz~="appear-flip-up-100%"] {
--xyz-appear-rotate-x: 1turn;
}
[xyz~=flip-down] {
--xyz-rotate-x: calc(var(--xyz-rotate-default)*-1);
}
[xyz~=flip-down-0] {
--xyz-rotate-x: 0deg;
}
[xyz~=flip-down-1] {
--xyz-rotate-x: -10deg;
}
[xyz~=flip-down-2] {
--xyz-rotate-x: -20deg;
}
[xyz~=flip-down-3] {
--xyz-rotate-x: -30deg;
}
[xyz~=flip-down-4] {
--xyz-rotate-x: -40deg;
}
[xyz~=flip-down-5] {
--xyz-rotate-x: -50deg;
}
[xyz~="flip-down-25%"] {
--xyz-rotate-x: -0.25turn;
}
[xyz~="flip-down-50%"] {
--xyz-rotate-x: -0.5turn;
}
[xyz~="flip-down-75%"] {
--xyz-rotate-x: -0.75turn;
}
[xyz~="flip-down-100%"] {
--xyz-rotate-x: -1turn;
}
[xyz~=in-flip-down] {
--xyz-in-rotate-x: calc(var(--xyz-rotate-default)*-1);
}
[xyz~=in-flip-down-0] {
--xyz-in-rotate-x: 0deg;
}
[xyz~=in-flip-down-1] {
--xyz-in-rotate-x: -10deg;
}
[xyz~=in-flip-down-2] {
--xyz-in-rotate-x: -20deg;
}
[xyz~=in-flip-down-3] {
--xyz-in-rotate-x: -30deg;
}
[xyz~=in-flip-down-4] {
--xyz-in-rotate-x: -40deg;
}
[xyz~=in-flip-down-5] {
--xyz-in-rotate-x: -50deg;
}
[xyz~="in-flip-down-25%"] {
--xyz-in-rotate-x: -0.25turn;
}
[xyz~="in-flip-down-50%"] {
--xyz-in-rotate-x: -0.5turn;
}
[xyz~="in-flip-down-75%"] {
--xyz-in-rotate-x: -0.75turn;
}
[xyz~="in-flip-down-100%"] {
--xyz-in-rotate-x: -1turn;
}
[xyz~=out-flip-down] {
--xyz-out-rotate-x: calc(var(--xyz-rotate-default)*-1);
}
[xyz~=out-flip-down-0] {
--xyz-out-rotate-x: 0deg;
}
[xyz~=out-flip-down-1] {
--xyz-out-rotate-x: -10deg;
}
[xyz~=out-flip-down-2] {
--xyz-out-rotate-x: -20deg;
}
[xyz~=out-flip-down-3] {
--xyz-out-rotate-x: -30deg;
}
[xyz~=out-flip-down-4] {
--xyz-out-rotate-x: -40deg;
}
[xyz~=out-flip-down-5] {
--xyz-out-rotate-x: -50deg;
}
[xyz~="out-flip-down-25%"] {
--xyz-out-rotate-x: -0.25turn;
}
[xyz~="out-flip-down-50%"] {
--xyz-out-rotate-x: -0.5turn;
}
[xyz~="out-flip-down-75%"] {
--xyz-out-rotate-x: -0.75turn;
}
[xyz~="out-flip-down-100%"] {
--xyz-out-rotate-x: -1turn;
}
[xyz~=appear-flip-down] {
--xyz-appear-rotate-x: calc(var(--xyz-rotate-default)*-1);
}
[xyz~=appear-flip-down-0] {
--xyz-appear-rotate-x: 0deg;
}
[xyz~=appear-flip-down-1] {
--xyz-appear-rotate-x: -10deg;
}
[xyz~=appear-flip-down-2] {
--xyz-appear-rotate-x: -20deg;
}
[xyz~=appear-flip-down-3] {
--xyz-appear-rotate-x: -30deg;
}
[xyz~=appear-flip-down-4] {
--xyz-appear-rotate-x: -40deg;
}
[xyz~=appear-flip-down-5] {
--xyz-appear-rotate-x: -50deg;
}
[xyz~="appear-flip-down-25%"] {
--xyz-appear-rotate-x: -0.25turn;
}
[xyz~="appear-flip-down-50%"] {
--xyz-appear-rotate-x: -0.5turn;
}
[xyz~="appear-flip-down-75%"] {
--xyz-appear-rotate-x: -0.75turn;
}
[xyz~="appear-flip-down-100%"] {
--xyz-appear-rotate-x: -1turn;
}
[xyz~=flip-right] {
--xyz-rotate-y: var(--xyz-rotate-default);
}
[xyz~=flip-right-0] {
--xyz-rotate-y: 0deg;
}
[xyz~=flip-right-1] {
--xyz-rotate-y: 10deg;
}
[xyz~=flip-right-2] {
--xyz-rotate-y: 20deg;
}
[xyz~=flip-right-3] {
--xyz-rotate-y: 30deg;
}
[xyz~=flip-right-4] {
--xyz-rotate-y: 40deg;
}
[xyz~=flip-right-5] {
--xyz-rotate-y: 50deg;
}
[xyz~="flip-right-25%"] {
--xyz-rotate-y: 0.25turn;
}
[xyz~="flip-right-50%"] {
--xyz-rotate-y: 0.5turn;
}
[xyz~="flip-right-75%"] {
--xyz-rotate-y: 0.75turn;
}
[xyz~="flip-right-100%"] {
--xyz-rotate-y: 1turn;
}
[xyz~=in-flip-right] {
--xyz-in-rotate-y: var(--xyz-rotate-default);
}
[xyz~=in-flip-right-0] {
--xyz-in-rotate-y: 0deg;
}
[xyz~=in-flip-right-1] {
--xyz-in-rotate-y: 10deg;
}
[xyz~=in-flip-right-2] {
--xyz-in-rotate-y: 20deg;
}
[xyz~=in-flip-right-3] {
--xyz-in-rotate-y: 30deg;
}
[xyz~=in-flip-right-4] {
--xyz-in-rotate-y: 40deg;
}
[xyz~=in-flip-right-5] {
--xyz-in-rotate-y: 50deg;
}
[xyz~="in-flip-right-25%"] {
--xyz-in-rotate-y: 0.25turn;
}
[xyz~="in-flip-right-50%"] {
--xyz-in-rotate-y: 0.5turn;
}
[xyz~="in-flip-right-75%"] {
--xyz-in-rotate-y: 0.75turn;
}
[xyz~="in-flip-right-100%"] {
--xyz-in-rotate-y: 1turn;
}
[xyz~=out-flip-right] {
--xyz-out-rotate-y: var(--xyz-rotate-default);
}
[xyz~=out-flip-right-0] {
--xyz-out-rotate-y: 0deg;
}
[xyz~=out-flip-right-1] {
--xyz-out-rotate-y: 10deg;
}
[xyz~=out-flip-right-2] {
--xyz-out-rotate-y: 20deg;
}
[xyz~=out-flip-right-3] {
--xyz-out-rotate-y: 30deg;
}
[xyz~=out-flip-right-4] {
--xyz-out-rotate-y: 40deg;
}
[xyz~=out-flip-right-5] {
--xyz-out-rotate-y: 50deg;
}
[xyz~="out-flip-right-25%"] {
--xyz-out-rotate-y: 0.25turn;
}
[xyz~="out-flip-right-50%"] {
--xyz-out-rotate-y: 0.5turn;
}
[xyz~="out-flip-right-75%"] {
--xyz-out-rotate-y: 0.75turn;
}
[xyz~="out-flip-right-100%"] {
--xyz-out-rotate-y: 1turn;
}
[xyz~=appear-flip-right] {
--xyz-appear-rotate-y: var(--xyz-rotate-default);
}
[xyz~=appear-flip-right-0] {
--xyz-appear-rotate-y: 0deg;
}
[xyz~=appear-flip-right-1] {
--xyz-appear-rotate-y: 10deg;
}
[xyz~=appear-flip-right-2] {
--xyz-appear-rotate-y: 20deg;
}
[xyz~=appear-flip-right-3] {
--xyz-appear-rotate-y: 30deg;
}
[xyz~=appear-flip-right-4] {
--xyz-appear-rotate-y: 40deg;
}
[xyz~=appear-flip-right-5] {
--xyz-appear-rotate-y: 50deg;
}
[xyz~="appear-flip-right-25%"] {
--xyz-appear-rotate-y: 0.25turn;
}
[xyz~="appear-flip-right-50%"] {
--xyz-appear-rotate-y: 0.5turn;
}
[xyz~="appear-flip-right-75%"] {
--xyz-appear-rotate-y: 0.75turn;
}
[xyz~="appear-flip-right-100%"] {
--xyz-appear-rotate-y: 1turn;
}
[xyz~=flip-left] {
--xyz-rotate-y: calc(var(--xyz-rotate-default)*-1);
}
[xyz~=flip-left-0] {
--xyz-rotate-y: 0deg;
}
[xyz~=flip-left-1] {
--xyz-rotate-y: -10deg;
}
[xyz~=flip-left-2] {
--xyz-rotate-y: -20deg;
}
[xyz~=flip-left-3] {
--xyz-rotate-y: -30deg;
}
[xyz~=flip-left-4] {
--xyz-rotate-y: -40deg;
}
[xyz~=flip-left-5] {
--xyz-rotate-y: -50deg;
}
[xyz~="flip-left-25%"] {
--xyz-rotate-y: -0.25turn;
}
[xyz~="flip-left-50%"] {
--xyz-rotate-y: -0.5turn;
}
[xyz~="flip-left-75%"] {
--xyz-rotate-y: -0.75turn;
}
[xyz~="flip-left-100%"] {
--xyz-rotate-y: -1turn;
}
[xyz~=in-flip-left] {
--xyz-in-rotate-y: calc(var(--xyz-rotate-default)*-1);
}
[xyz~=in-flip-left-0] {
--xyz-in-rotate-y: 0deg;
}
[xyz~=in-flip-left-1] {
--xyz-in-rotate-y: -10deg;
}
[xyz~=in-flip-left-2] {
--xyz-in-rotate-y: -20deg;
}
[xyz~=in-flip-left-3] {
--xyz-in-rotate-y: -30deg;
}
[xyz~=in-flip-left-4] {
--xyz-in-rotate-y: -40deg;
}
[xyz~=in-flip-left-5] {
--xyz-in-rotate-y: -50deg;
}
[xyz~="in-flip-left-25%"] {
--xyz-in-rotate-y: -0.25turn;
}
[xyz~="in-flip-left-50%"] {
--xyz-in-rotate-y: -0.5turn;
}
[xyz~="in-flip-left-75%"] {
--xyz-in-rotate-y: -0.75turn;
}
[xyz~="in-flip-left-100%"] {
--xyz-in-rotate-y: -1turn;
}
[xyz~=out-flip-left] {
--xyz-out-rotate-y: calc(var(--xyz-rotate-default)*-1);
}
[xyz~=out-flip-left-0] {
--xyz-out-rotate-y: 0deg;
}
[xyz~=out-flip-left-1] {
--xyz-out-rotate-y: -10deg;
}
[xyz~=out-flip-left-2] {
--xyz-out-rotate-y: -20deg;
}
[xyz~=out-flip-left-3] {
--xyz-out-rotate-y: -30deg;
}
[xyz~=out-flip-left-4] {
--xyz-out-rotate-y: -40deg;
}
[xyz~=out-flip-left-5] {
--xyz-out-rotate-y: -50deg;
}
[xyz~="out-flip-left-25%"] {
--xyz-out-rotate-y: -0.25turn;
}
[xyz~="out-flip-left-50%"] {
--xyz-out-rotate-y: -0.5turn;
}
[xyz~="out-flip-left-75%"] {
--xyz-out-rotate-y: -0.75turn;
}
[xyz~="out-flip-left-100%"] {
--xyz-out-rotate-y: -1turn;
}
[xyz~=appear-flip-left] {
--xyz-appear-rotate-y: calc(var(--xyz-rotate-default)*-1);
}
[xyz~=appear-flip-left-0] {
--xyz-appear-rotate-y: 0deg;
}
[xyz~=appear-flip-left-1] {
--xyz-appear-rotate-y: -10deg;
}
[xyz~=appear-flip-left-2] {
--xyz-appear-rotate-y: -20deg;
}
[xyz~=appear-flip-left-3] {
--xyz-appear-rotate-y: -30deg;
}
[xyz~=appear-flip-left-4] {
--xyz-appear-rotate-y: -40deg;
}
[xyz~=appear-flip-left-5] {
--xyz-appear-rotate-y: -50deg;
}
[xyz~="appear-flip-left-25%"] {
--xyz-appear-rotate-y: -0.25turn;
}
[xyz~="appear-flip-left-50%"] {
--xyz-appear-rotate-y: -0.5turn;
}
[xyz~="appear-flip-left-75%"] {
--xyz-appear-rotate-y: -0.75turn;
}
[xyz~="appear-flip-left-100%"] {
--xyz-appear-rotate-y: -1turn;
}
[xyz~=rotate-right] {
--xyz-rotate-z: var(--xyz-rotate-default);
}
[xyz~=rotate-right-0] {
--xyz-rotate-z: 0deg;
}
[xyz~=rotate-right-1] {
--xyz-rotate-z: 10deg;
}
[xyz~=rotate-right-2] {
--xyz-rotate-z: 20deg;
}
[xyz~=rotate-right-3] {
--xyz-rotate-z: 30deg;
}
[xyz~=rotate-right-4] {
--xyz-rotate-z: 40deg;
}
[xyz~=rotate-right-5] {
--xyz-rotate-z: 50deg;
}
[xyz~="rotate-right-25%"] {
--xyz-rotate-z: 0.25turn;
}
[xyz~="rotate-right-50%"] {
--xyz-rotate-z: 0.5turn;
}
[xyz~="rotate-right-75%"] {
--xyz-rotate-z: 0.75turn;
}
[xyz~="rotate-right-100%"] {
--xyz-rotate-z: 1turn;
}
[xyz~=in-rotate-right] {
--xyz-in-rotate-z: var(--xyz-rotate-default);
}
[xyz~=in-rotate-right-0] {
--xyz-in-rotate-z: 0deg;
}
[xyz~=in-rotate-right-1] {
--xyz-in-rotate-z: 10deg;
}
[xyz~=in-rotate-right-2] {
--xyz-in-rotate-z: 20deg;
}
[xyz~=in-rotate-right-3] {
--xyz-in-rotate-z: 30deg;
}
[xyz~=in-rotate-right-4] {
--xyz-in-rotate-z: 40deg;
}
[xyz~=in-rotate-right-5] {
--xyz-in-rotate-z: 50deg;
}
[xyz~="in-rotate-right-25%"] {
--xyz-in-rotate-z: 0.25turn;
}
[xyz~="in-rotate-right-50%"] {
--xyz-in-rotate-z: 0.5turn;
}
[xyz~="in-rotate-right-75%"] {
--xyz-in-rotate-z: 0.75turn;
}
[xyz~="in-rotate-right-100%"] {
--xyz-in-rotate-z: 1turn;
}
[xyz~=out-rotate-right] {
--xyz-out-rotate-z: var(--xyz-rotate-default);
}
[xyz~=out-rotate-right-0] {
--xyz-out-rotate-z: 0deg;
}
[xyz~=out-rotate-right-1] {
--xyz-out-rotate-z: 10deg;
}
[xyz~=out-rotate-right-2] {
--xyz-out-rotate-z: 20deg;
}
[xyz~=out-rotate-right-3] {
--xyz-out-rotate-z: 30deg;
}
[xyz~=out-rotate-right-4] {
--xyz-out-rotate-z: 40deg;
}
[xyz~=out-rotate-right-5] {
--xyz-out-rotate-z: 50deg;
}
[xyz~="out-rotate-right-25%"] {
--xyz-out-rotate-z: 0.25turn;
}
[xyz~="out-rotate-right-50%"] {
--xyz-out-rotate-z: 0.5turn;
}
[xyz~="out-rotate-right-75%"] {
--xyz-out-rotate-z: 0.75turn;
}
[xyz~="out-rotate-right-100%"] {
--xyz-out-rotate-z: 1turn;
}
[xyz~=appear-rotate-right] {
--xyz-appear-rotate-z: var(--xyz-rotate-default);
}
[xyz~=appear-rotate-right-0] {
--xyz-appear-rotate-z: 0deg;
}
[xyz~=appear-rotate-right-1] {
--xyz-appear-rotate-z: 10deg;
}
[xyz~=appear-rotate-right-2] {
--xyz-appear-rotate-z: 20deg;
}
[xyz~=appear-rotate-right-3] {
--xyz-appear-rotate-z: 30deg;
}
[xyz~=appear-rotate-right-4] {
--xyz-appear-rotate-z: 40deg;
}
[xyz~=appear-rotate-right-5] {
--xyz-appear-rotate-z: 50deg;
}
[xyz~="appear-rotate-right-25%"] {
--xyz-appear-rotate-z: 0.25turn;
}
[xyz~="appear-rotate-right-50%"] {
--xyz-appear-rotate-z: 0.5turn;
}
[xyz~="appear-rotate-right-75%"] {
--xyz-appear-rotate-z: 0.75turn;
}
[xyz~="appear-rotate-right-100%"] {
--xyz-appear-rotate-z: 1turn;
}
[xyz~=rotate-left] {
--xyz-rotate-z: calc(var(--xyz-rotate-default)*-1);
}
[xyz~=rotate-left-0] {
--xyz-rotate-z: 0deg;
}
[xyz~=rotate-left-1] {
--xyz-rotate-z: -10deg;
}
[xyz~=rotate-left-2] {
--xyz-rotate-z: -20deg;
}
[xyz~=rotate-left-3] {
--xyz-rotate-z: -30deg;
}
[xyz~=rotate-left-4] {
--xyz-rotate-z: -40deg;
}
[xyz~=rotate-left-5] {
--xyz-rotate-z: -50deg;
}
[xyz~="rotate-left-25%"] {
--xyz-rotate-z: -0.25turn;
}
[xyz~="rotate-left-50%"] {
--xyz-rotate-z: -0.5turn;
}
[xyz~="rotate-left-75%"] {
--xyz-rotate-z: -0.75turn;
}
[xyz~="rotate-left-100%"] {
--xyz-rotate-z: -1turn;
}
[xyz~=in-rotate-left] {
--xyz-in-rotate-z: calc(var(--xyz-rotate-default)*-1);
}
[xyz~=in-rotate-left-0] {
--xyz-in-rotate-z: 0deg;
}
[xyz~=in-rotate-left-1] {
--xyz-in-rotate-z: -10deg;
}
[xyz~=in-rotate-left-2] {
--xyz-in-rotate-z: -20deg;
}
[xyz~=in-rotate-left-3] {
--xyz-in-rotate-z: -30deg;
}
[xyz~=in-rotate-left-4] {
--xyz-in-rotate-z: -40deg;
}
[xyz~=in-rotate-left-5] {
--xyz-in-rotate-z: -50deg;
}
[xyz~="in-rotate-left-25%"] {
--xyz-in-rotate-z: -0.25turn;
}
[xyz~="in-rotate-left-50%"] {
--xyz-in-rotate-z: -0.5turn;
}
[xyz~="in-rotate-left-75%"] {
--xyz-in-rotate-z: -0.75turn;
}
[xyz~="in-rotate-left-100%"] {
--xyz-in-rotate-z: -1turn;
}
[xyz~=out-rotate-left] {
--xyz-out-rotate-z: calc(var(--xyz-rotate-default)*-1);
}
[xyz~=out-rotate-left-0] {
--xyz-out-rotate-z: 0deg;
}
[xyz~=out-rotate-left-1] {
--xyz-out-rotate-z: -10deg;
}
[xyz~=out-rotate-left-2] {
--xyz-out-rotate-z: -20deg;
}
[xyz~=out-rotate-left-3] {
--xyz-out-rotate-z: -30deg;
}
[xyz~=out-rotate-left-4] {
--xyz-out-rotate-z: -40deg;
}
[xyz~=out-rotate-left-5] {
--xyz-out-rotate-z: -50deg;
}
[xyz~="out-rotate-left-25%"] {
--xyz-out-rotate-z: -0.25turn;
}
[xyz~="out-rotate-left-50%"] {
--xyz-out-rotate-z: -0.5turn;
}
[xyz~="out-rotate-left-75%"] {
--xyz-out-rotate-z: -0.75turn;
}
[xyz~="out-rotate-left-100%"] {
--xyz-out-rotate-z: -1turn;
}
[xyz~=appear-rotate-left] {
--xyz-appear-rotate-z: calc(var(--xyz-rotate-default)*-1);
}
[xyz~=appear-rotate-left-0] {
--xyz-appear-rotate-z: 0deg;
}
[xyz~=appear-rotate-left-1] {
--xyz-appear-rotate-z: -10deg;
}
[xyz~=appear-rotate-left-2] {
--xyz-appear-rotate-z: -20deg;
}
[xyz~=appear-rotate-left-3] {
--xyz-appear-rotate-z: -30deg;
}
[xyz~=appear-rotate-left-4] {
--xyz-appear-rotate-z: -40deg;
}
[xyz~=appear-rotate-left-5] {
--xyz-appear-rotate-z: -50deg;
}
[xyz~="appear-rotate-left-25%"] {
--xyz-appear-rotate-z: -0.25turn;
}
[xyz~="appear-rotate-left-50%"] {
--xyz-appear-rotate-z: -0.5turn;
}
[xyz~="appear-rotate-left-75%"] {
--xyz-appear-rotate-z: -0.75turn;
}
[xyz~="appear-rotate-left-100%"] {
--xyz-appear-rotate-z: -1turn;
}
[xyz~=small] {
--xyz-scale-x: calc(1 - var(--xyz-scale-default));
--xyz-scale-y: calc(1 - var(--xyz-scale-default));
--xyz-scale-z: calc(1 - var(--xyz-scale-default));
}
[xyz~=small-0] {
--xyz-scale-x: 1;
--xyz-scale-y: 1;
--xyz-scale-z: 1;
}
[xyz~=small-1] {
--xyz-scale-x: 0.975;
--xyz-scale-y: 0.975;
--xyz-scale-z: 0.975;
}
[xyz~=small-2] {
--xyz-scale-x: 0.95;
--xyz-scale-y: 0.95;
--xyz-scale-z: 0.95;
}
[xyz~=small-3] {
--xyz-scale-x: 0.925;
--xyz-scale-y: 0.925;
--xyz-scale-z: 0.925;
}
[xyz~=small-4] {
--xyz-scale-x: 0.9;
--xyz-scale-y: 0.9;
--xyz-scale-z: 0.9;
}
[xyz~=small-5] {
--xyz-scale-x: 0.875;
--xyz-scale-y: 0.875;
--xyz-scale-z: 0.875;
}
[xyz~="small-25%"] {
--xyz-scale-x: 0.75;
--xyz-scale-y: 0.75;
--xyz-scale-z: 0.75;
}
[xyz~="small-50%"] {
--xyz-scale-x: 0.5;
--xyz-scale-y: 0.5;
--xyz-scale-z: 0.5;
}
[xyz~="small-75%"] {
--xyz-scale-x: 0.25;
--xyz-scale-y: 0.25;
--xyz-scale-z: 0.25;
}
[xyz~="small-100%"] {
--xyz-scale-x: 0;
--xyz-scale-y: 0;
--xyz-scale-z: 0;
}
[xyz~=in-small] {
--xyz-in-scale-x: calc(1 - var(--xyz-scale-default));
--xyz-in-scale-y: calc(1 - var(--xyz-scale-default));
--xyz-in-scale-z: calc(1 - var(--xyz-scale-default));
}
[xyz~=in-small-0] {
--xyz-in-scale-x: 1;
--xyz-in-scale-y: 1;
--xyz-in-scale-z: 1;
}
[xyz~=in-small-1] {
--xyz-in-scale-x: 0.975;
--xyz-in-scale-y: 0.975;
--xyz-in-scale-z: 0.975;
}
[xyz~=in-small-2] {
--xyz-in-scale-x: 0.95;
--xyz-in-scale-y: 0.95;
--xyz-in-scale-z: 0.95;
}
[xyz~=in-small-3] {
--xyz-in-scale-x: 0.925;
--xyz-in-scale-y: 0.925;
--xyz-in-scale-z: 0.925;
}
[xyz~=in-small-4] {
--xyz-in-scale-x: 0.9;
--xyz-in-scale-y: 0.9;
--xyz-in-scale-z: 0.9;
}
[xyz~=in-small-5] {
--xyz-in-scale-x: 0.875;
--xyz-in-scale-y: 0.875;
--xyz-in-scale-z: 0.875;
}
[xyz~="in-small-25%"] {
--xyz-in-scale-x: 0.75;
--xyz-in-scale-y: 0.75;
--xyz-in-scale-z: 0.75;
}
[xyz~="in-small-50%"] {
--xyz-in-scale-x: 0.5;
--xyz-in-scale-y: 0.5;
--xyz-in-scale-z: 0.5;
}
[xyz~="in-small-75%"] {
--xyz-in-scale-x: 0.25;
--xyz-in-scale-y: 0.25;
--xyz-in-scale-z: 0.25;
}
[xyz~="in-small-100%"] {
--xyz-in-scale-x: 0;
--xyz-in-scale-y: 0;
--xyz-in-scale-z: 0;
}
[xyz~=out-small] {
--xyz-out-scale-x: calc(1 - var(--xyz-scale-default));
--xyz-out-scale-y: calc(1 - var(--xyz-scale-default));
--xyz-out-scale-z: calc(1 - var(--xyz-scale-default));
}
[xyz~=out-small-0] {
--xyz-out-scale-x: 1;
--xyz-out-scale-y: 1;
--xyz-out-scale-z: 1;
}
[xyz~=out-small-1] {
--xyz-out-scale-x: 0.975;
--xyz-out-scale-y: 0.975;
--xyz-out-scale-z: 0.975;
}
[xyz~=out-small-2] {
--xyz-out-scale-x: 0.95;
--xyz-out-scale-y: 0.95;
--xyz-out-scale-z: 0.95;
}
[xyz~=out-small-3] {
--xyz-out-scale-x: 0.925;
--xyz-out-scale-y: 0.925;
--xyz-out-scale-z: 0.925;
}
[xyz~=out-small-4] {
--xyz-out-scale-x: 0.9;
--xyz-out-scale-y: 0.9;
--xyz-out-scale-z: 0.9;
}
[xyz~=out-small-5] {
--xyz-out-scale-x: 0.875;
--xyz-out-scale-y: 0.875;
--xyz-out-scale-z: 0.875;
}
[xyz~="out-small-25%"] {
--xyz-out-scale-x: 0.75;
--xyz-out-scale-y: 0.75;
--xyz-out-scale-z: 0.75;
}
[xyz~="out-small-50%"] {
--xyz-out-scale-x: 0.5;
--xyz-out-scale-y: 0.5;
--xyz-out-scale-z: 0.5;
}
[xyz~="out-small-75%"] {
--xyz-out-scale-x: 0.25;
--xyz-out-scale-y: 0.25;
--xyz-out-scale-z: 0.25;
}
[xyz~="out-small-100%"] {
--xyz-out-scale-x: 0;
--xyz-out-scale-y: 0;
--xyz-out-scale-z: 0;
}
[xyz~=appear-small] {
--xyz-appear-scale-x: calc(1 - var(--xyz-scale-default));
--xyz-appear-scale-y: calc(1 - var(--xyz-scale-default));
--xyz-appear-scale-z: calc(1 - var(--xyz-scale-default));
}
[xyz~=appear-small-0] {
--xyz-appear-scale-x: 1;
--xyz-appear-scale-y: 1;
--xyz-appear-scale-z: 1;
}
[xyz~=appear-small-1] {
--xyz-appear-scale-x: 0.975;
--xyz-appear-scale-y: 0.975;
--xyz-appear-scale-z: 0.975;
}
[xyz~=appear-small-2] {
--xyz-appear-scale-x: 0.95;
--xyz-appear-scale-y: 0.95;
--xyz-appear-scale-z: 0.95;
}
[xyz~=appear-small-3] {
--xyz-appear-scale-x: 0.925;
--xyz-appear-scale-y: 0.925;
--xyz-appear-scale-z: 0.925;
}
[xyz~=appear-small-4] {
--xyz-appear-scale-x: 0.9;
--xyz-appear-scale-y: 0.9;
--xyz-appear-scale-z: 0.9;
}
[xyz~=appear-small-5] {
--xyz-appear-scale-x: 0.875;
--xyz-appear-scale-y: 0.875;
--xyz-appear-scale-z: 0.875;
}
[xyz~="appear-small-25%"] {
--xyz-appear-scale-x: 0.75;
--xyz-appear-scale-y: 0.75;
--xyz-appear-scale-z: 0.75;
}
[xyz~="appear-small-50%"] {
--xyz-appear-scale-x: 0.5;
--xyz-appear-scale-y: 0.5;
--xyz-appear-scale-z: 0.5;
}
[xyz~="appear-small-75%"] {
--xyz-appear-scale-x: 0.25;
--xyz-appear-scale-y: 0.25;
--xyz-appear-scale-z: 0.25;
}
[xyz~="appear-small-100%"] {
--xyz-appear-scale-x: 0;
--xyz-appear-scale-y: 0;
--xyz-appear-scale-z: 0;
}
[xyz~=big] {
--xyz-scale-x: calc(1 + var(--xyz-scale-default));
--xyz-scale-y: calc(1 + var(--xyz-scale-default));
--xyz-scale-z: calc(1 + var(--xyz-scale-default));
}
[xyz~=big-0] {
--xyz-scale-x: 1;
--xyz-scale-y: 1;
--xyz-scale-z: 1;
}
[xyz~=big-1] {
--xyz-scale-x: 1.025;
--xyz-scale-y: 1.025;
--xyz-scale-z: 1.025;
}
[xyz~=big-2] {
--xyz-scale-x: 1.05;
--xyz-scale-y: 1.05;
--xyz-scale-z: 1.05;
}
[xyz~=big-3] {
--xyz-scale-x: 1.075;
--xyz-scale-y: 1.075;
--xyz-scale-z: 1.075;
}
[xyz~=big-4] {
--xyz-scale-x: 1.1;
--xyz-scale-y: 1.1;
--xyz-scale-z: 1.1;
}
[xyz~=big-5] {
--xyz-scale-x: 1.125;
--xyz-scale-y: 1.125;
--xyz-scale-z: 1.125;
}
[xyz~="big-25%"] {
--xyz-scale-x: 1.25;
--xyz-scale-y: 1.25;
--xyz-scale-z: 1.25;
}
[xyz~="big-50%"] {
--xyz-scale-x: 1.5;
--xyz-scale-y: 1.5;
--xyz-scale-z: 1.5;
}
[xyz~="big-75%"] {
--xyz-scale-x: 1.75;
--xyz-scale-y: 1.75;
--xyz-scale-z: 1.75;
}
[xyz~="big-100%"] {
--xyz-scale-x: 2;
--xyz-scale-y: 2;
--xyz-scale-z: 2;
}
[xyz~=in-big] {
--xyz-in-scale-x: calc(1 + var(--xyz-scale-default));
--xyz-in-scale-y: calc(1 + var(--xyz-scale-default));
--xyz-in-scale-z: calc(1 + var(--xyz-scale-default));
}
[xyz~=in-big-0] {
--xyz-in-scale-x: 1;
--xyz-in-scale-y: 1;
--xyz-in-scale-z: 1;
}
[xyz~=in-big-1] {
--xyz-in-scale-x: 1.025;
--xyz-in-scale-y: 1.025;
--xyz-in-scale-z: 1.025;
}
[xyz~=in-big-2] {
--xyz-in-scale-x: 1.05;
--xyz-in-scale-y: 1.05;
--xyz-in-scale-z: 1.05;
}
[xyz~=in-big-3] {
--xyz-in-scale-x: 1.075;
--xyz-in-scale-y: 1.075;
--xyz-in-scale-z: 1.075;
}
[xyz~=in-big-4] {
--xyz-in-scale-x: 1.1;
--xyz-in-scale-y: 1.1;
--xyz-in-scale-z: 1.1;
}
[xyz~=in-big-5] {
--xyz-in-scale-x: 1.125;
--xyz-in-scale-y: 1.125;
--xyz-in-scale-z: 1.125;
}
[xyz~="in-big-25%"] {
--xyz-in-scale-x: 1.25;
--xyz-in-scale-y: 1.25;
--xyz-in-scale-z: 1.25;
}
[xyz~="in-big-50%"] {
--xyz-in-scale-x: 1.5;
--xyz-in-scale-y: 1.5;
--xyz-in-scale-z: 1.5;
}
[xyz~="in-big-75%"] {
--xyz-in-scale-x: 1.75;
--xyz-in-scale-y: 1.75;
--xyz-in-scale-z: 1.75;
}
[xyz~="in-big-100%"] {
--xyz-in-scale-x: 2;
--xyz-in-scale-y: 2;
--xyz-in-scale-z: 2;
}
[xyz~=out-big] {
--xyz-out-scale-x: calc(1 + var(--xyz-scale-default));
--xyz-out-scale-y: calc(1 + var(--xyz-scale-default));
--xyz-out-scale-z: calc(1 + var(--xyz-scale-default));
}
[xyz~=out-big-0] {
--xyz-out-scale-x: 1;
--xyz-out-scale-y: 1;
--xyz-out-scale-z: 1;
}
[xyz~=out-big-1] {
--xyz-out-scale-x: 1.025;
--xyz-out-scale-y: 1.025;
--xyz-out-scale-z: 1.025;
}
[xyz~=out-big-2] {
--xyz-out-scale-x: 1.05;
--xyz-out-scale-y: 1.05;
--xyz-out-scale-z: 1.05;
}
[xyz~=out-big-3] {
--xyz-out-scale-x: 1.075;
--xyz-out-scale-y: 1.075;
--xyz-out-scale-z: 1.075;
}
[xyz~=out-big-4] {
--xyz-out-scale-x: 1.1;
--xyz-out-scale-y: 1.1;
--xyz-out-scale-z: 1.1;
}
[xyz~=out-big-5] {
--xyz-out-scale-x: 1.125;
--xyz-out-scale-y: 1.125;
--xyz-out-scale-z: 1.125;
}
[xyz~="out-big-25%"] {
--xyz-out-scale-x: 1.25;
--xyz-out-scale-y: 1.25;
--xyz-out-scale-z: 1.25;
}
[xyz~="out-big-50%"] {
--xyz-out-scale-x: 1.5;
--xyz-out-scale-y: 1.5;
--xyz-out-scale-z: 1.5;
}
[xyz~="out-big-75%"] {
--xyz-out-scale-x: 1.75;
--xyz-out-scale-y: 1.75;
--xyz-out-scale-z: 1.75;
}
[xyz~="out-big-100%"] {
--xyz-out-scale-x: 2;
--xyz-out-scale-y: 2;
--xyz-out-scale-z: 2;
}
[xyz~=appear-big] {
--xyz-appear-scale-x: calc(1 + var(--xyz-scale-default));
--xyz-appear-scale-y: calc(1 + var(--xyz-scale-default));
--xyz-appear-scale-z: calc(1 + var(--xyz-scale-default));
}
[xyz~=appear-big-0] {
--xyz-appear-scale-x: 1;
--xyz-appear-scale-y: 1;
--xyz-appear-scale-z: 1;
}
[xyz~=appear-big-1] {
--xyz-appear-scale-x: 1.025;
--xyz-appear-scale-y: 1.025;
--xyz-appear-scale-z: 1.025;
}
[xyz~=appear-big-2] {
--xyz-appear-scale-x: 1.05;
--xyz-appear-scale-y: 1.05;
--xyz-appear-scale-z: 1.05;
}
[xyz~=appear-big-3] {
--xyz-appear-scale-x: 1.075;
--xyz-appear-scale-y: 1.075;
--xyz-appear-scale-z: 1.075;
}
[xyz~=appear-big-4] {
--xyz-appear-scale-x: 1.1;
--xyz-appear-scale-y: 1.1;
--xyz-appear-scale-z: 1.1;
}
[xyz~=appear-big-5] {
--xyz-appear-scale-x: 1.125;
--xyz-appear-scale-y: 1.125;
--xyz-appear-scale-z: 1.125;
}
[xyz~="appear-big-25%"] {
--xyz-appear-scale-x: 1.25;
--xyz-appear-scale-y: 1.25;
--xyz-appear-scale-z: 1.25;
}
[xyz~="appear-big-50%"] {
--xyz-appear-scale-x: 1.5;
--xyz-appear-scale-y: 1.5;
--xyz-appear-scale-z: 1.5;
}
[xyz~="appear-big-75%"] {
--xyz-appear-scale-x: 1.75;
--xyz-appear-scale-y: 1.75;
--xyz-appear-scale-z: 1.75;
}
[xyz~="appear-big-100%"] {
--xyz-appear-scale-x: 2;
--xyz-appear-scale-y: 2;
--xyz-appear-scale-z: 2;
}
[xyz~=narrow] {
--xyz-scale-x: calc(1 - var(--xyz-scale-default));
}
[xyz~=narrow-0] {
--xyz-scale-x: 1;
}
[xyz~=narrow-1] {
--xyz-scale-x: 0.975;
}
[xyz~=narrow-2] {
--xyz-scale-x: 0.95;
}
[xyz~=narrow-3] {
--xyz-scale-x: 0.925;
}
[xyz~=narrow-4] {
--xyz-scale-x: 0.9;
}
[xyz~=narrow-5] {
--xyz-scale-x: 0.875;
}
[xyz~="narrow-25%"] {
--xyz-scale-x: 0.75;
}
[xyz~="narrow-50%"] {
--xyz-scale-x: 0.5;
}
[xyz~="narrow-75%"] {
--xyz-scale-x: 0.25;
}
[xyz~="narrow-100%"] {
--xyz-scale-x: 0;
}
[xyz~=in-narrow] {
--xyz-in-scale-x: calc(1 - var(--xyz-scale-default));
}
[xyz~=in-narrow-0] {
--xyz-in-scale-x: 1;
}
[xyz~=in-narrow-1] {
--xyz-in-scale-x: 0.975;
}
[xyz~=in-narrow-2] {
--xyz-in-scale-x: 0.95;
}
[xyz~=in-narrow-3] {
--xyz-in-scale-x: 0.925;
}
[xyz~=in-narrow-4] {
--xyz-in-scale-x: 0.9;
}
[xyz~=in-narrow-5] {
--xyz-in-scale-x: 0.875;
}
[xyz~="in-narrow-25%"] {
--xyz-in-scale-x: 0.75;
}
[xyz~="in-narrow-50%"] {
--xyz-in-scale-x: 0.5;
}
[xyz~="in-narrow-75%"] {
--xyz-in-scale-x: 0.25;
}
[xyz~="in-narrow-100%"] {
--xyz-in-scale-x: 0;
}
[xyz~=out-narrow] {
--xyz-out-scale-x: calc(1 - var(--xyz-scale-default));
}
[xyz~=out-narrow-0] {
--xyz-out-scale-x: 1;
}
[xyz~=out-narrow-1] {
--xyz-out-scale-x: 0.975;
}
[xyz~=out-narrow-2] {
--xyz-out-scale-x: 0.95;
}
[xyz~=out-narrow-3] {
--xyz-out-scale-x: 0.925;
}
[xyz~=out-narrow-4] {
--xyz-out-scale-x: 0.9;
}
[xyz~=out-narrow-5] {
--xyz-out-scale-x: 0.875;
}
[xyz~="out-narrow-25%"] {
--xyz-out-scale-x: 0.75;
}
[xyz~="out-narrow-50%"] {
--xyz-out-scale-x: 0.5;
}
[xyz~="out-narrow-75%"] {
--xyz-out-scale-x: 0.25;
}
[xyz~="out-narrow-100%"] {
--xyz-out-scale-x: 0;
}
[xyz~=appear-narrow] {
--xyz-appear-scale-x: calc(1 - var(--xyz-scale-default));
}
[xyz~=appear-narrow-0] {
--xyz-appear-scale-x: 1;
}
[xyz~=appear-narrow-1] {
--xyz-appear-scale-x: 0.975;
}
[xyz~=appear-narrow-2] {
--xyz-appear-scale-x: 0.95;
}
[xyz~=appear-narrow-3] {
--xyz-appear-scale-x: 0.925;
}
[xyz~=appear-narrow-4] {
--xyz-appear-scale-x: 0.9;
}
[xyz~=appear-narrow-5] {
--xyz-appear-scale-x: 0.875;
}
[xyz~="appear-narrow-25%"] {
--xyz-appear-scale-x: 0.75;
}
[xyz~="appear-narrow-50%"] {
--xyz-appear-scale-x: 0.5;
}
[xyz~="appear-narrow-75%"] {
--xyz-appear-scale-x: 0.25;
}
[xyz~="appear-narrow-100%"] {
--xyz-appear-scale-x: 0;
}
[xyz~=wide] {
--xyz-scale-x: calc(1 + var(--xyz-scale-default));
}
[xyz~=wide-0] {
--xyz-scale-x: 1;
}
[xyz~=wide-1] {
--xyz-scale-x: 1.025;
}
[xyz~=wide-2] {
--xyz-scale-x: 1.05;
}
[xyz~=wide-3] {
--xyz-scale-x: 1.075;
}
[xyz~=wide-4] {
--xyz-scale-x: 1.1;
}
[xyz~=wide-5] {
--xyz-scale-x: 1.125;
}
[xyz~="wide-25%"] {
--xyz-scale-x: 1.25;
}
[xyz~="wide-50%"] {
--xyz-scale-x: 1.5;
}
[xyz~="wide-75%"] {
--xyz-scale-x: 1.75;
}
[xyz~="wide-100%"] {
--xyz-scale-x: 2;
}
[xyz~=in-wide] {
--xyz-in-scale-x: calc(1 + var(--xyz-scale-default));
}
[xyz~=in-wide-0] {
--xyz-in-scale-x: 1;
}
[xyz~=in-wide-1] {
--xyz-in-scale-x: 1.025;
}
[xyz~=in-wide-2] {
--xyz-in-scale-x: 1.05;
}
[xyz~=in-wide-3] {
--xyz-in-scale-x: 1.075;
}
[xyz~=in-wide-4] {
--xyz-in-scale-x: 1.1;
}
[xyz~=in-wide-5] {
--xyz-in-scale-x: 1.125;
}
[xyz~="in-wide-25%"] {
--xyz-in-scale-x: 1.25;
}
[xyz~="in-wide-50%"] {
--xyz-in-scale-x: 1.5;
}
[xyz~="in-wide-75%"] {
--xyz-in-scale-x: 1.75;
}
[xyz~="in-wide-100%"] {
--xyz-in-scale-x: 2;
}
[xyz~=out-wide] {
--xyz-out-scale-x: calc(1 + var(--xyz-scale-default));
}
[xyz~=out-wide-0] {
--xyz-out-scale-x: 1;
}
[xyz~=out-wide-1] {
--xyz-out-scale-x: 1.025;
}
[xyz~=out-wide-2] {
--xyz-out-scale-x: 1.05;
}
[xyz~=out-wide-3] {
--xyz-out-scale-x: 1.075;
}
[xyz~=out-wide-4] {
--xyz-out-scale-x: 1.1;
}
[xyz~=out-wide-5] {
--xyz-out-scale-x: 1.125;
}
[xyz~="out-wide-25%"] {
--xyz-out-scale-x: 1.25;
}
[xyz~="out-wide-50%"] {
--xyz-out-scale-x: 1.5;
}
[xyz~="out-wide-75%"] {
--xyz-out-scale-x: 1.75;
}
[xyz~="out-wide-100%"] {
--xyz-out-scale-x: 2;
}
[xyz~=appear-wide] {
--xyz-appear-scale-x: calc(1 + var(--xyz-scale-default));
}
[xyz~=appear-wide-0] {
--xyz-appear-scale-x: 1;
}
[xyz~=appear-wide-1] {
--xyz-appear-scale-x: 1.025;
}
[xyz~=appear-wide-2] {
--xyz-appear-scale-x: 1.05;
}
[xyz~=appear-wide-3] {
--xyz-appear-scale-x: 1.075;
}
[xyz~=appear-wide-4] {
--xyz-appear-scale-x: 1.1;
}
[xyz~=appear-wide-5] {
--xyz-appear-scale-x: 1.125;
}
[xyz~="appear-wide-25%"] {
--xyz-appear-scale-x: 1.25;
}
[xyz~="appear-wide-50%"] {
--xyz-appear-scale-x: 1.5;
}
[xyz~="appear-wide-75%"] {
--xyz-appear-scale-x: 1.75;
}
[xyz~="appear-wide-100%"] {
--xyz-appear-scale-x: 2;
}
[xyz~=short] {
--xyz-scale-y: calc(1 - var(--xyz-scale-default));
}
[xyz~=short-0] {
--xyz-scale-y: 1;
}
[xyz~=short-1] {
--xyz-scale-y: 0.975;
}
[xyz~=short-2] {
--xyz-scale-y: 0.95;
}
[xyz~=short-3] {
--xyz-scale-y: 0.925;
}
[xyz~=short-4] {
--xyz-scale-y: 0.9;
}
[xyz~=short-5] {
--xyz-scale-y: 0.875;
}
[xyz~="short-25%"] {
--xyz-scale-y: 0.75;
}
[xyz~="short-50%"] {
--xyz-scale-y: 0.5;
}
[xyz~="short-75%"] {
--xyz-scale-y: 0.25;
}
[xyz~="short-100%"] {
--xyz-scale-y: 0;
}
[xyz~=in-short] {
--xyz-in-scale-y: calc(1 - var(--xyz-scale-default));
}
[xyz~=in-short-0] {
--xyz-in-scale-y: 1;
}
[xyz~=in-short-1] {
--xyz-in-scale-y: 0.975;
}
[xyz~=in-short-2] {
--xyz-in-scale-y: 0.95;
}
[xyz~=in-short-3] {
--xyz-in-scale-y: 0.925;
}
[xyz~=in-short-4] {
--xyz-in-scale-y: 0.9;
}
[xyz~=in-short-5] {
--xyz-in-scale-y: 0.875;
}
[xyz~="in-short-25%"] {
--xyz-in-scale-y: 0.75;
}
[xyz~="in-short-50%"] {
--xyz-in-scale-y: 0.5;
}
[xyz~="in-short-75%"] {
--xyz-in-scale-y: 0.25;
}
[xyz~="in-short-100%"] {
--xyz-in-scale-y: 0;
}
[xyz~=out-short] {
--xyz-out-scale-y: calc(1 - var(--xyz-scale-default));
}
[xyz~=out-short-0] {
--xyz-out-scale-y: 1;
}
[xyz~=out-short-1] {
--xyz-out-scale-y: 0.975;
}
[xyz~=out-short-2] {
--xyz-out-scale-y: 0.95;
}
[xyz~=out-short-3] {
--xyz-out-scale-y: 0.925;
}
[xyz~=out-short-4] {
--xyz-out-scale-y: 0.9;
}
[xyz~=out-short-5] {
--xyz-out-scale-y: 0.875;
}
[xyz~="out-short-25%"] {
--xyz-out-scale-y: 0.75;
}
[xyz~="out-short-50%"] {
--xyz-out-scale-y: 0.5;
}
[xyz~="out-short-75%"] {
--xyz-out-scale-y: 0.25;
}
[xyz~="out-short-100%"] {
--xyz-out-scale-y: 0;
}
[xyz~=appear-short] {
--xyz-appear-scale-y: calc(1 - var(--xyz-scale-default));
}
[xyz~=appear-short-0] {
--xyz-appear-scale-y: 1;
}
[xyz~=appear-short-1] {
--xyz-appear-scale-y: 0.975;
}
[xyz~=appear-short-2] {
--xyz-appear-scale-y: 0.95;
}
[xyz~=appear-short-3] {
--xyz-appear-scale-y: 0.925;
}
[xyz~=appear-short-4] {
--xyz-appear-scale-y: 0.9;
}
[xyz~=appear-short-5] {
--xyz-appear-scale-y: 0.875;
}
[xyz~="appear-short-25%"] {
--xyz-appear-scale-y: 0.75;
}
[xyz~="appear-short-50%"] {
--xyz-appear-scale-y: 0.5;
}
[xyz~="appear-short-75%"] {
--xyz-appear-scale-y: 0.25;
}
[xyz~="appear-short-100%"] {
--xyz-appear-scale-y: 0;
}
[xyz~=tall] {
--xyz-scale-y: calc(1 + var(--xyz-scale-default));
}
[xyz~=tall-0] {
--xyz-scale-y: 1;
}
[xyz~=tall-1] {
--xyz-scale-y: 1.025;
}
[xyz~=tall-2] {
--xyz-scale-y: 1.05;
}
[xyz~=tall-3] {
--xyz-scale-y: 1.075;
}
[xyz~=tall-4] {
--xyz-scale-y: 1.1;
}
[xyz~=tall-5] {
--xyz-scale-y: 1.125;
}
[xyz~="tall-25%"] {
--xyz-scale-y: 1.25;
}
[xyz~="tall-50%"] {
--xyz-scale-y: 1.5;
}
[xyz~="tall-75%"] {
--xyz-scale-y: 1.75;
}
[xyz~="tall-100%"] {
--xyz-scale-y: 2;
}
[xyz~=in-tall] {
--xyz-in-scale-y: calc(1 + var(--xyz-scale-default));
}
[xyz~=in-tall-0] {
--xyz-in-scale-y: 1;
}
[xyz~=in-tall-1] {
--xyz-in-scale-y: 1.025;
}
[xyz~=in-tall-2] {
--xyz-in-scale-y: 1.05;
}
[xyz~=in-tall-3] {
--xyz-in-scale-y: 1.075;
}
[xyz~=in-tall-4] {
--xyz-in-scale-y: 1.1;
}
[xyz~=in-tall-5] {
--xyz-in-scale-y: 1.125;
}
[xyz~="in-tall-25%"] {
--xyz-in-scale-y: 1.25;
}
[xyz~="in-tall-50%"] {
--xyz-in-scale-y: 1.5;
}
[xyz~="in-tall-75%"] {
--xyz-in-scale-y: 1.75;
}
[xyz~="in-tall-100%"] {
--xyz-in-scale-y: 2;
}
[xyz~=out-tall] {
--xyz-out-scale-y: calc(1 + var(--xyz-scale-default));
}
[xyz~=out-tall-0] {
--xyz-out-scale-y: 1;
}
[xyz~=out-tall-1] {
--xyz-out-scale-y: 1.025;
}
[xyz~=out-tall-2] {
--xyz-out-scale-y: 1.05;
}
[xyz~=out-tall-3] {
--xyz-out-scale-y: 1.075;
}
[xyz~=out-tall-4] {
--xyz-out-scale-y: 1.1;
}
[xyz~=out-tall-5] {
--xyz-out-scale-y: 1.125;
}
[xyz~="out-tall-25%"] {
--xyz-out-scale-y: 1.25;
}
[xyz~="out-tall-50%"] {
--xyz-out-scale-y: 1.5;
}
[xyz~="out-tall-75%"] {
--xyz-out-scale-y: 1.75;
}
[xyz~="out-tall-100%"] {
--xyz-out-scale-y: 2;
}
[xyz~=appear-tall] {
--xyz-appear-scale-y: calc(1 + var(--xyz-scale-default));
}
[xyz~=appear-tall-0] {
--xyz-appear-scale-y: 1;
}
[xyz~=appear-tall-1] {
--xyz-appear-scale-y: 1.025;
}
[xyz~=appear-tall-2] {
--xyz-appear-scale-y: 1.05;
}
[xyz~=appear-tall-3] {
--xyz-appear-scale-y: 1.075;
}
[xyz~=appear-tall-4] {
--xyz-appear-scale-y: 1.1;
}
[xyz~=appear-tall-5] {
--xyz-appear-scale-y: 1.125;
}
[xyz~="appear-tall-25%"] {
--xyz-appear-scale-y: 1.25;
}
[xyz~="appear-tall-50%"] {
--xyz-appear-scale-y: 1.5;
}
[xyz~="appear-tall-75%"] {
--xyz-appear-scale-y: 1.75;
}
[xyz~="appear-tall-100%"] {
--xyz-appear-scale-y: 2;
}
[xyz~=thin] {
--xyz-scale-z: calc(1 - var(--xyz-scale-default));
}
[xyz~=thin-0] {
--xyz-scale-z: 1;
}
[xyz~=thin-1] {
--xyz-scale-z: 0.975;
}
[xyz~=thin-2] {
--xyz-scale-z: 0.95;
}
[xyz~=thin-3] {
--xyz-scale-z: 0.925;
}
[xyz~=thin-4] {
--xyz-scale-z: 0.9;
}
[xyz~=thin-5] {
--xyz-scale-z: 0.875;
}
[xyz~="thin-25%"] {
--xyz-scale-z: 0.75;
}
[xyz~="thin-50%"] {
--xyz-scale-z: 0.5;
}
[xyz~="thin-75%"] {
--xyz-scale-z: 0.25;
}
[xyz~="thin-100%"] {
--xyz-scale-z: 0;
}
[xyz~=in-thin] {
--xyz-in-scale-z: calc(1 - var(--xyz-scale-default));
}
[xyz~=in-thin-0] {
--xyz-in-scale-z: 1;
}
[xyz~=in-thin-1] {
--xyz-in-scale-z: 0.975;
}
[xyz~=in-thin-2] {
--xyz-in-scale-z: 0.95;
}
[xyz~=in-thin-3] {
--xyz-in-scale-z: 0.925;
}
[xyz~=in-thin-4] {
--xyz-in-scale-z: 0.9;
}
[xyz~=in-thin-5] {
--xyz-in-scale-z: 0.875;
}
[xyz~="in-thin-25%"] {
--xyz-in-scale-z: 0.75;
}
[xyz~="in-thin-50%"] {
--xyz-in-scale-z: 0.5;
}
[xyz~="in-thin-75%"] {
--xyz-in-scale-z: 0.25;
}
[xyz~="in-thin-100%"] {
--xyz-in-scale-z: 0;
}
[xyz~=out-thin] {
--xyz-out-scale-z: calc(1 - var(--xyz-scale-default));
}
[xyz~=out-thin-0] {
--xyz-out-scale-z: 1;
}
[xyz~=out-thin-1] {
--xyz-out-scale-z: 0.975;
}
[xyz~=out-thin-2] {
--xyz-out-scale-z: 0.95;
}
[xyz~=out-thin-3] {
--xyz-out-scale-z: 0.925;
}
[xyz~=out-thin-4] {
--xyz-out-scale-z: 0.9;
}
[xyz~=out-thin-5] {
--xyz-out-scale-z: 0.875;
}
[xyz~="out-thin-25%"] {
--xyz-out-scale-z: 0.75;
}
[xyz~="out-thin-50%"] {
--xyz-out-scale-z: 0.5;
}
[xyz~="out-thin-75%"] {
--xyz-out-scale-z: 0.25;
}
[xyz~="out-thin-100%"] {
--xyz-out-scale-z: 0;
}
[xyz~=appear-thin] {
--xyz-appear-scale-z: calc(1 - var(--xyz-scale-default));
}
[xyz~=appear-thin-0] {
--xyz-appear-scale-z: 1;
}
[xyz~=appear-thin-1] {
--xyz-appear-scale-z: 0.975;
}
[xyz~=appear-thin-2] {
--xyz-appear-scale-z: 0.95;
}
[xyz~=appear-thin-3] {
--xyz-appear-scale-z: 0.925;
}
[xyz~=appear-thin-4] {
--xyz-appear-scale-z: 0.9;
}
[xyz~=appear-thin-5] {
--xyz-appear-scale-z: 0.875;
}
[xyz~="appear-thin-25%"] {
--xyz-appear-scale-z: 0.75;
}
[xyz~="appear-thin-50%"] {
--xyz-appear-scale-z: 0.5;
}
[xyz~="appear-thin-75%"] {
--xyz-appear-scale-z: 0.25;
}
[xyz~="appear-thin-100%"] {
--xyz-appear-scale-z: 0;
}
[xyz~=thick] {
--xyz-scale-z: calc(1 + var(--xyz-scale-default));
}
[xyz~=thick-0] {
--xyz-scale-z: 1;
}
[xyz~=thick-1] {
--xyz-scale-z: 1.025;
}
[xyz~=thick-2] {
--xyz-scale-z: 1.05;
}
[xyz~=thick-3] {
--xyz-scale-z: 1.075;
}
[xyz~=thick-4] {
--xyz-scale-z: 1.1;
}
[xyz~=thick-5] {
--xyz-scale-z: 1.125;
}
[xyz~="thick-25%"] {
--xyz-scale-z: 1.25;
}
[xyz~="thick-50%"] {
--xyz-scale-z: 1.5;
}
[xyz~="thick-75%"] {
--xyz-scale-z: 1.75;
}
[xyz~="thick-100%"] {
--xyz-scale-z: 2;
}
[xyz~=in-thick] {
--xyz-in-scale-z: calc(1 + var(--xyz-scale-default));
}
[xyz~=in-thick-0] {
--xyz-in-scale-z: 1;
}
[xyz~=in-thick-1] {
--xyz-in-scale-z: 1.025;
}
[xyz~=in-thick-2] {
--xyz-in-scale-z: 1.05;
}
[xyz~=in-thick-3] {
--xyz-in-scale-z: 1.075;
}
[xyz~=in-thick-4] {
--xyz-in-scale-z: 1.1;
}
[xyz~=in-thick-5] {
--xyz-in-scale-z: 1.125;
}
[xyz~="in-thick-25%"] {
--xyz-in-scale-z: 1.25;
}
[xyz~="in-thick-50%"] {
--xyz-in-scale-z: 1.5;
}
[xyz~="in-thick-75%"] {
--xyz-in-scale-z: 1.75;
}
[xyz~="in-thick-100%"] {
--xyz-in-scale-z: 2;
}
[xyz~=out-thick] {
--xyz-out-scale-z: calc(1 + var(--xyz-scale-default));
}
[xyz~=out-thick-0] {
--xyz-out-scale-z: 1;
}
[xyz~=out-thick-1] {
--xyz-out-scale-z: 1.025;
}
[xyz~=out-thick-2] {
--xyz-out-scale-z: 1.05;
}
[xyz~=out-thick-3] {
--xyz-out-scale-z: 1.075;
}
[xyz~=out-thick-4] {
--xyz-out-scale-z: 1.1;
}
[xyz~=out-thick-5] {
--xyz-out-scale-z: 1.125;
}
[xyz~="out-thick-25%"] {
--xyz-out-scale-z: 1.25;
}
[xyz~="out-thick-50%"] {
--xyz-out-scale-z: 1.5;
}
[xyz~="out-thick-75%"] {
--xyz-out-scale-z: 1.75;
}
[xyz~="out-thick-100%"] {
--xyz-out-scale-z: 2;
}
[xyz~=appear-thick] {
--xyz-appear-scale-z: calc(1 + var(--xyz-scale-default));
}
[xyz~=appear-thick-0] {
--xyz-appear-scale-z: 1;
}
[xyz~=appear-thick-1] {
--xyz-appear-scale-z: 1.025;
}
[xyz~=appear-thick-2] {
--xyz-appear-scale-z: 1.05;
}
[xyz~=appear-thick-3] {
--xyz-appear-scale-z: 1.075;
}
[xyz~=appear-thick-4] {
--xyz-appear-scale-z: 1.1;
}
[xyz~=appear-thick-5] {
--xyz-appear-scale-z: 1.125;
}
[xyz~="appear-thick-25%"] {
--xyz-appear-scale-z: 1.25;
}
[xyz~="appear-thick-50%"] {
--xyz-appear-scale-z: 1.5;
}
[xyz~="appear-thick-75%"] {
--xyz-appear-scale-z: 1.75;
}
[xyz~="appear-thick-100%"] {
--xyz-appear-scale-z: 2;
}
[xyz~=skew-left] {
--xyz-skew-x: var(--xyz-skew-default);
}
[xyz~=skew-left-0] {
--xyz-skew-x: 0deg;
}
[xyz~=skew-left-1] {
--xyz-skew-x: 10deg;
}
[xyz~=skew-left-2] {
--xyz-skew-x: 20deg;
}
[xyz~=skew-left-3] {
--xyz-skew-x: 30deg;
}
[xyz~=skew-left-4] {
--xyz-skew-x: 40deg;
}
[xyz~=skew-left-5] {
--xyz-skew-x: 50deg;
}
[xyz~=in-skew-left] {
--xyz-in-skew-x: var(--xyz-skew-default);
}
[xyz~=in-skew-left-0] {
--xyz-in-skew-x: 0deg;
}
[xyz~=in-skew-left-1] {
--xyz-in-skew-x: 10deg;
}
[xyz~=in-skew-left-2] {
--xyz-in-skew-x: 20deg;
}
[xyz~=in-skew-left-3] {
--xyz-in-skew-x: 30deg;
}
[xyz~=in-skew-left-4] {
--xyz-in-skew-x: 40deg;
}
[xyz~=in-skew-left-5] {
--xyz-in-skew-x: 50deg;
}
[xyz~=out-skew-left] {
--xyz-out-skew-x: var(--xyz-skew-default);
}
[xyz~=out-skew-left-0] {
--xyz-out-skew-x: 0deg;
}
[xyz~=out-skew-left-1] {
--xyz-out-skew-x: 10deg;
}
[xyz~=out-skew-left-2] {
--xyz-out-skew-x: 20deg;
}
[xyz~=out-skew-left-3] {
--xyz-out-skew-x: 30deg;
}
[xyz~=out-skew-left-4] {
--xyz-out-skew-x: 40deg;
}
[xyz~=out-skew-left-5] {
--xyz-out-skew-x: 50deg;
}
[xyz~=appear-skew-left] {
--xyz-appear-skew-x: var(--xyz-skew-default);
}
[xyz~=appear-skew-left-0] {
--xyz-appear-skew-x: 0deg;
}
[xyz~=appear-skew-left-1] {
--xyz-appear-skew-x: 10deg;
}
[xyz~=appear-skew-left-2] {
--xyz-appear-skew-x: 20deg;
}
[xyz~=appear-skew-left-3] {
--xyz-appear-skew-x: 30deg;
}
[xyz~=appear-skew-left-4] {
--xyz-appear-skew-x: 40deg;
}
[xyz~=appear-skew-left-5] {
--xyz-appear-skew-x: 50deg;
}
[xyz~=skew-right] {
--xyz-skew-x: calc(var(--xyz-skew-default)*-1);
}
[xyz~=skew-right-0] {
--xyz-skew-x: 0deg;
}
[xyz~=skew-right-1] {
--xyz-skew-x: -10deg;
}
[xyz~=skew-right-2] {
--xyz-skew-x: -20deg;
}
[xyz~=skew-right-3] {
--xyz-skew-x: -30deg;
}
[xyz~=skew-right-4] {
--xyz-skew-x: -40deg;
}
[xyz~=skew-right-5] {
--xyz-skew-x: -50deg;
}
[xyz~=in-skew-right] {
--xyz-in-skew-x: calc(var(--xyz-skew-default)*-1);
}
[xyz~=in-skew-right-0] {
--xyz-in-skew-x: 0deg;
}
[xyz~=in-skew-right-1] {
--xyz-in-skew-x: -10deg;
}
[xyz~=in-skew-right-2] {
--xyz-in-skew-x: -20deg;
}
[xyz~=in-skew-right-3] {
--xyz-in-skew-x: -30deg;
}
[xyz~=in-skew-right-4] {
--xyz-in-skew-x: -40deg;
}
[xyz~=in-skew-right-5] {
--xyz-in-skew-x: -50deg;
}
[xyz~=out-skew-right] {
--xyz-out-skew-x: calc(var(--xyz-skew-default)*-1);
}
[xyz~=out-skew-right-0] {
--xyz-out-skew-x: 0deg;
}
[xyz~=out-skew-right-1] {
--xyz-out-skew-x: -10deg;
}
[xyz~=out-skew-right-2] {
--xyz-out-skew-x: -20deg;
}
[xyz~=out-skew-right-3] {
--xyz-out-skew-x: -30deg;
}
[xyz~=out-skew-right-4] {
--xyz-out-skew-x: -40deg;
}
[xyz~=out-skew-right-5] {
--xyz-out-skew-x: -50deg;
}
[xyz~=appear-skew-right] {
--xyz-appear-skew-x: calc(var(--xyz-skew-default)*-1);
}
[xyz~=appear-skew-right-0] {
--xyz-appear-skew-x: 0deg;
}
[xyz~=appear-skew-right-1] {
--xyz-appear-skew-x: -10deg;
}
[xyz~=appear-skew-right-2] {
--xyz-appear-skew-x: -20deg;
}
[xyz~=appear-skew-right-3] {
--xyz-appear-skew-x: -30deg;
}
[xyz~=appear-skew-right-4] {
--xyz-appear-skew-x: -40deg;
}
[xyz~=appear-skew-right-5] {
--xyz-appear-skew-x: -50deg;
}
[xyz~=skew-up] {
--xyz-skew-y: var(--xyz-skew-default);
}
[xyz~=skew-up-0] {
--xyz-skew-y: 0deg;
}
[xyz~=skew-up-1] {
--xyz-skew-y: 10deg;
}
[xyz~=skew-up-2] {
--xyz-skew-y: 20deg;
}
[xyz~=skew-up-3] {
--xyz-skew-y: 30deg;
}
[xyz~=skew-up-4] {
--xyz-skew-y: 40deg;
}
[xyz~=skew-up-5] {
--xyz-skew-y: 50deg;
}
[xyz~=in-skew-up] {
--xyz-in-skew-y: var(--xyz-skew-default);
}
[xyz~=in-skew-up-0] {
--xyz-in-skew-y: 0deg;
}
[xyz~=in-skew-up-1] {
--xyz-in-skew-y: 10deg;
}
[xyz~=in-skew-up-2] {
--xyz-in-skew-y: 20deg;
}
[xyz~=in-skew-up-3] {
--xyz-in-skew-y: 30deg;
}
[xyz~=in-skew-up-4] {
--xyz-in-skew-y: 40deg;
}
[xyz~=in-skew-up-5] {
--xyz-in-skew-y: 50deg;
}
[xyz~=out-skew-up] {
--xyz-out-skew-y: var(--xyz-skew-default);
}
[xyz~=out-skew-up-0] {
--xyz-out-skew-y: 0deg;
}
[xyz~=out-skew-up-1] {
--xyz-out-skew-y: 10deg;
}
[xyz~=out-skew-up-2] {
--xyz-out-skew-y: 20deg;
}
[xyz~=out-skew-up-3] {
--xyz-out-skew-y: 30deg;
}
[xyz~=out-skew-up-4] {
--xyz-out-skew-y: 40deg;
}
[xyz~=out-skew-up-5] {
--xyz-out-skew-y: 50deg;
}
[xyz~=appear-skew-up] {
--xyz-appear-skew-y: var(--xyz-skew-default);
}
[xyz~=appear-skew-up-0] {
--xyz-appear-skew-y: 0deg;
}
[xyz~=appear-skew-up-1] {
--xyz-appear-skew-y: 10deg;
}
[xyz~=appear-skew-up-2] {
--xyz-appear-skew-y: 20deg;
}
[xyz~=appear-skew-up-3] {
--xyz-appear-skew-y: 30deg;
}
[xyz~=appear-skew-up-4] {
--xyz-appear-skew-y: 40deg;
}
[xyz~=appear-skew-up-5] {
--xyz-appear-skew-y: 50deg;
}
[xyz~=skew-down] {
--xyz-skew-y: calc(var(--xyz-skew-default)*-1);
}
[xyz~=skew-down-0] {
--xyz-skew-y: 0deg;
}
[xyz~=skew-down-1] {
--xyz-skew-y: -10deg;
}
[xyz~=skew-down-2] {
--xyz-skew-y: -20deg;
}
[xyz~=skew-down-3] {
--xyz-skew-y: -30deg;
}
[xyz~=skew-down-4] {
--xyz-skew-y: -40deg;
}
[xyz~=skew-down-5] {
--xyz-skew-y: -50deg;
}
[xyz~=in-skew-down] {
--xyz-in-skew-y: calc(var(--xyz-skew-default)*-1);
}
[xyz~=in-skew-down-0] {
--xyz-in-skew-y: 0deg;
}
[xyz~=in-skew-down-1] {
--xyz-in-skew-y: -10deg;
}
[xyz~=in-skew-down-2] {
--xyz-in-skew-y: -20deg;
}
[xyz~=in-skew-down-3] {
--xyz-in-skew-y: -30deg;
}
[xyz~=in-skew-down-4] {
--xyz-in-skew-y: -40deg;
}
[xyz~=in-skew-down-5] {
--xyz-in-skew-y: -50deg;
}
[xyz~=out-skew-down] {
--xyz-out-skew-y: calc(var(--xyz-skew-default)*-1);
}
[xyz~=out-skew-down-0] {
--xyz-out-skew-y: 0deg;
}
[xyz~=out-skew-down-1] {
--xyz-out-skew-y: -10deg;
}
[xyz~=out-skew-down-2] {
--xyz-out-skew-y: -20deg;
}
[xyz~=out-skew-down-3] {
--xyz-out-skew-y: -30deg;
}
[xyz~=out-skew-down-4] {
--xyz-out-skew-y: -40deg;
}
[xyz~=out-skew-down-5] {
--xyz-out-skew-y: -50deg;
}
[xyz~=appear-skew-down] {
--xyz-appear-skew-y: calc(var(--xyz-skew-default)*-1);
}
[xyz~=appear-skew-down-0] {
--xyz-appear-skew-y: 0deg;
}
[xyz~=appear-skew-down-1] {
--xyz-appear-skew-y: -10deg;
}
[xyz~=appear-skew-down-2] {
--xyz-appear-skew-y: -20deg;
}
[xyz~=appear-skew-down-3] {
--xyz-appear-skew-y: -30deg;
}
[xyz~=appear-skew-down-4] {
--xyz-appear-skew-y: -40deg;
}
[xyz~=appear-skew-down-5] {
--xyz-appear-skew-y: -50deg;
}   @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-200.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-200.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-200.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-200.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-200.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-200.svg#Montserrat) format('svg');
font-display: swap;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 200;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-300.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-300.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-300.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-300.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-300.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-300.svg#Montserrat) format('svg');
font-display: swap;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-regular.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-regular.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-regular.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-regular.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-regular.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-regular.svg#Montserrat) format('svg');
font-display: swap;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-500.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-500.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-500.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-500.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-500.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-500.svg#Montserrat) format('svg');
font-display: swap;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-600.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-600.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-600.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-600.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-600.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-600.svg#Montserrat) format('svg');
font-display: swap;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-700.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-700.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-700.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-700.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-700.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-700.svg#Montserrat) format('svg');
font-display: swap;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-800.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-800.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-800.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-800.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-800.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-800.svg#Montserrat) format('svg');
font-display: swap;
}     @font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 100;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-200italic.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-200italic.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-200italic.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-200italic.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-200italic.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-200italic.svg#Montserrat) format('svg');
font-display: swap;
} @font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 200;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-300italic.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-300italic.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-300italic.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-300italic.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-300italic.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-300italic.svg#Montserrat) format('svg');
font-display: swap;
} @font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 300;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-italic.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-italic.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-italic.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-italic.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-italic.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-italic.svg#Montserrat) format('svg');
font-display: swap;
} @font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-500italic.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-500italic.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-500italic.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-500italic.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-500italic.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-500italic.svg#Montserrat) format('svg');
font-display: swap;
} @font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 600;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-600italic.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-600italic.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-600italic.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-600italic.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-600italic.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-600italic.svg#Montserrat) format('svg');
font-display: swap;
} @font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 800;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-700italic.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-700italic.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-700italic.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-700italic.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-700italic.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-700italic.svg#Montserrat) format('svg');
font-display: swap;
} @font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 900;
src: url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-800italic.eot);
src: local(''),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-800italic.eot?#iefix) format('embedded-opentype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-800italic.woff2) format('woff2'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-800italic.woff) format('woff'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-800italic.ttf) format('truetype'),
url(//www.brunex.ch/wp-content/themes/brunex/dist/fonts/montserrat-v24-latin-800italic.svg#Montserrat) format('svg');
font-display: swap;
}   :root { font-size: 62.5%; }
html {
scroll-behavior: smooth;
}
body{
font-family: Montserrat, ui-sans-serif, 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";
font-weight: 400;
scroll-behavior: smooth;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
text-wrap: pretty}
*:focus {
outline: none;
} #productfinder {
max-width: 100%;
overflow: hidden;
} .block-spacing{
padding-top: 30px;
padding-bottom: 30px}
@media (min-width: 640px){
.block-spacing{
padding-top: 70px;
padding-bottom: 70px}}
.nopadding{
padding: 0px} .content-area > * {    
margin-left: auto;
margin-right: auto;
padding-right: calc(4rem / 2);
padding-left: calc(4rem / 2);
max-width: 100%;
}
@media (min-width: 640px) {
.content-area > * {
max-width: 640px
}
}
@media (min-width: 768px) {
.content-area > * {
max-width: 768px
}
}
@media (min-width: 1024px) {
.content-area > * {
max-width: 1024px
}
}
@media (min-width: 1280px) {
.content-area > * {
max-width: calc(1544px + 1rem)
}
}  .content-area > .alignwide {
margin-left: auto;
margin-right: auto;
padding-right: calc(4rem / 2);
padding-left: calc(4rem / 2);
}
@media (min-width: 1280px) {
.content-area > .alignwide {
max-width: 90%
}
}
.content-area > .alignfull {
margin-left: auto;
margin-right: auto;
padding-right: 0px;
padding-left: 0px;
}
@media (min-width: 1280px) {
.content-area > .alignfull {
max-width: 100%
}
}
a{
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}
a:hover{
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}
a.branding {
position: absolute;
top: 40px;
}
a.lang {
opacity: 0.5;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-delay: 150ms;
}
a.lang:hover {
opacity: 1;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-delay: 150ms;
}
#teaser {
width: 100%;
height: auto;
max-width: 100%;
overflow: hidden;
}
body .content-area .wp-block-gallery figure.wp-block-image figcaption {
background: #ffffff;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
font-family: Montserrat, ui-sans-serif, 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";
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
} body .wp-block-gallery.has-nested-images.rahmen figure.wp-block-image:not(#individual-image) img {
-o-object-position: left;
object-position: left;
}
body .wp-block-gallery.has-nested-images.rahmen figure.wp-block-image:not(#individual-image){
margin-right: var(--gallery-block--gutter-size,16px);
width: calc(100% - var(--gallery-block--gutter-size, 16px)*0.8)}
@media (min-width: 768px) {
body .wp-block-gallery.has-nested-images.rahmen figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size,16px);
width: calc(30% - var(--gallery-block--gutter-size, 16px)*0.8)
}
}
@media (min-width: 1280px) {
body .wp-block-gallery.has-nested-images.rahmen figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size,16px);
width: calc(20% - var(--gallery-block--gutter-size, 16px)*0.8)
}
}
body .content-area .wp-block-gallery.rahmen figure.wp-block-image img{
display: block;
min-height: 300px;
width: auto}
body .content-area .wp-block-gallery.rahmen figure.wp-block-image figcaption{
display: block}
b, 
strong{
font-weight: 600}
h1,  .h1{
font-size: 3.0rem;
line-height: 1.2;
font-weight: 600}
@media (min-width: 1024px){
h1,  .h1{
font-size: 4.5rem;
line-height: 1.2}}
@media (min-width: 1280px){
h1,  .h1{
font-size: 7rem;
line-height: 1.2}}
h2,  .h2{
font-size: 2.1rem;
line-height: 1.2;
font-weight: 600;
color: var(--primary-color, #9a2027)}
@media (min-width: 768px){
h2,  .h2{
font-size: 3.0rem;
line-height: 1.2}}
@media (min-width: 1280px){
h2,  .h2{
font-size: 5rem;
line-height: 1.2}}
h3,  .h3{
font-size: 2.1rem;
font-weight: 900;
line-height: 1.25;
color: var(--primary-color, #9a2027)}
@media (min-width: 768px){
h3,  .h3{
font-size: 3.0rem;
line-height: 1.2}}
h3:after, .h3:after {
margin-top: 20px;
margin-bottom: 30px;
content: '';
position: relative;
display: block;
height: 5px;
width: 80px;
background-color: var(--primary-color, #9a2027);
}
#productfinder h3:after{
display: none}
h4{
font-size: 2.1rem;
line-height: 1.2;
font-weight: 600;
color: var(--primary-color, #9a2027)}
@media (min-width: 1280px){
h4{
font-size: 2.1rem;
line-height: 1.2}}
h5{
font-size: 1.5rem;
line-height: 1.2;
font-weight: 100;
color: var(--primary-color, #9a2027)}
@media (min-width: 1280px){
h5{
font-size: 1.5rem;
line-height: 1.2}}
p, 
ul, 
ol, 
table{
padding-top: 10px;
padding-bottom: 10px;
font-size: 1.7rem;
font-weight: 300;
line-height: 1.625;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
a {
transition: all 1s;
--tw-text-opacity: 1;
color: rgb(102 102 102 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
a:hover {
transition: all 1s;
color: var(--primary-color, #9a2027);
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
ul,  ol{
padding-left: 16px}
ul li {
list-style-type: square;
padding-bottom: 10px;
}
ul li *::marker{
color: var(--primary-color, #9a2027)}
ul li::marker{
color: var(--primary-color, #9a2027)}
ol li{
list-style-type: decimal}
p strong,  p b{
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
.is-style-bigger{
width: 100%}
.is-style-bigger .wp-block-group__inner-container{
width: 100%}
@media (min-width: 1024px){
.is-style-bigger .wp-block-group__inner-container{
width: 70%;
max-width: 70%}}
.is-style-bigger p{
font-size: 1.7rem;
line-height: 1.5}
@media (min-width: 1024px){
.is-style-bigger p{
font-size: 2.1rem;
line-height: 1.625}}
.is-style-bigger.lizenzpartner .wp-block-group__inner-container{
width: 100%}
@media (min-width: 1024px){
.is-style-bigger.lizenzpartner .wp-block-group__inner-container{
width: 95%;
max-width: 95%}}
.is-style-align-tight{
margin-left: auto;
margin-right: auto}
@media (min-width: 1280px){
.is-style-align-tight{
max-width: 85%}
.content-area > .is-style-align-tight{
max-width: calc(0.85 * (1544px + 1rem));}}
.is-style-icon-marker .wp-block-button__link{
margin-right: 2rem;
display: flex;
align-items: flex-end;
gap: 1.5rem;
line-height: 1}
.is-style-icon-marker .wp-block-button__link:before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%239a2127' d='M12 0c-4.198 0-8 3.403-8 7.602 0 4.198 3.469 9.21 8 16.398 4.531-7.188 8-12.2 8-16.398 0-4.199-3.801-7.602-8-7.602zm0 14c-3.314 0-6-2.686-6-6s2.686-6 6-6 6 2.686 6 6-2.686 6-6 6z'/%3E%3C/svg%3E");
background-size: contain;
width: 35px;
height: 35px;
}
.nospace {
margin-bottom: 0px !important;
} .wp-block-group{
margin-bottom: 70px}
.wp-block-group.is-style-bigger.lizenzpartner{
margin-bottom: 0px}
.wp-block-media-text,  .wp-block-columns{
margin-bottom: 70px}
@media (min-width: 640px){
.wp-block-media-text,  .wp-block-columns{
margin-bottom: 140px}}
.wp-block-columns.nospace{
margin-bottom: 20px}
p + .wp-block-buttons{
margin-top: 2rem}
h2 + .wp-block-buttons{
margin-top: 2rem}
h4 + .wp-block-list{
margin-top: 2rem}
.wp-block-column > .wp-block-group:is(:last-child){
margin-bottom: 0px}  .swiper-button-prev, 
.swiper-button-next {
padding: 40px;
background-color: transparent;
opacity: 0;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-delay: 75ms;
}
@media (min-width: 1280px){
.swiper-button-prev,  
.swiper-button-next{
opacity: 1}}
.swiper-button-prev::after,  
.swiper-button-next::after{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
.swiper-button-prev:hover,  
.swiper-button-next:hover{
background-color: var(--primary-color, #9a2027);
--tw-bg-opacity: 0.6;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-delay: 75ms}
.person {
border-radius: 50%;
border: 0px;
width: 225px;
height: auto;
margin-bottom: 20px;
}
.wp-block-column.has-background{
padding: 10px}
@media (min-width: 640px){
.wp-block-column.has-background{
padding: 30px}} .wp-block-columns.has-background{
padding: 0px}
.wp-block-columns.has-background > .wp-block-column{
padding: 30px} .wp-block-columns.has-background > .wp-block-column:has(> .wp-block-image:first-child:last-child){
padding: 0px}
.wp-block-columns.has-background > .wp-block-column:has(> .wp-block-image:first-child:last-child) > .wp-block-image{
margin-bottom: 0px} .has-projektpartner-red-color{
--tw-text-opacity: 1;
color: rgb(154 33 39 / var(--tw-text-opacity))}
.has-black-color{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
.has-white-color{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
.has-grey-color{
--tw-text-opacity: 1;
color: rgb(204 204 204 / var(--tw-text-opacity))}
.has-pale-silver-color{
--tw-text-opacity: 1;
color: rgb(216 204 194 / var(--tw-text-opacity))}
.has-transparent-color{
color: transparent} .has-projektpartner-red-background-color{
--tw-bg-opacity: 1;
background-color: rgb(154 33 39 / var(--tw-bg-opacity))}
.has-black-background-color{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity))}
.has-white-background-color{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
.has-grey-background-color{
--tw-bg-opacity: 1;
background-color: rgb(204 204 204 / var(--tw-bg-opacity))}
.has-pale-silver-background-color{
--tw-bg-opacity: 1;
background-color: rgb(216 204 194 / var(--tw-bg-opacity))}
.has-transparent-background-color{
--tw-bg-opacity: 1;
background-color: rgb(216 204 194 / var(--tw-bg-opacity))}
html:has(head meta[content="Karriere neu"] ) body header + .content-area > *{
--tw-translate-y: 10rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 0;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 700ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}
html:has(head meta[content="Karriere neu"] ) body header + .content-area > *.block--inView{
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
opacity: 1} .brunextooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black; } .brunextooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px; position: absolute;
z-index: 1;
} .brunextooltip:hover .tooltiptext {
visibility: visible;
} #toTop .box {
z-index: 10;
position: fixed;
bottom: 0px;
right: 0px;
display: flex;
height: 75px;
width: 75px;
cursor: pointer;
flex-wrap: wrap;
align-content: center;
justify-content: center;
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity));
color: var(--primary-color, #9a2027);
-webkit-text-decoration-line: none;
text-decoration-line: none;
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#toTop .box .newsletter-form input:not([type="checkbox"]):not([type="radio"]){
border-style: none}
@media (min-width: 640px){
#toTop .box{
bottom: 10%;
height: 100px;
width: 100px}}
@media print {
#toTop .box{
display: none}
}
#toTop .box .icon svg{
height: auto;
width: 40px}
#toTop .box .icon svg .cls-1 {
fill: #9a2027;
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#toTop .box .info{
height: 30px;
width: 100%;
padding-top: 10px;
text-align: center;
font-family: Montserrat, ui-sans-serif, 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";
font-size: 1.7rem;
line-height: 1.2;
font-weight: 400}
#toTop .box:hover{
background-color: var(--primary-color, #9a2027);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none;
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}
#toTop:hover .box .icon svg .cls-1 {
fill: #ffffff;
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
} .box.productdetail{
margin-right: 0.25rem;
margin-bottom: 0.25rem;
display: block;
height: auto;
width: 150px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
.box.productdetail.small{
margin-right: 0.25rem;
margin-bottom: 0.25rem;
display: block;
height: auto;
width: 75px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
.box.productdetail .icon{
margin-top: 2rem;
margin-bottom: 2rem;
display: flex;
height: auto;
max-height: 75px;
width: auto;
max-width: 100%}
.box.productdetail.small .icon{
margin-top: 1.45rem;
margin-bottom: 1.45rem;
display: flex;
height: auto;
max-height: 61px;
width: auto;
max-width: 100%}
.box.productdetail .icon svg{
margin: auto;
max-height: 61px;
width: auto}
.box.productdetail.small .icon svg{
margin: auto;
max-height: 61px;
width: auto}
.box.productdetail .info{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
display: flex;
height: auto;
min-height: 30px;
width: 100%;
max-width: 100%;
justify-content: center;
text-align: center;
vertical-align: middle;
font-size: 1.3rem;
line-height: 1.2;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
a.box.productdetail:hover {
transition: all 2s;
margin-right: 0.25rem;
margin-bottom: 0.25rem;
display: block;
height: auto;
width: 150px;
background-color: var(--primary-color, #9a2027);
}
a.box.productdetail.small:hover {
transition: all 2s;
margin-right: 0.25rem;
margin-bottom: 0.25rem;
display: block;
height: auto;
width: 75px;
background-color: var(--primary-color, #9a2027);
}
a.box.productdetail:hover .info{
text-align: center;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
a.box.productdetail:hover .icon svg .cls-1 {
fill: #ffffff;
} .social-area{
margin-top: 60px;
margin-bottom: 60px;
display: flex;
align-content: flex-end;
justify-content: flex-end}
.social{
margin-right: 0.25rem;
margin-bottom: 0.25rem;
display: flex;
height: 70px;
width: 68px;
align-items: center;
justify-content: center;
border-width: 2px;
border-style: solid;
border-color: var(--primary-color, #9a2027);
background-color: var(--primary-color, #9a2027)}
.social .icon{
display: flex;
height: 40px;
width: auto;
align-items: center;
justify-content: center}
.social .icon .cls-2 {
fill: #ffffff;
}
.social:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
.social:hover .icon .cls-2 {
fill: #9a2027;
} .brunex-thema-botton {
transition: all 1s;
border-width: 2px;
border-style: solid;
border-color: var(--primary-color, #9a2027);
background-color: var(--primary-color, #9a2027);
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
font-size: 1.7rem;
line-height: 1.2;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.brunex-thema-botton:hover {
transition: all 1s;
border-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
background-color: transparent;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
font-size: 1.7rem;
line-height: 1.2;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none;
} .button-content a{
margin-bottom: 0.5rem;
margin-right: 0.5rem;
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
border-width: 4px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(246 246 246 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity));
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none}
.button-content a .newsletter-form input:not([type="checkbox"]):not([type="radio"]){
border-style: none}
@media (min-width: 640px){
.button-content a{
height: 100px;
flex-direction: row}}
.button-content a:hover{
border-color: var(--primary-color, #9a2027);
-webkit-text-decoration-line: none;
text-decoration-line: none}
.button-content a .grafik{
margin-bottom: 1.25rem;
display: flex;
align-items: center;
justify-content: center}
@media (min-width: 640px){
.button-content a .grafik{
margin-bottom: 0px;
width: 33.333333%}}
.button-content a .grafik svg {
width: auto;
height: 70px;
display: inline-block;
padding-right: 10px;
top: 0px;
} @media (min-width: 640px){
.button-content a .branding{
width: 66.666667%}}
.button-content a .branding {
margin-top: 8px;
}
.button-content a .branding .icon svg {
width: auto;
height: 18px;
display: block;
margin-left: 1px;
}
.button-content a .branding .title {
margin-top: 0.25rem;
margin-bottom: -1rem;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.1em;
color: var(--primary-color, #9a2027);
}
.button-content a .branding .copy{
margin-top: 1.5rem;
width: 100%;
font-size: 1.3rem;
line-height: 1.2;
letter-spacing: 0.05em;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))} #anchor-section {
position: fixed;
top: 30vh;
right: 0px;
z-index: 10;
width: auto;
display: flex;
flex-direction: column;
}
@media (min-width: 640px) {
#anchor-section {
top: 50vh
}
}
#anchor-section a.point {
width: 10px;
height: 10px;
border: 1px solid;
border-radius: 100%;
margin-right: 30px;
margin-top: 10px;
margin-bottom: 10px;
--tw-border-opacity: 1;
border-color: rgb(102 102 102 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(102 102 102 / var(--tw-bg-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
#anchor-section a.point:hover, 
#anchor-section.open a.point{
border-color: var(--primary-color, #9a2027);
background-color: var(--primary-color, #9a2027);
-webkit-text-decoration-line: none;
text-decoration-line: none}
#anchor-section a.point .detail {
position: relative;
right: 160px;
top: -10px;
min-width: 145px;
overflow: hidden;
transition: opacity 0.5;
margin-right: 0.75rem;
display: none;
height: auto;
width: auto;
align-items: center;
justify-content: flex-end;
background-color: var(--primary-color, #9a2027);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 1.3rem;
line-height: 1.2;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.025em;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
opacity: 0;
}
@media (min-width: 1024px){
#anchor-section a.point .detail{
display: flex}}
#anchor-section a.point:hover .detail,
#anchor-section.open a.point .detail {
transition: opacity 0.5;
display: flex;
opacity: 1;
}
#anchor-section-toggle{
margin-top: 0.625rem;
margin-bottom: 0.625rem;
--tw-text-opacity: 1;
color: rgb(102 102 102 / var(--tw-text-opacity))}
@media (min-width: 1024px){
#anchor-section-toggle{
display: none}}
#anchor-section #anchor-section-toggle svg.open {
display:block;
}
#anchor-section #anchor-section-toggle svg.close {
display:none;
}
#anchor-section.open #anchor-section-toggle svg.open {
display:none;
}
#anchor-section.open #anchor-section-toggle svg.close {
display:block;
}
@media (max-width: 1023px) {
#anchor-section{
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity));
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px}
#anchor-section .newsletter-form input:not([type="checkbox"]):not([type="radio"]){
border-style: none}
#anchor-section a.point {
margin-right: 0px;
}
} p.brunex-btn a, p.is-style-brunex-btn a {
transition: all 1s;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
display: inline-block;
border-width: 2px;
border-style: solid;
border-color: var(--primary-color, #9a2027);
background-color: var(--primary-color, #9a2027);
padding-top: 20px;
padding-bottom: 20px;
padding-left: 50px;
padding-right: 50px;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none; 
}
@media (min-width: 1024px){
p.brunex-btn a,  p.is-style-brunex-btn a{
font-size: 2.1rem;
line-height: 1.2}}
p.brunex-btn a:hover, p.is-style-brunex-btn a:hover {
transition: all 1s;
background-color: transparent;
color: var(--primary-color, #9a2027);
-webkit-text-decoration-line: none;
text-decoration-line: none;
} .wp-block-buttons{
gap: 2rem}
.wp-block-button__link.has-background:hover{
-webkit-text-decoration-line: none;
text-decoration-line: none}
.wp-block-button:has(>.wp-block-button__link.has-transparent-background-color){
margin-right: 2rem}
.wp-block-button:has(>.wp-block-button__link.has-transparent-background-color) .wp-block-button__link{
border-bottom-width: 2px;
border-style: solid;
border-color: transparent;
padding: 0px;
padding-bottom: 1rem}
.wp-block-button:has(>.wp-block-button__link.has-transparent-background-color) .wp-block-button__link.has-black-color:hover{
--tw-border-opacity: 1;
border-bottom-color: rgb(154 33 39 / var(--tw-border-opacity));
--tw-text-opacity: 1 !important;
color: rgb(154 33 39 / var(--tw-text-opacity)) !important}
.wp-block-button__link.has-white-background-color{
border-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity))}
.wp-block-button__link.has-white-background-color:hover{
background-color: transparent !important;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
.wp-block-button__link.has-projektpartner-red-background-color{
border-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(154 33 39 / var(--tw-border-opacity))}
.wp-block-button__link.has-projektpartner-red-background-color:hover{
background-color: transparent !important;
--tw-text-opacity: 1 !important;
color: rgb(154 33 39 / var(--tw-text-opacity)) !important}  header{
position: relative;
top: 0px;
left: 0px;
z-index: 20;
display: flex;
height: auto;
width: 100%;
max-width: 100%;
flex-wrap: wrap;
align-items: center;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
@media (min-width: 1280px){
header{
position: static;
height: auto}}
@media print {
header{
display: none}
}
header a{
-webkit-text-decoration-line: none;
text-decoration-line: none}
header a:hover{
-webkit-text-decoration-line: none;
text-decoration-line: none}
header ul{
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px}
header ul ul{
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px}
header ul li {
list-style-type: none;
padding: 0px;
}
header.fixingheader {
max-width: 100%;
height: auto;
position: fixed;
}
body.scrollpadding {
padding-top: 100px;
}
header:before {
position: relative;
left: 0px;
bottom: 0px;
height: 0px;
content: "";
display: block;
width: 100%;
border-top-width: 5px;
border-style: solid;
border-color: var(--primary-color, #9a2027);
}
header .design {
margin: 0 auto;
transition: height 0.5s;
display: flex;
height: 100px;
width: 100%;
max-width: 98%;
align-items: center;
padding-left: 1%;
padding-right: 1%;
}
@media (min-width: 640px){
header .design{
height: 150px}}
@media (min-width: 768px){
header .design{
padding-left: 2%;
padding-right: 2%}}
@media (min-width: 1280px){
header .design{
height: 205px;
padding-left: 2%;
padding-right: 2%}}
@media (min-width: 1536px){
header .design{
max-width: 96%;
padding-left: 3%;
padding-right: 3%}}
header .design.scrolled{
height: 150px}
header.fixingheader .design {
transition: height 0.5s;
height: 80px;
}
@media (min-width: 640px){
header.fixingheader .design{
height: 105px}} header .design .brand{
margin-top: 0px;
height: auto;
width: 58.333333%}
@media (min-width: 640px){
header .design .brand{
margin-bottom: 0.75rem;
width: 41.666667%}}
@media (min-width: 768px){
header .design .brand{
margin-top: 0px;
margin-bottom: 0px;
width: 33.333333%}}
@media (min-width: 1280px){
header .design .brand{
margin-top: 0px;
width: 16.666667%}}
header .design nav{
display: flex;
width: 41.666667%;
font-family: Montserrat, ui-sans-serif, 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";
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(102 102 102 / var(--tw-text-opacity))}
@media (min-width: 640px){
header .design nav{
width: 58.333333%}}
@media (min-width: 768px){
header .design nav{
width: 66.666667%}}
@media (min-width: 1280px){
header .design nav{
display: flex;
width: 83.333333%}}
header .design nav .maindesktopmenu {
position: fixed;
top: 85px;
right: -100%;
height: calc(100% - 85px);
display: flex;
overflow-y: scroll;
z-index: 50;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(241 241 241 / var(--tw-bg-opacity));
}
@media (min-width: 1280px){
header .design nav .maindesktopmenu{
width: 75%;
align-items: center;
justify-content: flex-start;
overflow: visible;
background-color: transparent}}
@media (min-width: 640px) {
header .design nav .maindesktopmenu {
top: 110px;
height: calc(100vh - 110px)
}
}
@media (min-width: 1280px) {
header .design nav .maindesktopmenu {
position: static;
top: 0px;
left: 0px;
height: auto
}
}
header .design nav .subdesktopmenu{
display: flex;
width: 83.333333%;
align-items: center;
justify-content: flex-end}
@media (min-width: 768px){
header .design nav .subdesktopmenu{
width: 91.666667%}}
@media (min-width: 1024px){
header .design nav .subdesktopmenu{
width: 91.666667%}}
@media (min-width: 1280px){
header .design nav .subdesktopmenu{
width: 25%}}
header .design nav .sandwich {
height: 60px;
margin-left: 5px;
padding-bottom: 5px;
margin-top: 9px;
min-width: 50px;
display: flex;
width: 16.666667%;
--tw-scale-x: .75;
--tw-scale-y: .75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
justify-content: flex-end;
overflow: hidden;
}
@media (min-width: 640px){
header .design nav .sandwich{
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}
@media (min-width: 768px){
header .design nav .sandwich{
width: 8.333333%}}
@media (min-width: 1024px){
header .design nav .sandwich{
width: 8.333333%}}
@media (min-width: 1280px){
header .design nav .sandwich{
display: none}}
@media (min-width: 768px) {
header .design nav .sandwich {
margin-left: 0px
}
} header .design .brand a{
height: auto;
width: 100%;
max-width: 100%}
header .design .brand a svg {
min-width: 130px;
max-width: 200px;
margin-right: 1rem;
}
@media (min-width: 640px) {
header .design .brand a svg {
margin-right: 1rem;
max-width: 200px
}
}
@media (min-width: 768px) {
header .design .brand a svg {
margin-right: 1rem
}
}
@media (min-width: 1024px) {
header .design .brand a svg {
margin-right: 2rem
}
}
@media (min-width: 1536px) {
header .design .brand a svg {
max-width: 260px
}
} header .design nav a{
padding-left: 0px;
padding-right: 0px;
font-family: Montserrat, ui-sans-serif, 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";
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(102 102 102 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none}
header .design nav a:hover{
color: var(--primary-color, #9a2027)}
header .design nav #nav-main-menu{
display: block;
width: 100%;
padding-top: 15px}
@media (min-width: 1280px){
header .design nav #nav-main-menu{
display: block;
width: 100%;
padding-left: 10px;
padding-right: 10px}}
@media (min-width: 1536px){
header .design nav #nav-main-menu{
padding-left: 50px;
padding-right: 50px}}
header .design nav #nav-main-menu ul{
opacity: 0}
@media (min-width: 1280px){
header .design nav #nav-main-menu ul{
opacity: 1}}
header .design nav ul {
position: relative;
display: block;
text-align: center;
}
@media (min-width: 1280px){
header .design nav ul{
display: flex;
justify-content: space-between;
text-align: left}}
header .design nav li{
list-style-type: none;
padding-top: 10px;
padding-bottom: 10px}
@media (min-width: 1280px){
header .design nav li{
border-bottom-width: 4px;
border-color: transparent}}
header .design nav li a{
padding-top: 20px;
padding-bottom: 40px}
header .design nav li:hover{
padding-bottom: 10px}
@media (min-width: 1280px){
header .design nav li:hover{
border-bottom-width: 4px;
border-color: var(--primary-color, #9a2027)}}
header .design nav ul.dropdown-menu{
display: none}
header .design nav ul.dropdown-menu.show {
position: absolute;
top: 65px;
margin-left: -60px;
display: block;
height: auto;
min-width: 280px;
--tw-bg-opacity: 1;
background-color: rgb(241 241 241 / var(--tw-bg-opacity));
padding-top: 0px;
padding-bottom: 0px;
}
header .design nav ul.dropdown-menu li{
border-bottom-width: 0px;
padding: 0px}
header .design nav ul.dropdown-menu li:hover{
padding: 0px}
header .design nav ul.dropdown-menu li a{
display: block;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
padding-top: 15px;
padding-bottom: 15px;
padding-left: 60px;
padding-right: 60px}
header .design nav ul.dropdown-menu li a:hover{
margin-bottom: 0px;
background-color: var(--primary-color, #9a2027);
padding-bottom: 15px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
.mobilenav {
overflow: hidden;
max-height: 100%;
}
.mobilenav header, .mobilenav header.fixingheader {
transition: all 1s;
position: fixed;
min-height: 85px;
width: 100%;
max-width: 100%;
}
@media (min-width: 640px){
.mobilenav header,  .mobilenav header.fixingheader{
min-height: 110px}}
.mobilenav header .design nav #nav-main-menu ul{
width: 100%;
padding-bottom: 20px;
opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms}
.mobilenav header .design nav #nav-main-menu li {
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
}
.mobilenav header .design nav #nav-main-menu li a {
width: 100%;
height: auto;
display: block;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 2px solid white;
transition: all 1s;
}
.mobilenav header .design nav #nav-main-menu li a:hover{
background-color: var(--primary-color, #9a2027);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
.mobilenav header .design nav #nav-main-menu ul li ul{
position: static;
margin: 0px;
display: block;
width: 100%;
border-top-width: 2px;
border-bottom-width: 2px;
border-top-color: rgb(198 198 198 / var(--tw-border-opacity));
--tw-border-opacity: 1;
border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(236 236 236 / var(--tw-bg-opacity));
padding-top: 10px;
padding-bottom: 10px;
color: var(--primary-color, #9a2027)}
.mobilenav header .design nav #nav-main-menu ul li ul li a{
padding-top: 6px;
padding-bottom: 6px} header .design nav #nav-submenu{
margin-left: 2.5rem;
margin-right: 0.5rem;
width: 100%;
max-width: 300px}
@media (min-width: 640px){
header .design nav #nav-submenu{
margin-left: 0px;
margin-right: 1.25rem}}
@media (min-width: 1024px){
header .design nav #nav-submenu{
margin-right: 2.5rem}}
@media (min-width: 1280px){
header .design nav #nav-submenu{
margin-left: 1.25rem;
margin-right: 0px}}
header .design nav #menu-submenue,  header .design nav #menu-submenue-fr{
display: flex;
width: 100%;
justify-content: flex-end;
padding-top: 15px;
font-family: Montserrat, ui-sans-serif, 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";
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(102 102 102 / var(--tw-text-opacity))}
@media (min-width: 640px){
header .design nav #menu-submenue,  header .design nav #menu-submenue-fr{
justify-content: space-between}}
header .design nav #nav-submenu a{
display: flex;
font-family: Montserrat, ui-sans-serif, 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";
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(102 102 102 / var(--tw-text-opacity))}
header .design nav #nav-submenu li {
position: relative;
top: 0px;
left: 0px;
width: auto;
height: auto;
margin-left: 5px;
border-bottom-width: 0px;
}
header .design nav #nav-submenu li:first-of-type {
margin-left: 0px;
}
header .design nav #nav-submenu li.lang-item a {
padding-top: 0px;
width: 30px;
height: 40px;
display: flex;
align-items: center;
}
header .design nav #nav-submenu li a{
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px}
header .design nav #nav-submenu li:hover{
border-bottom-width: 0px;
padding-bottom: 10px}
header .design nav #nav-submenu li a:hover{
color: var(--primary-color, #9a2027)}
header .design nav #nav-submenu .lupe{
display: none }
header .design nav #nav-submenu .lupe a {
font-size: 0rem;
width: 40px;
min-height: 40px;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 0px;
}
header .design nav #nav-submenu .lupe a:after {
content: "";
background: url(//www.brunex.ch/wp-content/themes/brunex/resources/svg/lupe.svg) no-repeat center left;
background-size: contain;
width: 30px;
height: 30px;
position: absolute;
top: 10px;
left: 5px;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
header .design nav #nav-submenu .mybrunex{
display: none}
@media (min-width: 640px){
header .design nav #nav-submenu .mybrunex{
display: inline-block}}
header .design nav #nav-submenu .mybrunex a {
font-size: 0rem;
max-width: 100%;
min-height: 40px;
width: 40px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
}
@media (min-width: 640px){
header .design nav #nav-submenu .mybrunex a{
width: 170px}}
header .design nav #nav-submenu .mybrunex a:before {
content: "";
background: url(//www.brunex.ch/wp-content/themes/brunex/resources/svg/mybrunex-bop-icon.svg) no-repeat center
left;
background-size: contain;
width: 30px;
height: 30px;
position: absolute;
top: 10px;
left: 0px;
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
header .design nav #nav-submenu .mybrunex a:after {
content: "";
background: url(//www.brunex.ch/wp-content/themes/brunex/resources/svg/mybrunex.svg) no-repeat center left;
background-size: cover;
width: 133px;
height: 10px;
padding: 5px 0px;
position: absolute;
top: 20px;
left: 35px;
display: none;
}
@media (min-width: 640px){
header .design nav #nav-submenu .mybrunex a:after{
display: block}}
header .design nav #nav-submenu .mybrunex a:hover:before,
header .design nav #nav-submenu .lupe a:hover:after {
filter: invert(0.5);
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
} header .sandwich {
width: auto;
height: 75px;
margin-left: 10px;
padding-bottom: 5px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
header .sandwich {
margin-left: 0px
}
}
header .sandwich label.hamburg {
display: block;
background-image: none;
cursor: pointer;
min-width: 57px;
width: auto;
min-height: 45px;
position: relative;
border-radius: 4px;
}
header .sandwich input #hamburg {
display: none;
}
header .sandwich .line {
position: absolute;
left: 10px;
height: 4px;
width: 45px;
background-color: var(--primary-color, #9a2027);
border-radius: 2px;
display: block;
transition: 0.5s;
transform-origin: center;
}
header .sandwich .line:nth-child(1) {
top: 12px;
}
header .sandwich .line:nth-child(2) {
top: 24px;
}
header .sandwich .line:nth-child(3) {
top: 36px;
}
header .sandwich #hamburg:checked + .hamburg .line:nth-child(1) {
transform: translateY(12px) rotate(-45deg);
}
header .sandwich #hamburg:checked + .hamburg .line:nth-child(2) {
opacity: 0;
}
header .sandwich #hamburg:checked + .hamburg .line:nth-child(3) {
transform: translateY(-12px) rotate(45deg);
}
footer{
margin-top: 100px;
width: 100%}
body footer .footer-content a.productdetail{
overflow: hidden}
@media (min-width: 1024px){
body footer .footer-content a.productdetail{
overflow: visible}}
@media print {
footer{
display: none}
}
footer a{
-webkit-text-decoration-line: none;
text-decoration-line: none}
footer a:hover{
-webkit-text-decoration-line: none;
text-decoration-line: none}
footer ul, 
footer p{
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px}
footer ul ul{
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px}
footer ul li {
list-style-type: none;
padding: 0px;
}
footer h3:after{
display: none} footer .zielgruppe{
display: flex;
width: 100%;
justify-content: space-between;
--tw-bg-opacity: 1;
background-color: rgb(239 239 239 / var(--tw-bg-opacity));
padding-top: 62px;
padding-bottom: 62px}
footer .zielgruppe a {
transition: all 1s;
margin-top: 1rem;
margin-bottom: 1rem;
margin-right: 30px;
padding-left: 30px;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 600;
text-transform: uppercase;
color: var(--primary-color, #9a2027);
}
@media (min-width: 1024px){
footer .zielgruppe a{
letter-spacing: 0.1em}}
footer .zielgruppe a .icon {
width: 24px;
height: 18px;
display: inline-block;
padding-right: 13px;
position: relative;
top: 1px;
margin-left: -30px;
}
footer .zielgruppe a:hover .icon .cls-1 {
fill: #666666;
}
footer .zielgruppe a .icon .cls-1 {
fill: #9a2027;
}
footer .zielgruppe a:hover {
transition: all 1s;
--tw-text-opacity: 1;
color: rgb(102 102 102 / var(--tw-text-opacity));
} footer .footer-content{
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity));
padding-top: 0px;
padding-bottom: 0px;
font-size: 1.7rem;
line-height: 1.2}
footer .footer-content .newsletter-form input:not([type="checkbox"]):not([type="radio"]){
border-style: none}
footer .footer-content h3{
margin-bottom: 0px;
margin-top: 75px;
display: block;
width: 100%;
font-size: 3.0rem;
line-height: 1.2;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.05em;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
footer .footer-content h4{
margin-bottom: 0.75rem;
display: block;
width: 100%;
font-size: 2.1rem;
font-weight: 300;
text-transform: uppercase;
line-height: 1.25;
letter-spacing: 0.1em;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))} footer .footer-menu {
width: 100%;
background-color: var(--primary-color, #9a2027);
padding-top: 40px;
padding-bottom: 40px;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 100;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
footer .footer-menu .copyright{
padding-right: 5px;
font-size: 1.5rem;
line-height: 1.2;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
footer .footer-menu a {
font-size: 1.5rem;
line-height: 1.2;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
footer .footer-menu nav{
margin-bottom: 1.25rem;
display: block;
width: 100%}
@media (min-width: 768px){
footer .footer-menu nav{
margin-bottom: 0px;
display: inline;
width: auto}}
footer .footer-menu nav ul {
list-style-type: none;
}
footer .footer-menu nav li{
display: inline-block;
padding-left: 5px;
padding-right: 5px}
footer .footer-menu nav li:first-of-type:before{
display: none}
@media (min-width: 768px){
footer .footer-menu nav li:first-of-type:before{
display: inline-block}}
footer .footer-menu nav li:before {
content: ".";
position: relative;
top: 0px;
left: 0px;
padding-right: 10px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
footer .footer-menu a .adwerba {
width: 150px;
height: 22px;
overflow: hidden;
position: relative;
}
footer .footer-menu a:hover{
--tw-text-opacity: 1;
color: rgb(236 236 236 / var(--tw-text-opacity))}
footer .footer-menu a .adwerba:after {
content: "";
background: url(//www.brunex.ch/wp-content/themes/brunex/resources/svg/adwerba.svg) no-repeat center left;
background-size: contain;
width: 140px;
height: 22px;
position: absolute;
top: 0px;
left: 10px;
}
footer .footer-menu a:hover {
text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.86);
} footer .swiss-area{
margin-top: 25px;
margin-bottom: 25px;
display: flex;
height: auto;
width: 100%;
justify-content: center}
@media (min-width: 1024px){
footer .swiss-area{
margin-top: 55px;
margin-bottom: 55px}}
footer .swiss-area img {
width: auto;
height: 70px;
} .brunex-headline{
height: auto;
width: 100%}
.brunex-headline h2,  .brunex-headline .h2{
margin-bottom: 0px;
padding-bottom: 0px;
font-size: 3.0rem;
line-height: 1.2;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--primary-color, #9a2027)}
@media (min-width: 640px){
.brunex-headline h2,  .brunex-headline .h2{
font-size: 7rem;
line-height: 1.2}}
.brunex-headline h3,  .brunex-headline .h3{
margin-bottom: 50px;
padding-bottom: 0px;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--primary-color, #9a2027)}
@media (min-width: 640px){
.brunex-headline h3,  .brunex-headline .h3{
font-size: 5rem;
line-height: 1.2}}
.brunex-headline a{
-webkit-text-decoration-line: none;
text-decoration-line: none}
.brunex-headline a:hover{
-webkit-text-decoration-line: none;
text-decoration-line: none} .block-headline{
margin-top: 2.5rem;
margin-bottom: 30px}
@media (min-width: 1024px){
.block-headline{
margin-top: 70px}}
.block-headline .headline-wrapper{
display: flex;
width: 100%;
flex-wrap: wrap;
padding: 0px}
.block-headline .headline-wrapper .headline-content{
margin-bottom: 2rem;
height: auto;
width: 100%}
@media (min-width: 1024px){
.block-headline .headline-wrapper .headline-content{
margin-bottom: 0px;
width: 50%}}
@media (min-width: 1280px){
.block-headline .headline-wrapper .headline-content{
width: 58.333333%}}
@media (min-width: 1536px){
.block-headline .headline-wrapper .headline-content{
width: 66.666667%}}
.block-headline .headline-wrapper .headline-content h1{
height: auto;
width: 86%;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 300;
letter-spacing: .2em;
color: var(--primary-color, #9a2027)}
@media (min-width: 768px){
.block-headline .headline-wrapper .headline-content h1{
font-size: 3.0rem;
line-height: 1.2}}
@media (min-width: 1024px){
.block-headline .headline-wrapper .headline-content h1{
font-size: 4.5rem;
line-height: 1.2}}
@media (min-width: 1280px){
.block-headline .headline-wrapper .headline-content h1{
font-size: 7rem;
line-height: 1.2}}
.block-headline .headline-wrapper .headline-content h1 b{
font-weight: 900}
.block-headline .headline-wrapper .button-content{
margin-left: -2rem;
margin-right: -2rem;
height: auto;
width: 120%}
@media (min-width: 640px){
.block-headline .headline-wrapper .button-content{
margin-left: 0px;
margin-right: 0px}}
@media (min-width: 1024px){
.block-headline .headline-wrapper .button-content{
width: 50%}}
@media (min-width: 1280px){
.block-headline .headline-wrapper .button-content{
width: 41.666667%}}
@media (min-width: 1536px){
.block-headline .headline-wrapper .button-content{
width: 33.333333%}} .block-headline .zielgruppen-wrapper{
display: flex;
width: 100%;
justify-content: space-between;
padding-top: 62px}
@media (min-width: 640px){
.block-headline .zielgruppen-wrapper{
padding-bottom: 62px}}
.block-headline .zielgruppen-wrapper a {
transition: all 1s;
margin-top: 1rem;
margin-bottom: 1rem;
margin-right: 30px;
padding-left: 30px;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 600;
text-transform: uppercase;
color: var(--primary-color, #9a2027);
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
@media (min-width: 1024px){
.block-headline .zielgruppen-wrapper a{
letter-spacing: 0.1em}}
.block-headline .zielgruppen-wrapper a .icon {
width: 24px;
height: 18px;
display: inline-block;
padding-right: 13px;
position: relative;
top: 1px;
margin-left: -30px;
}
.block-headline .zielgruppen-wrapper a:hover .icon .cls-1{
fill: #666666;
}
.block-headline .zielgruppen-wrapper a .icon .cls-1{
fill: #9a2027;
}
.block-headline .zielgruppen-wrapper a:hover {
transition: all 1s;
--tw-text-opacity: 1;
color: rgb(102 102 102 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none;
} .is-style-bigger h2{
height: auto;
width: 95%;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 300;
letter-spacing: 0.025em;
color: var(--primary-color, #9a2027)}
@media (min-width: 768px){
.is-style-bigger h2{
font-size: 3.0rem;
line-height: 1.2}}
@media (min-width: 1024px){
.is-style-bigger h2{
font-size: 4.5rem;
line-height: 1.2}}
@media (min-width: 1280px){
.is-style-bigger h2{
font-size: 7rem;
line-height: 1.2}}
.is-style-bigger h2 b{
font-weight: 900} .block-slider {
width: 100%;
max-width: 100%;
overflow: hidden;
}
.block-slider a{
-webkit-text-decoration-line: none;
text-decoration-line: none}
.block-slider a:hover{
-webkit-text-decoration-line: none;
text-decoration-line: none}
.block-slider h3:after,  .block-slider .h3:after{
display: none}
#seemore {
position: absolute;
bottom: 10vw;
left: calc(50vw - 45px);
width: 90px;
height: auto;
display: flex;
cursor: pointer;
opacity: 1;
z-index: 1;
transition: opacity 0.5;
--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.scrollpadding #seemore {
opacity: 0;
transition: opacity 0.5;
}
#seemore:hover {
bottom: 9.5vw;
}
#seemore svg .cls-1{
fill: #fff;
transition: all 0.5s;
}
#seemore:hover svg .cls-1{
fill: #9a2027;
transition: all 0.5s;
} .block-slider .shadow {
background-image: linear-gradient(#f7f7f7, #ffffff);
height: 60px;
width: 100%;
}
.block-slider .content-area.title{
height: auto;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
.block-slider .brunex-headline-lp h1,  .block-slider .brunex-headline-lp .h1{
margin-bottom: 30px;
height: auto;
width: 100%;
font-weight: 300;
letter-spacing: 0.1em;
color: var(--primary-color, #9a2027)}
@media (min-width: 768px){
.block-slider .brunex-headline-lp h1,  .block-slider .brunex-headline-lp .h1{
font-size: 2.1rem;
line-height: 1.2}}
@media (min-width: 1280px){
.block-slider .brunex-headline-lp h1,  .block-slider .brunex-headline-lp .h1{
margin-bottom: 60px;
font-size: 7rem;
line-height: 1.2}}
.block-slider .brunex-headline-lp h1 b,  .block-slider .brunex-headline-lp .h1 b{
font-weight: 900} .block-slider .swiper-container {
overflow: hidden;
}
.block-slider .swiper-container .swiper-wrapper{
width: 100%;
max-width: 100%}
.block-slider .swiper-container .swiper-wrapper .single-slide {
overflow: hidden;
height: 450px;
width: 100%;
max-width: 100%;
background-size: cover;
background-position: center;
}
@media (min-width: 640px){
.block-slider .swiper-container .swiper-wrapper .single-slide{
height: 800px}}
.block-slider .swiper-container .swiper-wrapper .single-slide.video {
overflow: hidden;
height: 56vw;
width: 100%;
max-width: 100%;
background-size: cover;
background-position: center;
}
.block-slider .swiper-container .swiper-wrapper .swiper-slide {
overflow: hidden;
height: 450px;
width: 100%;
max-width: 100%;
background-size: cover;
background-position: center;
}
@media (min-width: 640px){
.block-slider .swiper-container .swiper-wrapper .swiper-slide{
height: 800px}}
.block-slider .swiper-container .swiper-wrapper .swiper-slide .info{
background-color: var(--primary-color, #9a2027);
font-size: 3.0rem;
line-height: 1.2;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
@media (min-width: 640px){
.block-slider .swiper-container .swiper-wrapper .swiper-slide .info{
background-color: transparent}
.block-slider .swiper-container .swiper-wrapper .swiper-slide .info .h2 div, .block-slider .swiper-container .swiper-wrapper .single-slide .info .h2 div {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}}
.block-slider .swiper-container .swiper-wrapper .swiper-slide .info .h2 div,  .block-slider .swiper-container .swiper-wrapper .single-slide .info .h2 div{
margin-left: -1300px;
margin-bottom: -1.25rem;
background-color: var(--primary-color, #9a2027);
--tw-bg-opacity: 0.95;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1300px;
padding-right: 90px;
font-size: 2.1rem;
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.1em;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
@media (min-width: 640px){
.block-slider .swiper-container .swiper-wrapper .swiper-slide .info .h2 div,  .block-slider .swiper-container .swiper-wrapper .single-slide .info .h2 div{
margin-bottom: 0.75rem}}
@media (min-width: 1280px){
.block-slider .swiper-container .swiper-wrapper .swiper-slide .info .h2 div,  .block-slider .swiper-container .swiper-wrapper .single-slide .info .h2 div{
font-size: 4.5rem;
line-height: 1.2}}
.block-slider .swiper-container .swiper-wrapper .swiper-slide .info .h2 b,  .block-slider .swiper-container .swiper-wrapper .single-slide .info .h2 b{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))} .block-slider .slider-inside{
margin-top: -244px;
height: auto;
width: 100%}
.block-slider .slider-inside.video{
margin-top: -100px}
@media (min-width: 1024px){
.block-slider .slider-inside.video{
margin-top: -244px}}
.block-slider .slider-inside .content-area:after {
position: relative;
z-index: 1;
bottom: 0px;
left: 0px;
content: '';
display: flex;
align-items: flex-start;
width: 100%;
height: 0px;
border-bottom: 200px solid #fff;
border-right: 100vw solid transparent;
}
.block-slider .one .content-area:after{
border-bottom-width: 100px}
@media (min-width: 1280px){
.block-slider .one .content-area:after{
border-bottom-width: 200px}}
.block-slider .slider-inside.one .content-area .arrows{
display: none}
.block-slider .slider-inside.one .content-area .swiper-pagination{
display: none}
.block-slider .slider-inside .adw_navigation{
position: relative;
top: 150px;
display: flex;
height: 100%;
width: 100%;
align-items: center}
.block-slider .slider-inside .adw_navigation .swiper-pagination{
position: static;
margin: 0px;
margin-left: 5%;
display: none;
height: auto;
width: 33.333333%;
padding: 0px}
@media (min-width: 1024px){
.block-slider .slider-inside .adw_navigation .swiper-pagination{
display: flex}}
.block-slider .slider-inside .adw_navigation .swiper-pagination .swiper-pagination-bullet {
transition: color 0.5s;
height: 0px;
min-width: 10%;
border-radius: 0px;
border-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(241 241 241 / var(--tw-border-opacity));
opacity: 1; 
}
.block-slider .slider-inside .adw_navigation .swiper-pagination .swiper-pagination-bullet-active {
transition: color 0.5s;
border-color: #9a2027;
background-color: #9a2027;
}
.block-slider .slider-inside .adw_navigation .swiper-pagination .swiper-pagination-bullet-active:active {
transition: color 0.5s;
border-color: #9a2027;
background-color: #9a2027;
}
.block-slider .slider-inside .adw_navigation .arrows{
position: static;
margin: 0px;
display: flex;
height: auto;
width: 8.333333%;
padding: 0px;
opacity: 1}
.block-slider .slider-inside .adw_navigation .arrows .swiper-button-prev{
position: static;
margin: 0px;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
opacity: 1}
.block-slider .slider-inside .adw_navigation .arrows .swiper-button-prev:after {
font-size: 60px;
transition: color 0.5s;
color: var(--primary-color, #9a2027);
}
.block-slider .slider-inside .adw_navigation .arrows .swiper-button-prev:hover:after {
transition: color 0.5s;
--tw-text-opacity: 1;
color: rgb(241 241 241 / var(--tw-text-opacity));
}
.block-slider .slider-inside .adw_navigation .arrows .swiper-button-prev:hover{
background-color: transparent}
.block-slider .slider-inside .adw_navigation .arrows .swiper-button-next{
position: static;
margin: 0px;
margin-left: 40px;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
opacity: 1}
.block-slider .slider-inside .adw_navigation .arrows .swiper-button-next:hover{
background-color: transparent}
.block-slider .slider-inside .adw_navigation .arrows .swiper-button-next:hover:after {
transition: color 0.5s;
--tw-text-opacity: 1;
color: rgb(241 241 241 / var(--tw-text-opacity));
}
.block-slider .slider-inside .adw_navigation .arrows .swiper-button-next:after {
font-size: 60px;
transition: color 0.5s;
color: var(--primary-color, #9a2027);
} .block-slider .slider-inside.right .content-area:after {
position: relative;
z-index: 1;
bottom: 0px;
left: 0px;
content: '';
display: flex;
align-items: flex-start;
width: 100%;
height: 0px;
border-bottom: 200px solid #fff;
border-left: 100vw solid transparent;
}
.block-slider .right.one .content-area:after{
border-bottom-width: 100px}
@media (min-width: 1280px){
.block-slider .right.one .content-area:after{
border-bottom-width: 200px}}
.block-slider .slider-inside.right .adw_navigation {
flex-direction: row-reverse;
position: relative;
top: 150px;
display: flex;
height: 100%;
width: 100%;
align-items: center;
}
.block-slider .slider-inside.right .adw_navigation .arrows{
position: static;
margin: 0px;
display: flex;
height: auto;
width: 8.333333%;
justify-content: flex-end;
padding: 0px;
opacity: 1}
.block-slider .slider-inside.right .adw_navigation .swiper-pagination{
position: static;
margin: 0px;
margin-right: 5%;
display: none;
height: auto;
width: 33.333333%;
justify-content: flex-end;
padding: 0px}
@media (min-width: 1024px){
.block-slider .slider-inside.right .adw_navigation .swiper-pagination{
display: flex}} .lazyframe[data-vendor=vimeo] {
background-color: transparent;
} .block--licence-partner{
margin-bottom: 75px}
@media (min-width: 1024px){
.block--licence-partner{
margin-bottom: 150px}}
.block--licence-partner .content-block{
display: flex;
width: 100%;
flex-wrap: wrap}
.block--licence-partner .content-block .map-block{
width: 100%}
@media (min-width: 1280px){
.block--licence-partner .content-block .map-block{
width: 58.333333%}}
.block--licence-partner .content-block .partner-block{
width: 100%}
@media (min-width: 1280px){
.block--licence-partner .content-block .partner-block{
width: 41.666667%}}
.block--licence-partner .content-block .partner-block .partner-area{
margin-left: 0px;
width: 100%}
@media (min-width: 1280px){
.block--licence-partner .content-block .partner-block .partner-area{
margin-left: 5%;
width: 95%}}
.block--licence-partner .content-block .partner-block .partner-area .search{
margin-top: 50px;
display: flex}
@media (min-width: 1280px){
.block--licence-partner .content-block .partner-block .partner-area .search{
margin-top: 0px}}
.block--licence-partner .content-block .partner-block .partner-area .search .map__input{
flex-grow: 1}
.block--licence-partner h2{
display: inline;
height: auto;
width: 95%;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 300;
letter-spacing: 0.025em;
color: var(--primary-color, #9a2027)}
@media (min-width: 768px){
.block--licence-partner h2{
font-size: 3.0rem;
line-height: 1.2}}
@media (min-width: 1024px){
.block--licence-partner h2{
font-size: 4.5rem;
line-height: 1.2}}
@media (min-width: 1280px){
.block--licence-partner h2{
font-size: 7rem;
line-height: 1.2}}
.block--licence-partner h2 b{
display: inline;
font-weight: 900}
.block--licence-partner	p:first-of-type{
margin-top: 2.5rem;
margin-bottom: 2.5rem}
.block--licence-partner	input, .block--licence-partner select {
height: 50px;
padding: 0 12px;
box-sizing: border-box;
border: 0.5px solid #ccc;
background-color: #fff;
margin-right: 15px;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.block--licence-partner	.map__input {
width: auto;
min-width: 40px;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.block--licence-partner	.map__button {
color: #fff;
border: 0px;
float: right;
transition: all 0.25s ease-in-out;
background-color: var(--primary-color, #9a2027);
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 700;
}
@media (min-width: 768px){
.block--licence-partner	.map__button{
padding-left: 60px;
padding-right: 60px}}
.block--licence-partner	.map__button:hover {
color: #ccc;
}
.block--licence-partner	#map {
min-height: 600px;
}
.block--licence-partner	.map__list {
margin-top: 25px;
max-height: 491px;
overflow-y: auto;
overflow-x: hidden;
position: relative;
}
.block--licence-partner	a.reset-list {
display: inline-block;
margin-top: 10px;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 300;
}
.block--licence-partner	.list__partner {
padding: 15px 0;
cursor: pointer;
display: none;
border-bottom-width: 2px;
border-style: solid;
border-color: var(--primary-color, #9a2027);
font-size: 1.7rem;
line-height: 1.2;
font-weight: 300;
}
.block--licence-partner	.list__partner.list__partner--visible{
display: block}
.block--licence-partner	.list__partner:first-of-type{
border-top-width: 2px;
border-style: solid;
border-color: var(--primary-color, #9a2027)}
.block--licence-partner	.list__partner .partner__name{
width: 100%;
font-weight: 700}
@media (min-width: 640px){
.block--licence-partner	.list__partner .partner__name{
width: 58.333333%}}
.block--licence-partner	.list__partner .partner__web{
width: 100%;
font-weight: 700}
@media (min-width: 640px){
.block--licence-partner	.list__partner .partner__web{
width: 41.666667%}}
.block--licence-partner	.list__partner .partner__link{
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none}
.block--licence-partner	.list__partner .partner__details {
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
display: none;
height: auto;
width: 100%;
}
.block--licence-partner	.list__partner .partner__details a {
} .block--dealer{
margin-top: 75px;
margin-bottom: 75px}
@media (min-width: 1024px){
.block--dealer{
margin-top: 150px;
margin-bottom: 150px}}
.block--dealer .content-block{
display: flex;
width: 100%;
flex-wrap: wrap}
.block--dealer .content-block .map-block{
width: 100%}
@media (min-width: 1280px){
.block--dealer .content-block .map-block{
width: 58.333333%}}
.block--dealer .content-block .partner-block{
width: 100%}
@media (min-width: 1280px){
.block--dealer .content-block .partner-block{
width: 41.666667%}}
.block--dealer .content-block .partner-block .partner-area{
margin-left: 0px;
width: 100%}
@media (min-width: 1280px){
.block--dealer .content-block .partner-block .partner-area{
margin-left: 5%;
width: 95%}}
.block--dealer h2{
padding-bottom: 50px}
.block--dealer .content-block .partner-block .partner-area .search{
margin-top: 50px;
display: flex}
@media (min-width: 1280px){
.block--dealer .content-block .partner-block .partner-area .search{
margin-top: 0px}}
.block--dealer .content-block .partner-block .partner-area .search .map__input{
flex-grow: 1} .block--dealer	p:first-of-type{
margin-top: 2.5rem;
margin-bottom: 2.5rem}
.block--dealer	input, .block--dealer select {
height: 50px;
padding: 0 12px;
box-sizing: border-box;
border: 0.5px solid #ccc;
background-color: #fff;
margin-right: 15px;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.block--dealer	.map__input {
width: auto;
min-width: 40px;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.block--dealer	.map__button {
color: #fff;
border: 0px;
float: right;
transition: all 0.25s ease-in-out;
background-color: var(--primary-color, #9a2027);
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 700;
}
@media (min-width: 768px){
.block--dealer	.map__button{
padding-left: 60px;
padding-right: 60px}}
.block--dealer	.map__button:hover {
color: #ccc;
}
.block--dealer	#map {
min-height: 600px;
}
.block--dealer	.map__list {
margin-top: 25px;
max-height: 491px;
overflow-y: auto;
overflow-x: hidden;
position: relative;
}
.block--dealer	a.reset-list {
display: inline-block;
margin-top: 10px;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 300;
}
.block--dealer	.list__partner {
padding: 15px 0;
cursor: pointer;
display: none;
border-bottom-width: 2px;
border-style: solid;
border-color: var(--primary-color, #9a2027);
font-size: 1.7rem;
line-height: 1.2;
font-weight: 300;
}
.block--dealer	.list__partner.list__partner--visible{
display: block}
.block--dealer	.list__partner:first-of-type{
border-top-width: 2px;
border-style: solid;
border-color: var(--primary-color, #9a2027)}
.block--dealer	.list__partner .partner__name{
width: 100%;
font-weight: 700}
@media (min-width: 640px){
.block--dealer	.list__partner .partner__name{
width: 58.333333%}}
.block--dealer	.list__partner .partner__web{
width: 100%;
font-weight: 700}
@media (min-width: 640px){
.block--dealer	.list__partner .partner__web{
width: 41.666667%}}
.block--dealer	.list__partner .partner__link{
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none}
.block--dealer	.list__partner .partner__details {
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
display: none;
height: auto;
width: 100%;
}
.block--dealer	.list__partner .partner__details a {
} @media (max-width: 639px) {
.block-highlight, .block-highlight > * {
padding-left: 0px;
padding-right: 0px;
}
}
.block-highlight.content-area{
height: auto;
width: 100%;
padding-left: 0px;
padding-right: 0px}
.block-highlight .highlight-wrapper{
align-items: center;
justify-content: space-between;
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity));
padding-left: 2.75rem;
padding-right: 2.75rem;
padding-top: 3rem;
padding-bottom: 3rem}
.block-highlight .highlight-wrapper .newsletter-form input:not([type="checkbox"]):not([type="radio"]){
border-style: none}
@media (min-width: 768px){
.block-highlight .highlight-wrapper{
display: flex}
.block-highlight .highlight-wrapper .highlight-content{
width: 50%;
padding-right: 18px}}
@media (min-width: 1280px){
.block-highlight .highlight-wrapper .highlight-content{
width: 33.333333%}}
.block-highlight .highlight-wrapper .highlight-content h2{
margin-bottom: 1rem;
font-size: 3.0rem;
font-weight: 900;
line-height: 1;
letter-spacing: 0.05em;
color: var(--primary-color, #9a2027)}
.block-highlight .highlight-wrapper .highlight-content h2 .subheader{
display: block;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 300}
.block-highlight .highlight-wrapper .highlight-content .copy{
font-size: 1.7rem;
font-weight: 300;
line-height: 1.375}
.block-highlight .highlight-wrapper .highlight-extra{
margin-left: auto;
margin-right: auto;
margin-top: 2.5rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center}
@media (min-width: 768px){
.block-highlight .highlight-wrapper .highlight-extra{
margin-top: 0px;
width: 50%}}
@media (min-width: 1280px){
.block-highlight .highlight-wrapper .highlight-extra{
width: 66.666667%;
flex-direction: row}}
@media (min-width: 768px){
.block-highlight .highlight-wrapper .highlight-extra .highlight-image{
margin-top: -6rem}}
@media (min-width: 1280px){
.block-highlight .highlight-wrapper .highlight-extra .highlight-image{
width: 50%;
padding-left: 10px;
padding-right: 10px}}
.block-highlight .highlight-wrapper .highlight-extra .highlight-link{
display: flex;
justify-content: flex-end;
padding-top: 5px;
padding-bottom: 5px}
@media (min-width: 1280px){
.block-highlight .highlight-wrapper .highlight-extra .highlight-link{
width: 50%}}
.block-highlight .highlight-wrapper .highlight-extra .highlight-link a{
border-width: 4px;
border-style: solid;
border-color: var(--primary-color, #9a2027);
background-color: var(--primary-color, #9a2027);
padding-left: 4rem;
padding-right: 4rem;
padding-top: 10px;
padding-bottom: 10px;
font-size: 1.5rem;
line-height: 1.2;
letter-spacing: 0.1em;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none}
@media (min-width: 768px){
.block-highlight .highlight-wrapper .highlight-extra .highlight-link a{
font-size: 2.1rem;
line-height: 1.2}}
@media (min-width: 1024px){
.block-highlight .highlight-wrapper .highlight-extra .highlight-link a{
font-size: 2.7rem;
line-height: 1.2}}
.block-highlight .highlight-wrapper .highlight-extra .highlight-link a div{
margin-top: 0.375rem}
.block-highlight .highlight-wrapper .highlight-extra .highlight-link a:hover{
border-width: 4px;
border-style: solid;
border-color: var(--primary-color, #9a2027);
background-color: transparent;
color: var(--primary-color, #9a2027);
-webkit-text-decoration-line: none;
text-decoration-line: none} body .block-zitate{
position: relative;
margin-bottom: 150px }
.is-style-brunex .block-zitate{
margin-bottom: 0px;
display: flex;
height: auto;
width: 100%;
max-width: 100%} .block-zitate .swiper-zitate {
overflow: hidden;
}
.block-zitate .swiper-zitate .swiper-wrapper{
margin-left: 5%;
margin-right: 5%;
height: auto;
width: 100%;
max-width: 100%}
.block-zitate .swiper-zitate .noswiper-wrapper{
margin-left: 0%;
margin-right: 0%;
height: auto;
width: 100%;
max-width: 100%}
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide, .block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide  {
overflow: hidden;
display: flex;
height: auto;
min-height: 100px;
width: 100%;
max-width: 100%;
align-items: center;
}
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide .fullscreen{
display: flex;
height: auto;
width: 90%;
flex-wrap: wrap}
.block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide .fullscreen{
display: flex;
height: auto;
width: 100%;
flex-wrap: wrap}
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide .fullscreen .picturearea,  .block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide .fullscreen .picturearea{
display: flex;
height: auto;
width: 100%;
justify-content: center;
padding-bottom: 20px}
@media (min-width: 1024px){
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide .fullscreen .picturearea,  .block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide .fullscreen .picturearea{
display: block;
width: 33.333333%;
padding-bottom: 0px}}
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide .fullscreen .picturearea img,  .block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide .fullscreen .picturearea img{
height: auto;
min-height: 200px;
width: auto;
min-width: 200px;
border-radius: 9999px;
-o-object-fit: cover;
object-fit: cover}
@media (min-width: 1280px){
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide .fullscreen .picturearea img,  .block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide .fullscreen .picturearea img{
min-height: 300px;
min-width: 300px}}
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide .fullscreen .textarea,  .block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide .fullscreen .textarea{
display: flex;
height: auto;
width: 100%;
flex-wrap: wrap;
align-items: center;
padding-left: 0px;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
@media (min-width: 1024px){
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide .fullscreen .textarea,  .block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide .fullscreen .textarea{
width: 66.666667%;
padding-left: 20px}}
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide .fullscreen.nopic .picturearea,  .block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide .fullscreen.nopic .picturearea{
display: none}
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide .fullscreen.nopic .textarea,  .block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide .fullscreen.nopic .textarea{
width: 100%;
padding-left: 0px;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide .fullscreen .textarea q,  .block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide .fullscreen .textarea q{
display: block;
width: 100%;
padding-bottom: 30px;
font-family: Montserrat, ui-sans-serif, 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";
font-size: 2.1rem;
line-height: 1.2;
font-weight: 400;
font-style: italic}
@media (min-width: 1024px){
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide .fullscreen .textarea q,  .block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide .fullscreen .textarea q{
font-size: 3.0rem;
line-height: 1.625}}
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide .fullscreen .textarea .person,  .block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide .fullscreen .textarea .person{
width: 100%;
font-size: 1.7rem;
line-height: 1.2;
font-weight: 300}
@media (min-width: 1024px){
.block-zitate .swiper-zitate .swiper-wrapper .swiper-slide .fullscreen .textarea .person,  .block-zitate .swiper-zitate .noswiper-wrapper .noswiper-slide .fullscreen .textarea .person{
font-size: 2.1rem;
line-height: 1.2}} .block-zitate .nonavigation{
display: none}
.block-zitate .navigation {
top: calc(50% - 30px);
left: 0px;
position: absolute;
display: none;
height: 60px;
width: 100%;
}
@media (min-width: 1024px){
.block-zitate .navigation{
display: block}}
.block-zitate .navigation .swiper-button-prev {
top: 15px;
left: 10px;
position: absolute;
}
.block-zitate .navigation .swiper-button-prev:after {
font-size: 60px;
transition: color 0.5s;
--tw-text-opacity: 1;
color: rgb(210 210 210 / var(--tw-text-opacity));
}
.block-zitate .swiper-button-prev:hover:after {
transition: color 0.5s;
color: var(--primary-color, #9a2027);
}
.block-zitate .swiper-button-prev:hover{
background-color: transparent}
.block-zitate .swiper-button-next {
top: 15px;
right: 10px;
position: absolute;
}
.block-zitate .swiper-button-next:hover{
background-color: transparent}
.block-zitate .swiper-button-next:hover:after {
transition: color 0.5s;
color: var(--primary-color, #9a2027)}
.block-zitate .swiper-button-next:after {
font-size: 60px;
transition: color 0.5s;
--tw-text-opacity: 1;
color: rgb(210 210 210 / var(--tw-text-opacity));
}
.is-style-brunex .block-zitate .navigation .swiper-button-prev {
left: -40px;
}
.is-style-brunex .block-zitate .swiper-button-next {
right: -40px;
} body .nf-form-cont{
margin-top: 50px;
margin-bottom: 0px;
display: flex;
width: 100%;
flex-wrap: wrap;
font-family: Montserrat, ui-sans-serif, 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";
font-size: 2.1rem;
line-height: 1.2;
font-weight: 400}
body .nf-form-cont h3{
width: 100%}
body .nf-form-cont .nf-form-content{
margin: 0px;
display: flex;
height: auto;
width: 100%;
flex-wrap: wrap;
padding: 0px}
body .nf-form-cont .nf-form-fields-required{
font-size: 1.5rem;
line-height: 1.2;
font-weight: 100}
body .nf-form-cont .nf-error-msg{
font-family: Montserrat, ui-sans-serif, 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";
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400}
body .nf-form-cont .nf-form-fields-required{
display: none}
body .nf-form-cont .nf-form-hp{
display: none}
body .nf-form-cont .ninja-forms-form-wrap,  body .nf-form-cont .nf-form-layout,  body .nf-form-cont form,  body .nf-form-cont div,  body .nf-form-cont .nf-form-content,  body .nf-form-cont .nf-before-form-content,  body .nf-form-cont nf-fields-wrap{
display: flex;
height: auto;
width: 100%;
max-width: 100%;
flex-wrap: wrap}
body .nf-form-cont .ninja-forms-form-wrap nf-field,  body .nf-form-cont .nf-form-layout nf-field,  body .nf-form-cont form nf-field,  body .nf-form-cont div nf-field,  body .nf-form-cont .nf-form-content nf-field,  body .nf-form-cont .nf-before-form-content nf-field,  body .nf-form-cont nf-fields-wrap nf-field{
margin-top: 0px;
margin-bottom: 0px;
display: flex;
width: 100%;
padding-right: 20px}
@media (min-width: 1024px){
body .nf-form-cont .ninja-forms-form-wrap nf-field,  body .nf-form-cont .nf-form-layout nf-field,  body .nf-form-cont form nf-field,  body .nf-form-cont div nf-field,  body .nf-form-cont .nf-form-content nf-field,  body .nf-form-cont .nf-before-form-content nf-field,  body .nf-form-cont nf-fields-wrap nf-field{
width: 50%}}
body .nf-form-cont .ninja-forms-form-wrap nf-field label,  body .nf-form-cont .nf-form-layout nf-field label,  body .nf-form-cont form nf-field label,  body .nf-form-cont div nf-field label,  body .nf-form-cont .nf-form-content nf-field label,  body .nf-form-cont .nf-before-form-content nf-field label,  body .nf-form-cont nf-fields-wrap nf-field label{
font-family: Montserrat, ui-sans-serif, 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";
font-size: 1.7rem;
line-height: 1.2;
font-weight: 400}
body .nf-form-cont .ninja-forms-form-wrap nf-field:first-of-type,  body .nf-form-cont .nf-form-layout nf-field:first-of-type,  body .nf-form-cont form nf-field:first-of-type,  body .nf-form-cont div nf-field:first-of-type,  body .nf-form-cont .nf-form-content nf-field:first-of-type,  body .nf-form-cont .nf-before-form-content nf-field:first-of-type,  body .nf-form-cont nf-fields-wrap nf-field:first-of-type{
height: auto;
width: 100%}
body .nf-form-cont .ninja-forms-form-wrap nf-field:first-of-type h4,  body .nf-form-cont .nf-form-layout nf-field:first-of-type h4,  body .nf-form-cont form nf-field:first-of-type h4,  body .nf-form-cont div nf-field:first-of-type h4,  body .nf-form-cont .nf-form-content nf-field:first-of-type h4,  body .nf-form-cont .nf-before-form-content nf-field:first-of-type h4,  body .nf-form-cont nf-fields-wrap nf-field:first-of-type h4{
margin-bottom: 0.5rem;
width: 100%;
text-transform: uppercase}
body .nf-form-cont .ninja-forms-form-wrap nf-field:first-of-type p,  body .nf-form-cont .nf-form-layout nf-field:first-of-type p,  body .nf-form-cont form nf-field:first-of-type p,  body .nf-form-cont div nf-field:first-of-type p,  body .nf-form-cont .nf-form-content nf-field:first-of-type p,  body .nf-form-cont .nf-before-form-content nf-field:first-of-type p,  body .nf-form-cont nf-fields-wrap nf-field:first-of-type p{
height: auto;
width: 100%;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 600}
body .nf-form-cont .ninja-forms-form-wrap nf-field:last-of-type,  body .nf-form-cont .nf-form-layout nf-field:last-of-type,  body .nf-form-cont form nf-field:last-of-type,  body .nf-form-cont div nf-field:last-of-type,  body .nf-form-cont .nf-form-content nf-field:last-of-type,  body .nf-form-cont .nf-before-form-content nf-field:last-of-type,  body .nf-form-cont nf-fields-wrap nf-field:last-of-type{
height: auto;
width: 100%}
body .nf-form-cont .ninja-forms-form-wrap #nf-field-7-wrap .nf-field-element ul,  body .nf-form-cont .ninja-forms-form-wrap #nf-field-17-wrap .nf-field-element ul,  body .nf-form-cont .ninja-forms-form-wrap #nf-field-16-wrap .nf-field-element ul,  body .nf-form-cont .nf-form-layout #nf-field-7-wrap .nf-field-element ul,  body .nf-form-cont .nf-form-layout #nf-field-17-wrap .nf-field-element ul,  body .nf-form-cont .nf-form-layout #nf-field-16-wrap .nf-field-element ul,  body .nf-form-cont form #nf-field-7-wrap .nf-field-element ul,  body .nf-form-cont form #nf-field-17-wrap .nf-field-element ul,  body .nf-form-cont form #nf-field-16-wrap .nf-field-element ul,  body .nf-form-cont div #nf-field-7-wrap .nf-field-element ul,  body .nf-form-cont div #nf-field-17-wrap .nf-field-element ul,  body .nf-form-cont div #nf-field-16-wrap .nf-field-element ul,  body .nf-form-cont .nf-form-content #nf-field-7-wrap .nf-field-element ul,  body .nf-form-cont .nf-form-content #nf-field-17-wrap .nf-field-element ul,  body .nf-form-cont .nf-form-content #nf-field-16-wrap .nf-field-element ul,  body .nf-form-cont .nf-before-form-content #nf-field-7-wrap .nf-field-element ul,  body .nf-form-cont .nf-before-form-content #nf-field-17-wrap .nf-field-element ul,  body .nf-form-cont .nf-before-form-content #nf-field-16-wrap .nf-field-element ul,  body .nf-form-cont nf-fields-wrap #nf-field-7-wrap .nf-field-element ul,  body .nf-form-cont nf-fields-wrap #nf-field-17-wrap .nf-field-element ul,  body .nf-form-cont nf-fields-wrap #nf-field-16-wrap .nf-field-element ul{
display: flex}
body .nf-form-cont .ninja-forms-form-wrap #nf-field-7-wrap .nf-field-element ul label,  body .nf-form-cont .ninja-forms-form-wrap #nf-field-17-wrap .nf-field-element ul label,  body .nf-form-cont .ninja-forms-form-wrap #nf-field-16-wrap .nf-field-element ul label,  body .nf-form-cont .nf-form-layout #nf-field-7-wrap .nf-field-element ul label,  body .nf-form-cont .nf-form-layout #nf-field-17-wrap .nf-field-element ul label,  body .nf-form-cont .nf-form-layout #nf-field-16-wrap .nf-field-element ul label,  body .nf-form-cont form #nf-field-7-wrap .nf-field-element ul label,  body .nf-form-cont form #nf-field-17-wrap .nf-field-element ul label,  body .nf-form-cont form #nf-field-16-wrap .nf-field-element ul label,  body .nf-form-cont div #nf-field-7-wrap .nf-field-element ul label,  body .nf-form-cont div #nf-field-17-wrap .nf-field-element ul label,  body .nf-form-cont div #nf-field-16-wrap .nf-field-element ul label,  body .nf-form-cont .nf-form-content #nf-field-7-wrap .nf-field-element ul label,  body .nf-form-cont .nf-form-content #nf-field-17-wrap .nf-field-element ul label,  body .nf-form-cont .nf-form-content #nf-field-16-wrap .nf-field-element ul label,  body .nf-form-cont .nf-before-form-content #nf-field-7-wrap .nf-field-element ul label,  body .nf-form-cont .nf-before-form-content #nf-field-17-wrap .nf-field-element ul label,  body .nf-form-cont .nf-before-form-content #nf-field-16-wrap .nf-field-element ul label,  body .nf-form-cont nf-fields-wrap #nf-field-7-wrap .nf-field-element ul label,  body .nf-form-cont nf-fields-wrap #nf-field-17-wrap .nf-field-element ul label,  body .nf-form-cont nf-fields-wrap #nf-field-16-wrap .nf-field-element ul label{
margin-right: 2.5rem}
body .nf-form-cont .ninja-forms-form-wrap input[type=button],  body .nf-form-cont .nf-form-layout input[type=button],  body .nf-form-cont form input[type=button],  body .nf-form-cont div input[type=button],  body .nf-form-cont .nf-form-content input[type=button],  body .nf-form-cont .nf-before-form-content input[type=button],  body .nf-form-cont nf-fields-wrap input[type=button]{
max-width: 100%;
cursor: pointer;
overflow-wrap: normal;
word-break: normal;
border-width: 2px;
border-style: solid;
border-color: var(--primary-color, #9a2027);
background-color: var(--primary-color, #9a2027);
padding-left: 10px;
padding-right: 10px;
text-align: center;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
@media (min-width: 1024px){
body .nf-form-cont .ninja-forms-form-wrap input[type=button],  body .nf-form-cont .nf-form-layout input[type=button],  body .nf-form-cont form input[type=button],  body .nf-form-cont div input[type=button],  body .nf-form-cont .nf-form-content input[type=button],  body .nf-form-cont .nf-before-form-content input[type=button],  body .nf-form-cont nf-fields-wrap input[type=button]{
font-size: 1.7rem;
line-height: 1.2}}
body .nf-form-cont .ninja-forms-form-wrap input[type=button]:hover,  body .nf-form-cont .nf-form-layout input[type=button]:hover,  body .nf-form-cont form input[type=button]:hover,  body .nf-form-cont div input[type=button]:hover,  body .nf-form-cont .nf-form-content input[type=button]:hover,  body .nf-form-cont .nf-before-form-content input[type=button]:hover,  body .nf-form-cont nf-fields-wrap input[type=button]:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
color: var(--primary-color, #9a2027)} body .wp-block-group.is-style-brunex{
margin-bottom: 70px;
height: auto;
width: 100%}
body .wp-block-group.is-style-brunex .wp-block-group__inner-container{
position: relative;
border-width: 5px;
border-style: solid;
border-color: var(--primary-color, #9a2027);
padding: 20px}
@media (min-width: 1024px){
body .wp-block-group.is-style-brunex .wp-block-group__inner-container{
padding: 75px}}
body .wp-block-group.is-style-brunex .wp-block-group__inner-container .is-style-grouptitle{
position: absolute;
top: -25px;
left: 5%;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 900;
color: var(--primary-color, #9a2027)}
@media (min-width: 640px){
body .wp-block-group.is-style-brunex .wp-block-group__inner-container .is-style-grouptitle{
padding-left: 40px;
padding-right: 40px;
font-size: 3.0rem;
line-height: 1.2}}
@media (min-width: 1024px){
body .wp-block-group.is-style-brunex .wp-block-group__inner-container .is-style-grouptitle{
left: 40px}}
body .wp-block-group.is-style-brunex .wp-block-group__inner-container .wp-block-columns{
margin: 0px} body .block-toolbutton .toolbutton-wrapper{
margin-bottom: 70px;
height: auto;
width: 100%;
padding: 0px}
body .block-toolbutton a{
-webkit-text-decoration-line: none;
text-decoration-line: none}
body .block-toolbutton a:hover{
-webkit-text-decoration-line: none;
text-decoration-line: none}
body .block-toolbutton .toolbutton-wrapper .button-content{
display: inline-flex;
height: auto;
width: 100%;
flex-wrap: wrap;
justify-content: space-between}
body .block-toolbutton .toolbutton-wrapper .button-content a{
display: inline-flex;
background-color: var(--primary-color, #9a2027);
padding-top: 10px;
padding-bottom: 10px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
@media (min-width: 1024px){
body .block-toolbutton .toolbutton-wrapper .button-content a{
padding-top: 70px;
padding-bottom: 70px}}
@media (min-width: 1280px){
body .block-toolbutton .toolbutton-wrapper .button-content a{
width: 32.5%}}
body .block-toolbutton .toolbutton-wrapper .button-content a:hover{
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity));
color: var(--primary-color, #9a2027)}
body .block-toolbutton .toolbutton-wrapper .button-content a:hover .newsletter-form input:not([type="checkbox"]):not([type="radio"]){
border-style: none}
body .block-toolbutton .toolbutton-wrapper .button-content a svg .cls-inf{
fill: #ffffff;
}
body .block-toolbutton .toolbutton-wrapper .button-content a:hover svg .cls-inf{
fill: #9a2127;
}
body .block-toolbutton .toolbutton-wrapper .button-content a svg .cls-my{
fill: #ffffff;
}
body .block-toolbutton .toolbutton-wrapper .button-content a:hover svg .cls-my{
fill: #3b3b3a;
}
body .block-toolbutton .toolbutton-wrapper .button-content a .title {
letter-spacing: 0.25em;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
body .block-toolbutton .toolbutton-wrapper .button-content a:hover .title {
letter-spacing: 0.25em;
color: var(--primary-color, #9a2027);
}
body .block-toolbutton .toolbutton-wrapper .button-content a .copy{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
body .block-toolbutton .toolbutton-wrapper .button-content a:hover .copy{
color: var(--primary-color, #9a2027)} body .content-area .wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% 1fr;
}
@media (min-width: 1024px) {
body .content-area .wp-block-media-text.is-stacked-on-mobile {    
grid-template-columns: 50% 1fr
}
}
body .content-area .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 1;
grid-row: 2;
padding: 0%;
}
@media (min-width: 1024px) {
body .content-area .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 2;
grid-row: 1;
padding: 0 8%
}    
}
body .content-area .wp-block-media-text.is-stacked-on-mobile img {
margin-bottom: 70px;
}
@media (min-width: 1024px) {
body .content-area .wp-block-media-text.is-stacked-on-mobile img {
margin-bottom: 0px
}
}
body .content-area .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
grid-column: 1;
}
@media (min-width: 1024px) {
body .content-area .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {    
grid-column: 2
}
body .content-area .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
grid-column: 1;
grid-row: 1;
padding-right: 8%;
padding-left: 0px !important
}
} body .block__download{
margin-top: 50px;
display: flex;
height: auto;
width: 100%;
max-width: 100%;
flex-wrap: wrap}
body .block__download.nospace{
margin-top: 0px;
margin-bottom: 0px}
body .block__download.nobottomspace {
margin-bottom: 4px!important;
}
body .block__download.notopspace {
margin-top: 4px;
}
body .block__download.content-area{
margin-bottom: 75px;
display: block;
height: auto;
width: 100%}
body .block__download.content-area h2{
display: block;
height: auto;
width: 100%}
body .block__download .items a{
-webkit-text-decoration-line: none;
text-decoration-line: none}
body .block__download .items a:hover{
-webkit-text-decoration-line: none;
text-decoration-line: none}
body .block__download .download-wrapper{
height: auto;
width: 100%}
body .block__download .download-wrapper .download-area{
display: flex;
flex-wrap: wrap}
body .block__download .download-wrapper .download-area a{
margin-right: 0px}
@media (min-width: 1024px){
body .block__download .download-wrapper .download-area a{
margin-right: 5rem}}
body .block__download .download-wrapper h4,  body .block__download .download-wrapper h5{
display: block;
width: 100%}
body .block__download .download-wrapper .items{
display: flex;
flex-wrap: wrap;
justify-content: space-between}
body .block__download .download-wrapper .items a {
transition: all 1s;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
display: flex;
width: 300px;
max-width: 100%;
font-size: 1.7rem;
line-height: 1.2;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 1280px){
body .block__download .download-wrapper .items a{
margin-top: 2.5rem;
margin-bottom: 2.5rem}}
body .block__download.content-area .download-wrapper .items a.filelist {
border-bottom: 1px solid black;
margin-top: 0px;
margin-bottom: 0px;
--tw-border-opacity: 1;
border-color: rgb(210 210 210 / var(--tw-border-opacity));
background-color: transparent;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
body .block__download.content-area .download-wrapper .items a.filelist:hover{
--tw-bg-opacity: 1;
background-color: rgb(239 239 239 / var(--tw-bg-opacity));
padding-left: 10px}
body .block__download.content-area .download-wrapper .items a {
transition: all 1s;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
display: flex;
width: 100%;
max-width: 100%;
font-size: 1.7rem;
line-height: 1.2;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
opacity: 1;
}
@media (min-width: 1280px){
body .block__download.content-area .download-wrapper .items a{
margin-top: 1.25rem;
margin-bottom: 1.25rem}}
body .block__download .download-wrapper .items a:hover{
opacity: 1;
transition: all 1s}
body .block__download .download-wrapper .items a.filelist.thumbnail {
border-bottom: 0px;
margin-right: 0px;
display: flex;
width: 100%;
opacity: 1;
}
@media (min-width: 768px){
body .block__download .download-wrapper .items a.filelist.thumbnail{
width: 50%}}
@media (min-width: 1024px){
body .block__download .download-wrapper .items a.filelist.thumbnail{
width: 25%}}
body .block__download .download-wrapper .items a.filelist.thumbnail {
transition: all 1s;
}
body .block__download .download-wrapper .items a.thumbnail .thumb{
width: calc(100% - 20px);
padding-right: 20px;
padding-bottom: 10px;
transition: all 1s;
}
body .block__download .download-wrapper .items a.thumbnail .info{
display: none}
body .block__download .download-wrapper .items a.filelist.thumbnail:hover{
background-color: transparent;
padding-left: 0px;
opacity: 0.7;
transition: all 1s}
body .block__download .download-wrapper .items a .bold{
height: auto;
width: 100%;
font-size: 1.7rem;
line-height: 1.2;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
body .block__download .download-wrapper .items a .icon{
height: 35px;
width: auto;
padding-right: 20px}
@media (min-width: 1024px){
body .block__download .download-wrapper .items a .icon{
height: 80px}}
body .block__download .download-wrapper .items a .icon svg{
transition: all 1s;
height: 80px;
max-height: 80px;
width: auto;
}
body .block__download .download-wrapper .items a:hover .icon svg{
filter: grayscale(100%);
transition: all 1s;
height: 80px;
max-height: 80px;
width: auto;
}
body .block__download.content-area .download-wrapper .items a .icon{
height: 30px;
width: auto;
padding-right: 20px}
@media (min-width: 1024px){
body .block__download.content-area .download-wrapper .items a .icon{
height: 30px}}
body .block__download.content-area .download-wrapper .items a .icon svg{
transition: all 1s;
height: 30px;
max-height: 30px;
width: auto;
}
body .block__download .download-wrapper .items a .info {
transition: all 1s;
display: inline;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
display: inline;
height: auto;
width: auto;
max-width: 100%;
line-height: 1.5;
}
body .block__download .download-wrapper .items a:hover .info, body .block__download .download-wrapper .items a:hover .bold {
transition: all 1s;
color: var(--primary-color, #9a2027);
}
body .block__download .download-wrapper .items.subdownload h4, body .block__download .download-wrapper .items.subdownload h5 {
transition: all 1s;
cursor: pointer;
}
body .block__download .download-wrapper .items.subdownload h4 {
border-bottom: 1px solid #cccccc;
margin-right: 0px;
height: auto;
width: 100%;
background-color: transparent;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-size: 2.7rem;
line-height: 1.2;
font-weight: 700;
color: var(--primary-color, #9a2027);
}
@media (min-width: 1024px){
body .block__download .download-wrapper .items.subdownload h4{
margin-right: 5rem}}
body .block__download .download-wrapper .items.subdownload h5 {
border-bottom: 1px solid #cccccc;
margin-right: 0px;
height: auto;
width: 100%;
background-color: transparent;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-size: 1.7rem;
line-height: 1.2;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 1024px){
body .block__download .download-wrapper .items.subdownload h5{
margin-right: 5rem}}
body .block__download .download-wrapper .items.subdownload h5:hover {
transition: all 1s;
--tw-bg-opacity: 1;
background-color: rgb(236 236 236 / var(--tw-bg-opacity));
padding-left: 0px;
color: var(--primary-color, #9a2027);
}
body .block__download .download-wrapper .items.subdownload .download-area {
width: calc(100% - 5rem);
height: 1px;
transition: all 1s;
margin-left: 5rem;
margin-right: 0px;
display: none;
}
@media (min-width: 1024px){
body .block__download .download-wrapper .items.subdownload .download-area{
margin-right: 5rem}}
body .block__download .download-wrapper .items.subdownload .download-area.show{
height: auto;
transition: all 1s;
display: block;
} body .block-journal{
margin-bottom: 0px;
display: flex;
flex-wrap: wrap} body .block-journal h2{
display: block;
height: auto;
width: 100%}
body .block-journal a{
-webkit-text-decoration-line: none;
text-decoration-line: none}
body .block-journal a:hover{
-webkit-text-decoration-line: none;
text-decoration-line: none}
body .block-journal h3:after{
display: none}
body .block-journal .journal_wrapper { display: grid;
height: auto;
width: 100%;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0px;
}
@media (min-width: 768px){
body .block-journal .journal_wrapper{
grid-template-columns: repeat(2, minmax(0, 1fr))}}
@media (min-width: 1024px){
body .block-journal .journal_wrapper{
grid-template-columns: repeat(3, minmax(0, 1fr))}}
@media (min-width: 1280px){
body .block-journal .journal_wrapper{
grid-template-columns: repeat(5, minmax(0, 1fr))}}
body .block-journal .journal_wrapper .journal{
height: auto;
min-height: '250px';
width: auto;
max-width: 100%;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
font-size: 1.5rem;
line-height: 1.2;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
@media (min-width: 1024px){
body .block-journal .journal_wrapper .journal{
min-width: '300px'}}
body .block-journal .journal_wrapper .journal .content{
position: relative;
z-index: 0;
display: flex;
aspect-ratio: 1 / 1;
flex-direction: row;
align-items: flex-end;
overflow: hidden}
body .block-journal .journal_wrapper .journal .content .text{
width: 100%;
background-color: rgb(247 247 247 / 0.5);
padding-left: 40px;
padding-right: 40px;
padding-top: 10px;
padding-bottom: 10px;
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
body .block-journal .journal_wrapper .journal{
--tw-bg-opacity: 1;
background-color: rgb(244 244 244 / var(--tw-bg-opacity))}
body .block-journal .journal_wrapper .journal:hover{
--tw-bg-opacity: 1;
background-color: rgb(198 198 198 / var(--tw-bg-opacity))}
body .block-journal .journal_wrapper .journal.dark{
--tw-bg-opacity: 1;
background-color: rgb(236 236 236 / var(--tw-bg-opacity))}
body .block-journal .journal_wrapper .journal.dark:hover{
--tw-bg-opacity: 1;
background-color: rgb(198 198 198 / var(--tw-bg-opacity))}
body .block-journal .journal_wrapper .journal .image{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: -10;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
--tw-brightness: brightness(.9);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}
body .block-journal.block-journal .journal:hover .image{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-brightness: brightness(1);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
transition-duration: 1000ms;
transition-timing-function: cubic-bezier(0.4, 0, 1, 1)}
body .block-journal .journal_wrapper .journal .date{
display: inline-grid;
width: 100%;
align-items: center;
justify-content: flex-start;
-moz-column-gap: 2rem;
column-gap: 2rem;
background-color: var(--primary-color, #9a2027);
padding-left: 40px;
padding-right: 40px;
padding-top: 8px;
padding-bottom: 8px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
grid-template-areas:
"tag monat"
"tag jahr"}
body .block-journal .journal_wrapper .journal .date .monat{
display: block;
padding-bottom: 0px;
font-size: 1.5rem;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
grid-area: monat}
body .block-journal .journal_wrapper .journal .date .tag{
display: block;
padding-bottom: 0px;
font-size: 3.0rem;
font-weight: 600;
line-height: 1;
grid-area: tag}
body .block-journal .journal_wrapper .journal .date .wt{
display: block;
padding-bottom: 0px;
font-size: 1.3rem;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
grid-area: jahr} body .block__mitarbeiter.content-area{
margin-bottom: 75px;
display: flex;
flex-wrap: wrap}
body .wp-block-group .block__mitarbeiter{
margin-bottom: 0px;
display: flex;
height: auto;
width: 100%;
flex-wrap: wrap}
body .block__mitarbeiter .ma-wrapper{
margin: 0px;
height: auto;
width: 100%;
padding: 0px}
body .block__mitarbeiter .h3{
display: block;
height: auto;
width: 100%;
padding-bottom: 40px}
body .block__mitarbeiter .h3:after{
display: none}
body .block__mitarbeiter .ma-wrapper .ma-liste{
display: flex;
height: auto;
width: 100%;
flex-wrap: wrap}
body .block__mitarbeiter .ma-wrapper .ma-liste .ma-area{
display: grid;
height: auto;
width: 100%;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 2.5rem}
@media (min-width: 768px){
body .block__mitarbeiter .ma-wrapper .ma-liste .ma-area{
grid-template-columns: repeat(2, minmax(0, 1fr))}}
@media (min-width: 1024px){
body .block__mitarbeiter .ma-wrapper .ma-liste .ma-area{
grid-template-columns: repeat(3, minmax(0, 1fr))}}
@media (min-width: 1280px){
body .block__mitarbeiter .ma-wrapper .ma-liste .ma-area{
grid-template-columns: repeat(5, minmax(0, 1fr))}}
body .block__mitarbeiter .ma-wrapper .ma-liste .ma{
height: auto;
width: 100%}
body .block__mitarbeiter .ma-wrapper .ma-liste .ma-area .ma{
display: flex;
height: auto;
width: 100%;
padding-bottom: 70px}
body .block__mitarbeiter .ma-wrapper .ma-liste .ma .person{
height: auto;
width: 100%}
body .block__mitarbeiter .ma-wrapper .ma-liste .ma-area .ma .person{
height: auto;
width: 100% }
body .block__mitarbeiter .ma-wrapper .ma-liste .ma-area .ma .person img, body .block__mitarbeiter .ma-wrapper .ma-liste .ma .person img {
border: 1px solid black;
height: auto;
width: 100%;
max-width: 100%;
--tw-border-opacity: 1;
border-color: rgb(210 210 210 / var(--tw-border-opacity));
}
body .block__mitarbeiter .ma-wrapper .ma-liste .ma-area .ma .person .name,  body .block__mitarbeiter .ma-wrapper .ma-liste .ma .person .name{
height: auto;
width: 100%;
max-width: 100%;
padding-top: 50px;
padding-bottom: 20px;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
body .block__mitarbeiter .ma-wrapper .ma-liste .ma-area .ma .person .funktion,  body .block__mitarbeiter .ma-wrapper .ma-liste .ma .person .funktion{
height: auto;
min-height: 65px;
width: 100%;
max-width: 100%;
padding-bottom: 15px;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
body .block__mitarbeiter .ma-wrapper .ma-liste .ma-area .ma .person .details,  body .block__mitarbeiter .ma-wrapper .ma-liste .ma .person .details{
height: auto;
width: 100%;
max-width: 100%;
font-size: 1.7rem;
font-weight: 300;
line-height: 1.625;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
body .block__mitarbeiter .ma-wrapper .ma-liste .ma-area .ma .person .details a,  body .block__mitarbeiter .ma-wrapper .ma-liste .ma .person .details a{
display: inline;
font-size: 1.7rem;
font-weight: 300;
line-height: 1.625;
color: var(--primary-color, #9a2027)}
body .block__mitarbeiter .ma-wrapper .ma-liste .ma-area .ma .person .details a:hover,  body .block__mitarbeiter .ma-wrapper .ma-liste .ma .person .details a:hover{
display: inline;
font-size: 1.7rem;
line-height: 1.2;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(210 210 210 / var(--tw-text-opacity))}
body .block__mitarbeiter .ma.single{
max-width: 350px} body .block__webinare{
margin-top: 50px;
margin-bottom: 75px;
display: flex;
flex-wrap: wrap;
overflow: hidden}
body .wp-block-group .block__webinare{
margin-top: 0px;
margin-bottom: 0px;
display: flex;
height: auto;
width: 100%;
flex-wrap: wrap}
body .block__webinare .webinar-wrapper{
margin: 0px;
height: auto;
width: 100%;
padding: 0px}
body .block__webinare .h3{
display: block;
height: auto;
width: 100%;
padding-bottom: 40px}
body .block__webinare .h3:after{
display: none}
body .block__webinare .webinar-wrapper .webinar-liste{
display: flex;
height: auto;
width: 100%;
flex-wrap: wrap}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area{
display: grid;
height: auto;
width: 100%;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 2.5rem}
@media (min-width: 768px){
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area{
grid-template-columns: repeat(2, minmax(0, 1fr))}}
@media (min-width: 1024px){
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area{
grid-template-columns: repeat(2, minmax(0, 1fr))}}
@media (min-width: 1280px){
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area{
grid-template-columns: repeat(3, minmax(0, 1fr))}}
body .block__webinare .webinar-wrapper .webinar-liste .webinar{
height: auto;
width: 100%}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar{
display: block;
height: auto;
width: 100%;
padding-bottom: 70px;
font-family: Montserrat, ui-sans-serif, 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";
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar h5.webinar_top{
height: auto;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(236 236 236 / var(--tw-bg-opacity));
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
text-align: right;
font-family: Montserrat, ui-sans-serif, 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";
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
@media (min-width: 1024px){
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar h5.webinar_top{
padding-left: 20px;
padding-right: 20px}}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar img.webinar-foto{
margin-top: 2.5rem;
height: auto;
width: 100%;
padding-bottom: 0px}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details{
display: flex;
height: auto;
min-height: 650px;
width: 100%;
flex-wrap: wrap;
--tw-bg-opacity: 1;
background-color: rgb(236 236 236 / var(--tw-bg-opacity));
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 0px}
@media (min-width: 1024px){
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details{
padding-left: 20px;
padding-right: 20px}}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .termine{
display: flex;
width: 100%;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main h4 {
min-height: 55px;
margin-bottom: 1.25rem;
display: flex;
max-width: 100%;
align-items: flex-end;
overflow-wrap: break-word;
}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .target{
display: flex;
width: 100%;
max-width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .target .icon{
display: flex;
width: 33.333333%;
max-width: '110px';
align-items: center;
justify-content: center;
border-right-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(236 236 236 / var(--tw-border-opacity));
padding: 5px}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .target .icon.version{
width: 25%}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .target .icon.clock{
display: none}
@media (min-width: 640px){
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .target .icon.clock{
display: flex;
width: 50%}}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .target .infopart{
display: flex;
width: 66.666667%;
align-items: center;
padding: 5px}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .target .infopart.version{
width: 75%}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .target .infopart.clock{
width: 100%}
@media (min-width: 640px){
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .target .infopart.clock{
width: 50%}}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .target .infopart .top_info{
display: flex;
width: 100%;
flex-wrap: wrap;
padding-top: 0.5rem;
padding-bottom: 0.5rem}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .target .infopart .top_info .subtitel{
width: 100%;
font-weight: 600}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .target .infopart .top_info .info{
width: 100%;
padding-top: 0.5rem;
padding-bottom: 0.5rem}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .target .infopart .top_info .info.min{
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
padding-bottom: 0px;
padding-top: 5px;
font-size: 3.0rem;
line-height: 1.2;
font-weight: 600;
color: var(--primary-color, #9a2027)} body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .copy{
min-height: '200px'}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .copy,  body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .copy p,  body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .main .copy ul li{
margin-bottom: 2.5rem;
margin-bottom: 0px;
padding-bottom: 5px;
font-size: 1.5rem;
line-height: 1.2}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .btn.anmeldung{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
display: flex;
height: auto;
width: 100%;
justify-content: center;
border-width: 2px;
border-style: solid;
border-color: var(--primary-color, #9a2027);
--tw-bg-opacity: 1;
background-color: rgb(236 236 236 / var(--tw-bg-opacity));
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 600;
text-transform: uppercase;
color: var(--primary-color, #9a2027);
-webkit-text-decoration-line: none;
text-decoration-line: none}
body .block__webinare .webinar-wrapper .webinar-liste .webinar-area .webinar .details .btn.anmeldung:hover{
background-color: var(--primary-color, #9a2027);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))} @media (max-width: 639px) {
.block__bgcontent {
padding-left: 0px;
padding-right: 0px;
}
}
.block__bgcontent{
margin-bottom: 70px}
@media (min-width: 640px){
.block__bgcontent{
margin-bottom: 140px}}
.block__bgcontent a.btn{
-webkit-text-decoration-line: none;
text-decoration-line: none}
.block__bgcontent a.btn:hover{
-webkit-text-decoration-line: none;
text-decoration-line: none}
.block__bgcontent h3:after{
display: none}
.block__bgcontent .content-area .showbg {
position: relative;
display: flex;
height: auto;
width: 100%;
max-width: 100%;
flex-wrap: wrap;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(241 241 241 / var(--tw-bg-opacity));
padding: 0px;
}
.block__bgcontent .bg-elements {
position: absolute;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
top: 0px;
left: 0px;
}
.block__bgcontent.right .bg-elements{
left: 0px}
@media (min-width: 1024px){
.block__bgcontent.right .bg-elements{
left: 50%}}
.block__bgcontent .content{
display: flex;
height: 100%;
width: 100%;
flex-wrap: wrap}
.block__bgcontent .bg-elements .color {
width: 100%;
height: 100%; justify-content: flex-end;
--tw-bg-opacity: 1;
background-color: rgb(241 241 241 / var(--tw-bg-opacity));
}
@media (min-width: 1024px) {
.block__bgcontent .bg-elements .color {
width: 50%;
min-height: 100%
}
}
.block__bgcontent .bg-elements .image {
width: 100%;
height: auto;
min-width: 300px;
min-height: 350px;
max-width: 100%;
max-height: 100%;
background-size: cover;
background-position: center center;
justify-content: flex-start;
}
@media (min-width: 1024px) {
.block__bgcontent .bg-elements .image {
width: 50%;
height: 100% }
}
.block__bgcontent .bg-elements.left, .block__bgcontent .bg-elements.right {
background-size: auto 300px;
background-repeat: no-repeat;
background-position: center top;
}
@media (min-width: 1024px) {
.block__bgcontent .bg-elements.left, .block__bgcontent .bg-elements.right {  
background-size: 50% !important;
background-position: left center
}           
}
.block__bgcontent .bg-elements.right {
background-size: auto 300px;
background-repeat: no-repeat;
background-position: center top;
}
@media (min-width: 1024px) {
.block__bgcontent .bg-elements.right {      
background-size: 50% !important;
background-position: right center
}
}
.block__bgcontent .picarea {
min-height: 400px;
}
@media (min-width: 1024px) {
.block__bgcontent .picarea { 
min-height: 300px
}
}
.block__bgcontent .textarea {
z-index: 1;
margin-left: 5%;
margin-right: 5%;
height: auto;
width: 90%;
padding-top: 50px;
padding-bottom: 50px; 
}
@media (min-width: 1024px){
.block__bgcontent .textarea{
width: 40%;
padding-top: 100px;
padding-bottom: 100px}}
.block__bgcontent .textarea .copy{
padding-top: 40px;
padding-bottom: 40px}
.block__bgcontent .textarea .btn {
transition: all 1s;
display: inline-block;
border-width: 2px;
border-style: solid;
border-color: var(--primary-color, #9a2027);
background-color: var(--primary-color, #9a2027);
padding-top: 20px;
padding-bottom: 20px;
padding-left: 50px;
padding-right: 50px;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); 
}
@media (min-width: 1024px){
.block__bgcontent .textarea .btn{
font-size: 2.1rem;
line-height: 1.2}}
.block__bgcontent .textarea .btn:hover {
transition: all 1s;
background-color: transparent;
color: var(--primary-color, #9a2027);
} .block-thementeaser{
padding: 0px}
.block-thementeaser a{
-webkit-text-decoration-line: none;
text-decoration-line: none}
.block-thementeaser a:hover{
-webkit-text-decoration-line: none;
text-decoration-line: none}
.block-thementeaser h3:after{
display: none}
.block-thementeaser .themen_wrapper{
margin-left: -2rem;
margin-right: -2rem;
display: grid;
grid-auto-flow: row dense;
grid-template-columns: repeat(1, minmax(0, 1fr));
row-gap: 0.5rem}
@media (min-width: 640px){
.block-thementeaser .themen_wrapper{
margin-left: 0px;
margin-right: 0px}}
@media (min-width: 768px){
.block-thementeaser .themen_wrapper{
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem}}
@media (min-width: 1024px){
.block-thementeaser .themen_wrapper{
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2.5rem}}
.block-thementeaser .themen_wrapper .thm.thema{
height: 488px;
background-size: cover;
background-position: center;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
.block-thementeaser .themen_wrapper .thm.abspann{
height: 320px;
background-size: cover;
background-position: center;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
.block-thementeaser .themen_wrapper .abspann{
grid-column: auto}
.block-thementeaser .themen_wrapper .thema.small{
grid-column: auto}
.block-thementeaser .themen_wrapper .thema.medium{
grid-column: auto}
@media (min-width: 1024px){
.block-thementeaser .themen_wrapper .thema.medium{
grid-column: span 2 / span 2}}
.block-thementeaser .themen_wrapper .thema.big{
grid-column: auto}
@media (min-width: 768px){
.block-thementeaser .themen_wrapper .thema.big{
grid-column: span 2 / span 2}}
@media (min-width: 1024px){
.block-thementeaser .themen_wrapper .thema.big{
grid-column: span 2 / span 2}}
.block-thementeaser .themen_wrapper .thm .box {
transition: all 1s;
display: flex;
height: 100%;
width: 100%;
flex-direction: column;
padding: 10px;
}
@media (min-width: 1024px){
.block-thementeaser .themen_wrapper .thm .box{
padding: 30px}}
.block-thementeaser .themen_wrapper .thm:hover .box {
transition: all 1s;
background-color: var(--primary-color, #9a2027);
--tw-bg-opacity: 0.8;
}
.block-thementeaser .themen_wrapper .thm .box .headline{
width: 100%}
.block-thementeaser .themen_wrapper .thm .box .headline h4 {
text-shadow: 1px 1px 4px black;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));    
}
.block-thementeaser .themen_wrapper .thm .box .headline h3 {
text-shadow: 1px 1px 4px black;
font-size: 3.0rem;
line-height: 1.2;
font-weight: 800;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));    
}
.block-thementeaser .themen_wrapper .thm .box .info {
max-height: 0;
transition: all 1s;
overflow: hidden;
display: flex;
width: 100%;
flex-wrap: wrap;    
}
.block-thementeaser .themen_wrapper .thm:hover .box .info {
max-height: 100%;  
}
.block-thementeaser .themen_wrapper .thm .box .info .copy{
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
font-size: 1.7rem;
line-height: 1.2;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
@media (max-width: 639px) {
.block-thementeaser .themen_wrapper .thm .box .info {
max-height: 100%;  
}
.block-thementeaser .themen_wrapper .thm .box .info .copy {
display: none;
}
}
.tooltip {
position: relative;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.tooltiptext {
visibility: hidden;
position: absolute;
background-color: #555;
color: #fff;
text-align: center;
padding: 10px 20px;
border-radius: 6px;
z-index: 1;
opacity: 0;
transition: opacity 0.6s;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
display: inline-table;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 300px;
font-size: 1.5rem;
font-weight: 300;
line-height: 1.625;
}
.tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent;
} .newsletter-form{
font-size: 1.7rem;
line-height: 1.2}
p + .newsletter-form{
margin-top: 2rem}
.newsletter-form .anrede-block{
margin-bottom: 1.25rem;
height: auto;
width: 100%}
.newsletter-form .business-block{
margin-bottom: 1.25rem;
height: auto;
width: 100%}
.newsletter-form .business-block .wrapper{
margin-bottom: 0.25rem;
display: block;
width: auto;
max-width: 100%}
@media (min-width: 640px){
.newsletter-form .business-block .wrapper{
margin-bottom: 1.25rem;
display: inline}}
.newsletter-form .topics-block{
gap: 1rem}
.newsletter-form .topics-block label{
margin-top: 1.25rem;
margin-bottom: 1.25rem}
.newsletter-form .company-block{
margin-bottom: 0px;
height: auto;
width: 100%}
.newsletter-form .validation-group{
max-width: 100%}
.newsletter-form input {
box-sizing: border-box;
margin-right: 40px;
margin-bottom: 0.5rem;
margin-left: 0px;
height: 55px;
width: 450px;
padding-top: 35px;
padding-bottom: 0px;
padding-left: 15px;
font-size: 1.7rem;
line-height: 1.2;
font-weight: 300;
}
@media (min-width: 640px){
.newsletter-form input{
height: 70px}}
@media (min-width: 1024px){
.newsletter-form input{
font-size: 2.1rem;
line-height: 1.2}}
.newsletter-form input[type="text"]::-moz-placeholder, .newsletter-form input[type="email"]::-moz-placeholder{
font-size: 1.7rem;
line-height: 1.2;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(181 181 181 / var(--tw-text-opacity))}
.newsletter-form input[type="text"]:-ms-input-placeholder, .newsletter-form input[type="email"]:-ms-input-placeholder{
font-size: 1.7rem;
line-height: 1.2;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(181 181 181 / var(--tw-text-opacity))}
.newsletter-form input[type="text"]::placeholder, 
.newsletter-form input[type="email"]::placeholder{
font-size: 1.7rem;
line-height: 1.2;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(181 181 181 / var(--tw-text-opacity))}
.newsletter-form input:not([type="checkbox"]):not([type="radio"]) {
max-width: calc(100% - 40px);
width: 100%;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
@media (min-width: 1024px) {
.newsletter-form input:not([type="checkbox"]):not([type="radio"]) {
max-width: calc(50% - 85px)
}
}
footer .newsletter-form input:not([type="checkbox"]):not([type="radio"]),  .bg-tertiary_f6 .newsletter-form input:not([type="checkbox"]):not([type="radio"]){
border-style: none}
.newsletter-form input:focus {
outline: none;
}
.newsletter-form input[type="checkbox"], 
.newsletter-form input[type="radio"]{
margin-right: 0.75rem;
margin-left: 1.25rem;
height: 18px;
max-height: 18px;
width: 18px}
.newsletter-form label{
margin-right: 1.25rem;
margin-bottom: 1.25rem;
font-weight: 300}
.newsletter-form input[type="checkbox"]:first-of-type, 
.newsletter-form input[type="radio"]:first-of-type{
margin-left: 0px}
.newsletter-form input.nl-mail {
max-width: calc(100% - 85px);
margin-right: 0px;
}
@media (min-width: 1024px) {
.newsletter-form input.nl-mail {
max-width: calc(50% - 85px);
margin-right: 0px
}
}
.newsletter-form .gdpr-disclaimer{
display: flex;
height: auto;
width: 100%;
flex-wrap: wrap}
.newsletter-form .gdpr-disclaimer .gdpr-label{
min-width: 100%;
max-width: 100%}
.newsletter-form .gdpr-disclaimer .control__indicator{
display: inline-block}
.newsletter-form .gdpr-disclaimer .gdpr-cta {
position: relative;
top: 5px;
display: inline-block;
}
.newsletter-form .gdpr-disclaimer .gdpr-text-secondary{
font-weight: 300}
.newsletter-form .validation-group.has-violations input{
--tw-bg-opacity: 1;
background-color: rgb(252 165 165 / var(--tw-bg-opacity))}
.newsletter-form .validation-group.has-violations:has(input[type="radio"]) label{
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity))}
.newsletter-form .validation-group.has-violations input::-moz-placeholder{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
.newsletter-form .validation-group.has-violations input:-ms-input-placeholder{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
.newsletter-form .validation-group.has-violations input::placeholder{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))}
.newsletter-form .message.message--violation, 
.message.message--error{
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity))}
.newsletter-form .message{
margin-bottom: 1.25rem}
.newsletter-form .nl-form-button{
margin-left: 12px;
display: inline-block}
.newsletter-form .nl-form-button .mj-subscribe-button {
position: relative; top: -7px;
margin-bottom: 1.25rem;
display: flex;
height: 55px;
width: 68px;
cursor: pointer;
align-items: center;
justify-content: center;
border-width: 2px;
border-style: solid;
border-color: var(--primary-color, #9a2027);
background-color: var(--primary-color, #9a2027);
}
@media (min-width: 640px){
.newsletter-form .nl-form-button .mj-subscribe-button{
height: 70px}}
.newsletter-form .nl-form-button .mj-subscribe-button:hover { --tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.newsletter-form .nl-form-button .mj-subscribe-button .mj-subscribe-button-content {
background: url(//www.brunex.ch/wp-content/themes/brunex/resources/svg/pfeil-auflistung.svg) no-repeat center
left;
background-size: contain;
background-position: center center;
line-height: 1;
height: 30px;
width: 100%;
}
.newsletter-form .nl-form-button .mj-subscribe-button:hover .mj-subscribe-button-content {
background: url(//www.brunex.ch/wp-content/themes/brunex/resources/svg/brunex-pfeil-auflistung.svg) no-repeat
center left;
background-size: contain;
background-position: center center;
height: 30px;
width: 100%;
}
#gdpr-consent-manager .tab-primer .consent-groups {
flex-direction: column;
margin-top: 10px;
margin-bottom: 10px;
}
#gdpr-consent-manager .popup {
position: fixed;
width: 100%;
top: 30%;
z-index: 9999;
background: #fff;
padding: 30px;
border: 1px solid rgba(0,0,0,.1);
box-shadow: 0 10px 30px rgb(0 0 0 / 40%);
font-size: 1.5rem;
line-height: 1.2;
}
#gdpr-consent-manager .popup input {
height: 1.6rem;
width: 1.6rem;
}
@media (min-width: 640px) {
#gdpr-consent-manager .popup {
top: 60px;
width: 320px
}
}
@media (min-width: 1024px) {
#gdpr-consent-manager .popup {
width: 420px
}
}
#gdpr-consent-manager .cta-accept-all-consents,  #gdpr-consent-manager .tab-settings .cta-save-consents{
background-color: var(--primary-color, #9a2027);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
.embed-container { 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden;
}
.embed-container iframe, 
.embed-container object,
.embed-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}
.button.button-black {
transition: all 1s;
font-size: 1.7rem;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.button.button-black:hover {
transition: all 1s;
color: var(--primary-color, #9a2027);
}
.marker\:text-primary *::marker{
color: var(--primary-color, #9a2027)}
.marker\:text-primary::marker{
color: var(--primary-color, #9a2027)}
.open\:opacity-100[open]{
opacity: 1}
.hover\:\!bg-transparent:hover{
background-color: transparent !important}
.hover\:text-white:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
.hover\:\!text-projektpartner-red:hover{
--tw-text-opacity: 1 !important;
color: rgb(154 33 39 / var(--tw-text-opacity)) !important}
.hover\:text-primary:hover{
color: var(--primary-color, #9a2027)}
.hover\:no-underline:hover{
-webkit-text-decoration-line: none;
text-decoration-line: none}
.blockInView\:translate-y-0.block--inView{
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.blockInView\:opacity-100.block--inView{
opacity: 1}
@media (min-width: 640px){
.sm\:bottom-\[10vh\]{
bottom: 10vh}
.sm\:bottom-10{
bottom: 10%}
.sm\:mx-0{
margin-left: 0px;
margin-right: 0px}
.sm\:mt-\[100px\]{
margin-top: 100px}
.sm\:mt-\[200px\]{
margin-top: 200px}
.sm\:mt-\[300px\]{
margin-top: 300px}
.sm\:mt-\[400px\]{
margin-top: 400px}
.sm\:mt-\[500px\]{
margin-top: 500px}
.sm\:mt-\[600px\]{
margin-top: 600px}
.sm\:mt-\[700px\]{
margin-top: 700px}
.sm\:mb-0{
margin-bottom: 0px}
.sm\:mb-\[140px\]{
margin-bottom: 140px}
.sm\:mb-3{
margin-bottom: 0.75rem}
.sm\:ml-0{
margin-left: 0px}
.sm\:mr-5{
margin-right: 1.25rem}
.sm\:block{
display: block}
.sm\:inline{
display: inline}
.sm\:flex{
display: flex}
.sm\:h-\[100px\]{
height: 100px}
.sm\:h-\[150px\]{
height: 150px}
.sm\:h-\[105px\]{
height: 105px}
.sm\:h-\[70px\]{
height: 70px}
.sm\:h-\[800px\]{
height: 800px}
.sm\:min-h-\[110px\]{
min-height: 110px}
.sm\:w-5\/12{
width: 41.666667%}
.sm\:w-7\/12{
width: 58.333333%}
.sm\:w-\[170px\]{
width: 170px}
.sm\:w-\[100px\]{
width: 100px}
.sm\:flex-row{
flex-direction: row}
.sm\:justify-between{
justify-content: space-between}
.sm\:px-40{
padding-left: 40px;
padding-right: 40px}
.sm\:pb-62{
padding-bottom: 62px}
.sm\:text-xl{
font-size: 3.0rem;
line-height: 1.2}
.sm\:text-4xl{
font-size: 7rem;
line-height: 1.2}
.sm\:text-3xl{
font-size: 5rem;
line-height: 1.2}}
@media (min-width: 768px){
.md\:order-2{
order: 2}
.md\:col-span-2{
grid-column: span 2 / span 2}
.md\:ml-auto{
margin-left: auto}
.md\:mb-0{
margin-bottom: 0px}
.md\:mt-0{
margin-top: 0px}
.md\:-mt-24{
margin-top: -6rem}
.md\:inline{
display: inline}
.md\:flex{
display: flex}
.md\:w-1\/2{
width: 50%}
.md\:w-\[calc\(100\%_-_5\%\)\]{
width: calc(100% - 5%)}
.md\:w-auto{
width: auto}
.md\:w-4\/12{
width: 33.333333%}
.md\:w-8\/12{
width: 66.666667%}
.md\:w-11\/12{
width: 91.666667%}
.md\:w-1\/12{
width: 8.333333%}
.md\:max-w-\[80\%\]{
max-width: 80%}
.md\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr))}
.md\:gap-4{
gap: 1rem}
.md\:px-\[2\%\]{
padding-left: 2%;
padding-right: 2%}
.md\:pb-0{
padding-bottom: 0px}
.md\:pr-\[5\%\]{
padding-right: 5%}
.md\:pl-\[80px\]{
padding-left: 80px}
.md\:pr-18{
padding-right: 18px}
.md\:text-xl{
font-size: 3.0rem;
line-height: 1.2}
.md\:text-lg{
font-size: 2.1rem;
line-height: 1.2}}
@media (min-width: 1024px){
.lg\:left-\[50\%\]{
left: 50%}
.lg\:left-\[40px\]{
left: 40px}
.lg\:order-1{
order: 1}
.lg\:order-2{
order: 2}
.lg\:my-\[55px\]{
margin-top: 55px;
margin-bottom: 55px}
.lg\:mt-0{
margin-top: 0px}
.lg\:mr-20{
margin-right: 5rem}
.lg\:mt-150{
margin-top: 150px}
.lg\:mr-10{
margin-right: 2.5rem}
.lg\:mt-70{
margin-top: 70px}
.lg\:mt-\[-244px\]{
margin-top: -244px}
.lg\:block{
display: block}
.lg\:flex{
display: flex}
.lg\:hidden{
display: none}
.lg\:h-\[80px\]{
height: 80px}
.lg\:h-\[30px\]{
height: 30px}
.lg\:w-3\/4{
width: 75%}
.lg\:w-1\/4{
width: 25%}
.lg\:w-4\/6{
width: 66.666667%}
.lg\:w-2\/6{
width: 33.333333%}
.lg\:w-1\/2{
width: 50%}
.lg\:w-\[40\%\]{
width: 40%}
.lg\:w-1\/3{
width: 33.333333%}
.lg\:w-2\/3{
width: 66.666667%}
.lg\:w-\[70\%\]{
width: 70%}
.lg\:w-\[95\%\]{
width: 95%}
.lg\:w-11\/12{
width: 91.666667%}
.lg\:w-1\/12{
width: 8.333333%}
.lg\:w-6\/12{
width: 50%}
.lg\:min-w-\[\'300px\'\]{
min-width: '300px'}
.lg\:max-w-\[70\%\]{
max-width: 70%}
.lg\:max-w-\[95\%\]{
max-width: 95%}
.lg\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr))}
.lg\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr))}
.lg\:justify-start{
justify-content: flex-start}
.lg\:justify-end{
justify-content: flex-end}
.lg\:gap-10{
gap: 2.5rem}
.lg\:p-75{
padding: 75px}
.lg\:px-20{
padding-left: 20px;
padding-right: 20px}
.lg\:pt-\[100px\]{
padding-top: 100px}
.lg\:pb-\[100px\]{
padding-bottom: 100px}
.lg\:pb-0{
padding-bottom: 0px}
.lg\:pl-20{
padding-left: 20px}
.lg\:text-lg{
font-size: 2.1rem;
line-height: 1.2}
.lg\:text-2md{
font-size: 1.7rem;
line-height: 1.2}
.lg\:text-xl{
font-size: 3.0rem;
line-height: 1.2}
.lg\:text-2xl{
font-size: 4.5rem;
line-height: 1.2}
.lg\:text-2lg{
font-size: 2.7rem;
line-height: 1.2}
.lg\:tracking-widest{
letter-spacing: 0.1em}}
@media (min-width: 1280px){
.xl\:static{
position: static}
.xl\:order-1{
order: 1}
.xl\:order-2{
order: 2}
.xl\:my-5{
margin-top: 1.25rem;
margin-bottom: 1.25rem}
.xl\:ml-\[5\%\]{
margin-left: 5%}
.xl\:mt-0{
margin-top: 0px}
.xl\:ml-5{
margin-left: 1.25rem}
.xl\:block{
display: block}
.xl\:flex{
display: flex}
.xl\:hidden{
display: none}
.xl\:h-auto{
height: auto}
.xl\:h-\[205px\]{
height: 205px}
.xl\:min-h-\[300px\]{
min-height: 300px}
.xl\:w-5\/6{
width: 83.333333%}
.xl\:w-1\/6{
width: 16.666667%}
.xl\:w-\[calc\(100\%_-_10\%\)\]{
width: calc(100% - 10%)}
.xl\:w-\[32\.5\%\]{
width: 32.5%}
.xl\:w-\[95\%\]{
width: 95%}
.xl\:w-2\/12{
width: 16.666667%}
.xl\:w-10\/12{
width: 83.333333%}
.xl\:w-9\/12{
width: 75%}
.xl\:w-full{
width: 100%}
.xl\:w-7\/12{
width: 58.333333%}
.xl\:w-5\/12{
width: 41.666667%}
.xl\:w-2\/3{
width: 66.666667%}
.xl\:min-w-\[300px\]{
min-width: 300px}
.xl\:max-w-\[85\%\]{
max-width: 85%}
.xl\:max-w-\[calc\(0\.85_\*_\(1544px_\+_1rem\)\)\;\]{
max-width: calc(0.85 * (1544px + 1rem));}
.xl\:grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr))}
.xl\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr))}
.xl\:flex-row{
flex-direction: row}
.xl\:items-center{
align-items: center}
.xl\:justify-start{
justify-content: flex-start}
.xl\:overflow-visible{
overflow: visible}
.xl\:border-b-\[4px\]{
border-bottom-width: 4px}
.xl\:border-b-\[200px\]{
border-bottom-width: 200px}
.xl\:border-transparent{
border-color: transparent}
.xl\:border-primary{
border-color: var(--primary-color, #9a2027)}
.xl\:p-50{
padding: 50px}
.xl\:px-\[2\%\]{
padding-left: 2%;
padding-right: 2%}
.xl\:px-10{
padding-left: 10px;
padding-right: 10px}
.xl\:pr-\[10\%\]{
padding-right: 10%}
.xl\:text-left{
text-align: left}
.xl\:text-4xl{
font-size: 7rem;
line-height: 1.2}
.xl\:text-3xl{
font-size: 5rem;
line-height: 1.2}
.xl\:text-lg{
font-size: 2.1rem;
line-height: 1.2}
.xl\:text-md{
font-size: 1.5rem;
line-height: 1.2}
.xl\:text-2xl{
font-size: 4.5rem;
line-height: 1.2}
.xl\:opacity-100{
opacity: 1}}
@media (min-width: 1536px){
.\32xl\:w-8\/12{
width: 66.666667%}
.\32xl\:w-4\/12{
width: 33.333333%}
.\32xl\:max-w-\[96\%\]{
max-width: 96%}
.\32xl\:px-\[3\%\]{
padding-left: 3%;
padding-right: 3%}}
.\[\&_input\[type\=\'submit\'\]\]\:mt-8 input[type='submit']{
margin-top: 2rem}
.\[\&_input\[type\=\'submit\'\]\]\:bg-primary input[type='submit']{
background-color: var(--primary-color, #9a2027)}
.\[\&_input\[type\=\'submit\'\]\]\:px-12 input[type='submit']{
padding-left: 3rem;
padding-right: 3rem}
.\[\&_input\[type\=\'submit\'\]\]\:py-8 input[type='submit']{
padding-top: 8px;
padding-bottom: 8px}
.\[\&_input\[type\=\'submit\'\]\]\:text-white input[type='submit']{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}
.\[\&_label\]\:block label{
display: block}
.\[\&\.active\]\:bg-primary.active{
background-color: var(--primary-color, #9a2027)}
.\[\&\.active\]\:text-white.active{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))}