@font-face {
    font-family: pekka_smartfontweregular;
    src: url(/build/assets/pekkasmartfontwe-webfont-507d28c9.woff2) format("woff2"),url(/build/assets/pekkasmartfontwe-webfont-fb3b40cc.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

section.about {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.blur-background {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    opacity: .1;
    position: relative;
    z-index: 45;
    transition: all .2s
}

.no-transition {
    transition: none!important
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

#rays {
    background: url(rays.png) 0 0 no-repeat;
    position: absolute;
    top: -100px;
    left: -100px;
    width: 490px;
    height: 490px;
    animation-name: spin;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes hoverEffect {
    0%,to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

.hovering-element {
    animation: hoverEffect 4s ease-in-out infinite
}

div#body-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

div#body-wrapper #page-wrapper {
    flex-grow: 1
}

section.page-head {
    position: relative;
    margin-top: .25rem;
    padding: 0;
    text-align: center
}

@media (min-width: 768px) {
    section.page-head {
        margin-top:.5rem;
        padding: 1.5rem
    }
}

section.buttons {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: center
}

.default-content-width {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: auto;
    padding: 1.5rem
}

@media (min-width: 1024px) {
    .default-content-width {
        margin-left:auto;
        margin-right: auto;
        width: 1080px
    }
}

@media (min-width: 1280px) {
    .default-content-width {
        width:1080px
    }
}

@media (min-width: 1536px) {
    .default-content-width.expand-on-big-screens {
        width:75%
    }
}

.nopadding {
    padding: 0
}

.layout-border-box-default {
    border-radius: .75rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(219 48 47 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.tab-box {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: auto;
    padding: 1.5rem
}

@media (min-width: 1024px) {
    .tab-box {
        margin-left:auto;
        margin-right: auto;
        width: 1080px
    }
}

@media (min-width: 1280px) {
    .tab-box {
        width:1080px
    }
}

@media (min-width: 1536px) {
    .tab-box.expand-on-big-screens {
        width:75%
    }
}

.tab-box:not(.noborder) {
    border-radius: .75rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.hero section.teaser {
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    font-family: basier_squaremedium,sans-serif;
    letter-spacing: 0em;
    font-weight: 400;
    color: #710000
}

.hero section.teaser a {
    text-decoration-line: underline
}

.hero section.teaser a:hover {
    --tw-text-opacity: 1;
    color: rgb(208 56 1 / var(--tw-text-opacity))
}

.hero h2.subtitle {
    margin: 0;
    padding: 0;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 900;
    font-family: basier_squaremedium,sans-serif;
    letter-spacing: 0em;
    font-weight: 400;
    font-family: pekka_smartfontweregular,sans-serif;
    color: #710000
}

.hero h2.subtitle strong {
    font-size: 3rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(208 56 1 / var(--tw-text-opacity));
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-to: #fbc520 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease;
    background-clip: content-box;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

.hero h2.subtitle strong.gradient-clip-text {
    background-clip: content-box;
    -webkit-background-clip: text;
    background-clip: text
}

.hero h2.subtitle strong.gradient-direction-vertical {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.hero h2.subtitle strong.gradient-default {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fbc520 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

.hero h2.subtitle strong.gradient-default:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

.hero h2.subtitle strong.gradient-default-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #ff8b40 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

.hero h2.subtitle strong.gradient-default-dark:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

.hero h2.subtitle strong.gradient-text {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

.hero h2.subtitle strong.gradient-darker {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

.hero h2.subtitle strong.gradient-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #db302f var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(219 48 47 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #f23534 var(--tw-gradient-to-position)
}

.hero h2.subtitle strong.gradient-direction-circles {
    background: radial-gradient(circle at 10% 20%,#fbc520 40%,transparent 60%),radial-gradient(circle at 70% 120%,#fbc520 55%,transparent 75%),radial-gradient(circle at 90% 40%,#fc5f06 48%,transparent 98%);
    background-size: 100% 100%;
    background-blend-mode: overlay
}

.hero h2.subtitle strong:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

footer {
    position: relative;
    box-shadow: inset 0 15px 15px -15px #0000004d;
    border-top: 3px solid #db302f;
    margin-top: 8rem
}

footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/build/assets/footer-bg-f41d1969.jpg);
    background-size: cover;
    opacity: 1;
    z-index: -1
}

footer a:hover {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 105 0 / var(--tw-text-opacity));
    text-decoration-line: underline
}

footer .author a {
    border-radius: .75rem;
    padding: .5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(219 48 47 / var(--tw-text-opacity));
    text-decoration-line: underline;
    font-family: basier_squarebold
}

footer .author p {
    margin-top: 1rem
}

footer .wrapper {
    text-align: center
}

footer .wrapper section.footer-card {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.5rem;
    line-height: 2rem
}

footer .wrapper section.footer-card a {
    display: inline-block;
    border-radius: .75rem;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: .5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(219 48 47 / var(--tw-text-opacity));
    text-decoration-line: underline;
    padding: 0
}

formfooter .wrapper section.footer-card a {
    padding-left: 0;
    padding-right: 0
}

footer .wrapper section.footer-card a form [type=text],footer .wrapper section.footer-card a form [type=email],footer .wrapper section.footer-card a form [type=url],footer .wrapper section.footer-card a form [type=password],footer .wrapper section.footer-card a form [type=number],footer .wrapper section.footer-card a form [type=date],footer .wrapper section.footer-card a form [type=datetime-local],footer .wrapper section.footer-card a form [type=month],footer .wrapper section.footer-card a form [type=search],footer .wrapper section.footer-card a form [type=tel],footer .wrapper section.footer-card a form [type=time],footer .wrapper section.footer-card a form [type=week],footer .wrapper section.footer-card a form [multiple],footer .wrapper section.footer-card a form textarea,footer .wrapper section.footer-card a form select {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

footer .wrapper section.footer-card a {
    font-family: basier_squarebold
}

footer .wrapper section.footer-card p {
    padding-top: .5rem
}

footer img.portrait {
    display: inline;
    border-radius: 50%;
    height: 2em;
    border: 2px #CCC solid;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

body {
    font-family: basier_squareregular,sans-serif!important;
    overflow-y: scroll
}

body:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover,50%;
    background-repeat: no-repeat,repeat;
    transition: opacity .2s ease-in-out;
    z-index: -1
}

body.blurred-background:before {
    opacity: 0
}

body main>.wrapper {
    width: auto;
    margin-top: -1em;
    position: relative
}

body main>.wrapper .bg {
    z-index: -1;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    background-size: cover;
    background-color: transparent
}

.app-font-bold {
    font-family: basier_squaremedium,sans-serif;
    font-weight: 700;
    letter-spacing: 0em
}

.app-font-regular {
    font-family: basier_squaremedium,sans-serif;
    letter-spacing: 0em;
    font-weight: 400
}

.app-font-thin {
    font-family: basier_squareregular,sans-serif;
    letter-spacing: 0em;
    font-weight: lighter
}

h1.title {
    font-family: basier_squaremedium,sans-serif;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 80%;
    color: #db302f;
    display: block;
    vertical-align: middle;
    font-size: 3rem;
    line-height: 1
}

@media (min-width: 768px) {
    h1.title {
        font-size:3.75rem;
        line-height: 1
    }
}

h1.title.size-mid {
    font-size: 2.25rem;
    line-height: 2.5rem
}

@media (min-width: 768px) {
    h1.title.size-mid {
        font-size:2.25rem;
        line-height: 2.5rem
    }
}

h1.title.left {
    text-align: left
}

h1.title.right {
    text-align: right
}

h1.title strong {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-to: #fbc520 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease;
    background-clip: content-box;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

h1.title strong.gradient-clip-text {
    background-clip: content-box;
    -webkit-background-clip: text;
    background-clip: text
}

h1.title strong.gradient-direction-vertical {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

h1.title strong.gradient-default {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fbc520 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

h1.title strong.gradient-default:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

h1.title strong.gradient-default-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #ff8b40 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

h1.title strong.gradient-default-dark:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

h1.title strong.gradient-text {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

h1.title strong.gradient-darker {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

h1.title strong.gradient-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #db302f var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(219 48 47 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #f23534 var(--tw-gradient-to-position)
}

h1.title strong.gradient-direction-circles {
    background: radial-gradient(circle at 10% 20%,#fbc520 40%,transparent 60%),radial-gradient(circle at 70% 120%,#fbc520 55%,transparent 75%),radial-gradient(circle at 90% 40%,#fc5f06 48%,transparent 98%);
    background-size: 100% 100%;
    background-blend-mode: overlay
}

h1.title strong:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

h1.title.home {
    display: inline;
    text-align: left;
    font-weight: 400
}

h1.title.smaller {
    font-size: 3rem;
    line-height: 1
}

h2.title {
    font-family: basier_squaremedium,sans-serif;
    font-weight: 700;
    letter-spacing: 0em;
    display: block;
    text-align: center;
    vertical-align: middle;
    font-size: 1.875rem;
    line-height: 2.25rem
}

@media (min-width: 768px) {
    h2.title {
        font-size:3rem;
        line-height: 1
    }
}

p.disclaimer {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #FDF2F2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(253 242 242 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(253 232 232 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FDE8E8 var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #FDE8E8 var(--tw-gradient-to-position);
    padding: 1.5rem
}

p.description {
    padding: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem
}

h3.title {
    font-family: basier_squaremedium,sans-serif;
    letter-spacing: 0em;
    font-weight: 400;
    display: block;
    text-align: center;
    vertical-align: middle;
    font-size: 1.5rem;
    line-height: 2rem
}

@media (min-width: 768px) {
    h3.title {
        font-size:1.875rem;
        line-height: 2.25rem
    }
}

.font-pekka {
    font-family: pekka_smartfontweregular,sans-serif
}

a.hints {
    margin-left: .5rem;
    cursor: pointer;
    border-radius: .125rem;
    padding-left: .25rem;
    padding-right: .25rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(14 159 110 / var(--tw-text-opacity));
    text-decoration-line: underline;
    text-decoration-style: dotted
}

a.hints:hover {
    --tw-text-opacity: 1;
    color: rgb(4 108 78 / var(--tw-text-opacity))
}

span.line {
    padding-left: .75rem;
    padding-right: .75rem;
    line-height: 1.2em;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

main p {
    padding-bottom: 1.5rem
}

main h3 {
    color: #db302f;
    font-family: basier_squaremedium,sans-serif;
    font-weight: 700;
    letter-spacing: 0em;
    padding-bottom: 1.5rem
}

main ul>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

main ul {
    padding-right: 1.5rem;
    padding-bottom: 3rem;
    padding-top: .5rem;
    list-style-type: none
}

main ul li {
    position: relative;
    padding-left: 2rem
}

main ul li:before {
    content: "»";
    font-family: pekka_smartfontweregular,sans-serif;
    position: absolute;
    left: 0px;
    font-size: 2.25rem;
    line-height: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    color: #db302f
}

.box {
    border-radius: .75rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(219 48 47 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: auto;
    padding: 1.5rem
}

@media (min-width: 1024px) {
    .box {
        margin-left:auto;
        margin-right: auto;
        width: 1080px
    }
}

@media (min-width: 1280px) {
    .box {
        width:1080px
    }
}

@media (min-width: 1536px) {
    .box.expand-on-big-screens {
        width:75%
    }
}

form.dialog label {
    margin-left: 0!important;
    margin-right: 0!important;
    width: 20%!important;
    padding-left: 0!important;
    padding-right: 0!important
}

form.dialog input,form.dialog select {
    width: 60%!important
}

form.dialog .row {
    margin-bottom: .5rem
}

form.dialog .row:nth-child(even) {
    background-color: transparent
}

form.nopadding {
    padding-left: 0;
    padding-right: 0
}

form [type=text],form [type=email],form [type=url],form [type=password],form [type=number],form [type=date],form [type=datetime-local],form [type=month],form [type=search],form [type=tel],form [type=time],form [type=week],form [multiple],form textarea,form select {
    width: 100%;
    border-radius: .375rem;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #FDFDEA var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(253 253 234 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #FDF6B2 var(--tw-gradient-to-position);
    font-size: 1.875rem;
    line-height: 2.25rem;
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

form [type=text]:focus,form [type=email]:focus,form [type=url]:focus,form [type=password]:focus,form [type=number]:focus,form [type=date]:focus,form [type=datetime-local]:focus,form [type=month]:focus,form [type=search]:focus,form [type=tel]:focus,form [type=time]:focus,form [type=week]:focus,form [multiple]:focus,form textarea:focus,form select:focus {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
    --tw-gradient-to: #FCE96A var(--tw-gradient-to-position)
}

@media (min-width: 768px) {
    form [type=text],form [type=email],form [type=url],form [type=password],form [type=number],form [type=date],form [type=datetime-local],form [type=month],form [type=search],form [type=tel],form [type=time],form [type=week],form [multiple],form textarea,form select {
        width:20%
    }
}

.nopadding form [type=text],.nopadding form [type=email],.nopadding form [type=url],.nopadding form [type=password],.nopadding form [type=number],.nopadding form [type=date],.nopadding form [type=datetime-local],.nopadding form [type=month],.nopadding form [type=search],.nopadding form [type=tel],.nopadding form [type=time],.nopadding form [type=week],.nopadding form [multiple],.nopadding form textarea,.nopadding form select {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

section.introduction {
    padding-top: 3rem;
    padding-bottom: .75rem
}

section.disclaimer {
    font-size: .75rem;
    line-height: 1rem;
    opacity: .5
}

p.explanation {
    padding-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem
}

p.explanation strong {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

section.results {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: auto;
    padding: 1.5rem
}

@media (min-width: 1024px) {
    section.results {
        margin-left:auto;
        margin-right: auto;
        width: 1080px
    }
}

@media (min-width: 1280px) {
    section.results {
        width:1080px
    }
}

section.results {
    border-radius: .75rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

@media (min-width: 1536px) {
    section.results.expand-on-big-screens {
        width:75%
    }
}

section.results section.result {
    margin-bottom: 1.5rem
}

section.results section.result.layout-default {
    display: flex;
    width: auto;
    flex-direction: column
}

@media (min-width: 640px) {
    section.results section.result.layout-default {
        flex-direction:row
    }
}

section.results section.result.layout-solo section.amount {
    width: 100%!important
}

section.results section.result.layout-secondary section.amount {
    background-image: linear-gradient(to top,var(--tw-gradient-stops));
    --tw-gradient-from: #F3F4F6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #F9FAFB var(--tw-gradient-to-position)
}

section.results section.result h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600
}

section.results section.result .description {
    padding-right: 1.5rem
}

@media (min-width: 640px) {
    section.results section.result .description {
        width:auto
    }
}

@media (min-width: 768px) {
    section.results section.result .description {
        width:60%
    }
}

section.results section.result section.amount {
    background-color: #e4ff88;
    border-radius: .375rem;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    background-image: linear-gradient(to top,var(--tw-gradient-stops));
    --tw-gradient-from: #d9f99d var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(217 249 157 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #f7fee7 var(--tw-gradient-to-position);
    padding: 1rem;
    text-align: center
}

@media (min-width: 640px) {
    section.results section.result section.amount {
        width:auto
    }
}

@media (min-width: 768px) {
    section.results section.result section.amount {
        width:40%
    }
}

section.results section.result section.amount .unit {
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

section.results section.result section.amount .amount {
    font-size: 3rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.calculation {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: auto;
    padding: 1.5rem
}

@media (min-width: 1024px) {
    .calculation {
        margin-left:auto;
        margin-right: auto;
        width: 1080px
    }
}

@media (min-width: 1280px) {
    .calculation {
        width:1080px
    }
}

.calculation {
    border-radius: .75rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

@media (min-width: 1536px) {
    .calculation.expand-on-big-screens {
        width:75%
    }
}

.calculation table {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.calculation table tr {
    border-width: 2px
}

.calculation table tr:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.calculation table tr:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.calculation table tr td {
    padding: .5rem
}

section.copy-to-clipboard {
    text-align: center
}

section.buttongroup {
    display: flex;
    flex-wrap: wrap
}

section.buttongroup>div {
    width: 100%;
    padding-left: .25rem;
    padding-right: .25rem
}

@media (min-width: 640px) {
    section.buttongroup>div {
        width:50%
    }
}

@media (min-width: 768px) {
    section.buttongroup>div {
        width:33.333333%
    }
}

@media (min-width: 1024px) {
    section.buttongroup>div {
        width:33.333333%
    }
}

@media (min-width: 1280px) {
    section.buttongroup>div {
        width:33.333333%
    }
}

.range-slider {
    height: .75rem;
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

:is(.dark .range-slider) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}

.range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 2em;
    height: 2em;
    background: orange;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #FDBA8C var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(253 186 140 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(255 138 76 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FF8A4C var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #FF5A1F var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
    border-width: 1px;
    border: 1px rgba(0,0,0,.3) solid;
    cursor: pointer;
    border-radius: 50%
}

.range-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #4CAF50;
    cursor: pointer;
    border-radius: 50%
}

.tab nav {
    position: relative;
    z-index: 0;
    margin-bottom: 2rem;
    text-align: center;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: auto;
    padding: 1.5rem
}

@media (min-width: 1024px) {
    .tab nav {
        margin-left:auto;
        margin-right: auto;
        width: 1080px
    }
}

@media (min-width: 1280px) {
    .tab nav {
        width:1080px
    }
}

.tab nav {
    padding: 0
}

@media (min-width: 1536px) {
    .tab nav.expand-on-big-screens {
        width:75%
    }
}

.tab nav button {
    margin-right: .5rem;
    border-radius: .75rem;
    border-width: 2px;
    background-color: transparent;
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.tab nav button.highlight {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.tab div.tab-content {
    position: relative;
    z-index: 5
}

.row {
    margin-bottom: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: .25rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 1em
}

.row:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(233 250 255 / var(--tw-bg-opacity))
}

@media (min-width: 768px) {
    .row {
        padding-bottom:.5rem;
        padding-top: .5rem
    }
}

.tippy-box[data-theme~=error-theme] {
    background: linear-gradient(to top,#e53e3e,#f38383)!important;
    color: #fff!important;
    border-radius: .5rem!important
}

.tippy-box[data-theme~=error-theme] .tippy-content {
    background: transparent
}

.tippy-box[data-theme~=error-theme] .tippy-arrow {
    color: #e53e3e!important
}

.tippy-box[data-theme~=error-theme] .tippy-content {
    padding: .25rem .5rem!important
}

input.comments-placeholder,.CodeMirror {
    width: 100%;
    border-radius: .375rem;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #FDFDEA var(--tw-gradient-to-position);
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: inset 0 2px 4px 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)
}

input.comments-placeholder:focus,.CodeMirror:focus {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
    --tw-gradient-to: #FDF6B2 var(--tw-gradient-to-position)
}

body.style-0 .banner {
    background-color: #ffedb8;
    background-color: #fc5f06;
    color: #0009;
    box-shadow: inset 0 -2px 4px #0000001a
}

body.style-0 .banner a {
    color: #0009;
    border-color: #0009
}

body.style-0 ul.main a {
    color: #db302f!important
}

body.style-0 .page-head h1,body.style-0 h1.title,body.style-0 h2.title,body.style-0 h3.title {
    color: #db302f
}

body.style-1 {
    background-image: radial-gradient(at 1% 14%,#ffffff 0,transparent 69%),radial-gradient(at 61% 90%,rgba(103,232,249,.1) 0,transparent 48%),radial-gradient(at 38% 94%,rgba(207,250,254,.5) 0,transparent 59%),radial-gradient(at 99% 0%,rgba(214,255,251,.3) 0,transparent 100%)
}

body.style-1 .page-head h1,body.style-1 h1.title {
    color: #db302f
}

body.style-1 h1.title.gradient-1 {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #E74694 var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #C27803 var(--tw-gradient-to-position);
    background-clip: content-box;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

body.style-1 h2.title,body.style-1 h3.title {
    color: #db302f
}

.gradient-1 {
    background: linear-gradient(45deg,#f44336,#ff5722,#ff9800,#ffc107,#ffeb3b);
    background: -o-linear-gradient(45deg,#f44336,#ff5722,#ff9800,#ffc107,#ffeb3b);
    background-clip: content-box;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-decoration-line: underline
}

.gradient.gradient-clip-text {
    background-clip: content-box;
    -webkit-background-clip: text;
    background-clip: text
}

.gradient.gradient-direction-vertical {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.gradient.gradient-default {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fbc520 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

.gradient.gradient-default:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

.gradient.gradient-default-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #ff8b40 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

.gradient.gradient-default-dark:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

.gradient.gradient-text {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

.gradient.gradient-darker {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

.gradient.gradient-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #db302f var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(219 48 47 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #f23534 var(--tw-gradient-to-position)
}

.gradient.gradient-direction-circles {
    background: radial-gradient(circle at 10% 20%,#fbc520 40%,transparent 60%),radial-gradient(circle at 70% 120%,#fbc520 55%,transparent 75%),radial-gradient(circle at 90% 40%,#fc5f06 48%,transparent 98%);
    background-size: 100% 100%;
    background-blend-mode: overlay
}

.light-blue-lava {
    background-image: radial-gradient(at 1% 14%,#ffffff 0,transparent 69%),radial-gradient(at 61% 90%,rgba(103,232,249,.1) 0,transparent 48%),radial-gradient(at 38% 94%,rgba(207,250,254,.5) 0,transparent 59%),radial-gradient(at 99% 0%,rgba(214,255,251,.3) 0,transparent 100%);
    background-size: 100vw 100vh
}

.light-blue-lava .page-head h1,.light-blue-lava h1.title {
    color: #db302f
}

.light-blue-lava h1.title.gradient-1 {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #E74694 var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #C27803 var(--tw-gradient-to-position);
    background-clip: content-box;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.light-blue-lava h2.title,.light-blue-lava h3.title {
    color: #db302f
}

.gradient-sea {
    background: radial-gradient(circle at 20% 30%,rgba(94,230,218,.1875) 0%,rgba(64,224,208,.1875) 20%,transparent 40%),linear-gradient(45deg,rgba(64,255,255,.1875) 0%,rgba(0,255,255,.1875) 30%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(159,255,223,.1875) 0%,rgba(127,255,212,.1875) 40%,transparent 70%),linear-gradient(-45deg,rgba(232,255,255,.1875) 0%,rgba(224,255,255,.1875) 50%,transparent 80%),radial-gradient(circle at 90% 90%,rgba(255,255,255,.1875) 0%,rgba(255,255,255,.1875) 30%,transparent 50%)
}

.gradient-sea-lighter {
    background: radial-gradient(circle at 20% 30%,rgba(94,230,218,.09375) 0%,rgba(64,224,208,.09375) 20%,transparent 40%),linear-gradient(45deg,rgba(64,255,255,.09375) 0%,rgba(0,255,255,.09375) 30%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(159,255,223,.09375) 0%,rgba(127,255,212,.09375) 40%,transparent 70%),linear-gradient(-45deg,rgba(232,255,255,.09375) 0%,rgba(224,255,255,.09375) 50%,transparent 80%),radial-gradient(circle at 90% 90%,rgba(255,255,255,.09375) 0%,rgba(255,255,255,.09375) 30%,transparent 50%)
}

.gradient-sky {
    background: radial-gradient(circle at 20% 30%,rgba(219,252,249,.1875) 0%,rgba(200,245,240,.1875) 50%,transparent 40%),linear-gradient(45deg,rgba(219,255,249,.1875) 0%,rgba(200,245,240,.9875) 30%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(219,252,249,.1875) 0%,rgba(200,245,240,.1875) 40%,transparent 70%),linear-gradient(-45deg,rgba(232,255,255,.1875) 0%,rgba(219,252,249,.1875) 50%,transparent 80%),radial-gradient(circle at 90% 90%,rgba(255,255,255,.1875) 0%,rgba(219,252,249,.4875) 30%,transparent 50%)
}

.banner {
    position: relative;
    z-index: 10;
    background-color: #a5f3fc;
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fbc520 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease;
    color: #0009;
    box-shadow: inset 0 -2px 4px #0000001a
}

.banner.gradient-clip-text {
    background-clip: content-box;
    -webkit-background-clip: text;
    background-clip: text
}

.banner.gradient-direction-vertical {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.banner.gradient-default {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fbc520 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

.banner.gradient-default:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

.banner.gradient-default-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #ff8b40 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

.banner.gradient-default-dark:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

.banner.gradient-text {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

.banner.gradient-darker {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

.banner.gradient-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #db302f var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(219 48 47 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #f23534 var(--tw-gradient-to-position)
}

.banner.gradient-direction-circles {
    background: radial-gradient(circle at 10% 20%,#fbc520 40%,transparent 60%),radial-gradient(circle at 70% 120%,#fbc520 55%,transparent 75%),radial-gradient(circle at 90% 40%,#fc5f06 48%,transparent 98%);
    background-size: 100% 100%;
    background-blend-mode: overlay
}

.banner:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

.banner a {
    color: #0009;
    border-color: #0009
}

.icon {
    display: inline-block;
    height: 1em;
    vertical-align: top
}

.attention {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: .5rem;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(251 213 213 / var(--tw-bg-opacity));
    padding: .25rem 1.5rem 1.5rem
}

.share-icon {
    cursor: pointer!important
}

.share-icon svg {
    cursor: pointer;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-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-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.share-icon svg:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.share-icon svg {
    color: #db302f
}

svg.logo {
    height: 2em!important;
    color: #db302f;
    display: inline-block;
    fill: #db302f;
    stroke: #db302f;
    stroke-width: 1
}

svg.logo .g {
    color: #db302f
}

.link-box {
    transition: all .2s;
    top: 0px;
    left: 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-right: .75rem;
    display: inline-block;
    width: 100%;
    padding: .25rem;
    padding-bottom: 0;
    text-align: center
}

@media (min-width: 640px) {
    .link-box {
        width:80%
    }
}

@media (min-width: 768px) {
    .link-box {
        width:33.333333%;
        padding-bottom: 1.5rem
    }
}

.link-box {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .link-box {
        margin-left:0;
        margin-right: 0
    }
}

.link-box .icon-wrapper {
    width: 100%;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background: radial-gradient(circle at 20% 30%,rgba(94,230,218,.1875) 0%,rgba(64,224,208,.1875) 20%,transparent 40%),linear-gradient(45deg,rgba(64,255,255,.1875) 0%,rgba(0,255,255,.1875) 30%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(159,255,223,.1875) 0%,rgba(127,255,212,.1875) 40%,transparent 70%),linear-gradient(-45deg,rgba(232,255,255,.1875) 0%,rgba(224,255,255,.1875) 50%,transparent 80%),radial-gradient(circle at 90% 90%,rgba(255,255,255,.1875) 0%,rgba(255,255,255,.1875) 30%,transparent 50%)
}

.link-box .wrapper {
    border: 3px #db302f solid;
    background-color: #fff;
    box-shadow: 8px 8px #fe821d54;
    border-radius: .75rem
}

.link-box .wrapper:hover {
    border-color: #ea8786;
    top: -3px;
    left: -3px;
    box-shadow: 11px 11px #fe821d54
}

.link-box h2 {
    margin-bottom: .5rem;
    cursor: pointer;
    padding: .75rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 400
}

@media (min-width: 768px) {
    .link-box h2 {
        font-size:1.875rem;
        line-height: 2.25rem
    }
}

.link-box h2 {
    color: #db302f;
    text-decoration: none!important;
    min-height: 3.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2em
}

.link-box h2:hover {
    color: #ff6900
}

.link-box p {
    margin-top: 1rem;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-bottom: 0;
    font-size: 1.25rem;
    line-height: 1.75rem;
    opacity: .5
}

@media (min-width: 768px) {
    .link-box p {
        padding-bottom:1.5rem
    }
}

.link-box p {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.link-box p.subtitle {
    font-size: 1.5rem;
    line-height: 2rem;
    opacity: .5
}

.link-box a {
    cursor: pointer
}

ul.avatars {
    margin-top: -.5rem;
    padding-bottom: 0;
    padding-left: 1.5rem;
    padding-top: 0
}

li.avatar,img.avatar {
    list-style-type: none;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
    margin-top: auto;
    margin-bottom: auto;
    margin-left: -.9em
}

li.avatar:before,img.avatar:before {
    display: none
}

li.avatar.small,img.avatar.small {
    height: 2em;
    width: 2em
}

.newsletter-box {
    border-radius: .75rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(219 48 47 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.social-icon {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.button {
    margin-left: 0;
    margin-right: 0;
    margin-right: .5rem;
    margin-bottom: .5rem;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(247 190 56 / var(--tw-bg-opacity));
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #F98080 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 128 128 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #F05252 var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #E02424 var(--tw-gradient-to-position);
    padding: .625rem 1.25rem;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: rgb(17 24 39 / var(--tw-text-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.button:hover {
    background-color: #f7be38e6;
    background-image: linear-gradient(to bottom right,var(--tw-gradient-stops))
}

.button:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgb(247 190 56 / .5)
}

:is(.dark .button:focus) {
    --tw-ring-color: rgb(247 190 56 / .5)
}

.button {
    color: #b42424;
    box-shadow: 0 0 0 2px #00000080,0 1px #00000080,inset 0 1px #ffffffb3,inset 0 0 3px #ffffff80;
    text-align: center!important
}

.button:active {
    position: relative;
    top: 2px;
    left: 2px;
    box-shadow: 0 0 0 2px #00000080,0 1px #00000080,0 3px 8px #0006,inset 0 1px #ffffffb3,inset 0 0 3px #ffffff80
}

.button:hover,.button:focus {
    box-shadow: 0 0 0 3px #e3a008,0 0 0 2px #00000080,0 1px #00000080,inset 0 1px #ffffffb3,inset 0 0 3px #ffffff80
}

.button.large {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.button.cyan {
    --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #0891b2 var(--tw-gradient-to-position)
}

.button.yellow {
    --tw-gradient-from: #E3A008 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(227 160 8 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(194 120 3 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #C27803 var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #9F580A var(--tw-gradient-to-position)
}

.button.action-primary {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255 / var(--tw-border-opacity))!important;
    font-weight: 700!important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity))!important;
    text-decoration: none!important;
    outline: 2px white solid;
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fbc520 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease;
    border-radius: .75rem;
    transition: all .2s ease-in-out;
    box-shadow: none!important
}

.button.action-primary.gradient-clip-text {
    background-clip: content-box;
    -webkit-background-clip: text;
    background-clip: text
}

.button.action-primary.gradient-direction-vertical {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.button.action-primary.gradient-default {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fbc520 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

.button.action-primary.gradient-default:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

.button.action-primary.gradient-default-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #ff8b40 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

.button.action-primary.gradient-default-dark:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

.button.action-primary.gradient-text {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

.button.action-primary.gradient-darker {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

.button.action-primary.gradient-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #db302f var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(219 48 47 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #f23534 var(--tw-gradient-to-position)
}

.button.action-primary.gradient-direction-circles {
    background: radial-gradient(circle at 10% 20%,#fbc520 40%,transparent 60%),radial-gradient(circle at 70% 120%,#fbc520 55%,transparent 75%),radial-gradient(circle at 90% 40%,#fc5f06 48%,transparent 98%);
    background-size: 100% 100%;
    background-blend-mode: overlay
}

.button.action-primary:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    text-decoration: underline!important
}

.button.action-primary.context-secondary {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 255 255 / var(--tw-border-opacity))!important;
    font-weight: 700!important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity))!important
}

.button.lime {
    --tw-gradient-from: #d9f99d var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(217 249 157 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(163 230 53 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #a3e635 var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #84cc16 var(--tw-gradient-to-position)
}

.button.action-tertiary {
    --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #F9FAFB var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #F3F4F6 var(--tw-gradient-to-position)
}

section.buttongroup .button {
    margin-bottom: .5rem!important;
    display: block!important;
    width: 100%!important;
    max-width: 100%!important
}

@media (min-width: 768px) {
    section.buttongroup .button {
        margin-bottom:0!important
    }
}

a.action-secondary {
    margin-right: 1.5rem;
    display: inline-block;
    width: auto;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    text-decoration-line: underline;
    opacity: .5
}

a.action-secondary .icon {
    margin-right: .25rem;
    display: inline;
    width: auto;
    text-decoration-line: underline
}

a.action-secondary:hover {
    opacity: 1
}

nav.main {
    position: relative;
    font-size: 1.25rem;
    line-height: 1.75rem;
    z-index: 255
}

nav.main div.wrapper {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: auto;
    padding: 1.5rem
}

@media (min-width: 1024px) {
    nav.main div.wrapper {
        margin-left:auto;
        margin-right: auto;
        width: 1080px
    }
}

@media (min-width: 1280px) {
    nav.main div.wrapper {
        width:1080px
    }
}

nav.main div.wrapper {
    padding: 0
}

@media (min-width: 1536px) {
    nav.main div.wrapper.expand-on-big-screens {
        width:75%
    }
}

nav.main ul.main {
    display: flex;
    justify-content: flex-end
}

nav.main ul.main>li {
    vertical-align: middle
}

nav.main ul.main>li>a {
    margin-top: 1rem;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    border-radius: .75rem;
    border-bottom-width: 2px;
    border-color: transparent;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: .75rem;
    vertical-align: middle;
    font-size: 1.25rem;
    line-height: 1.75rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .1s
}

nav.main ul.main>li>a:hover {
    text-decoration-line: underline
}

nav.main ul.main>li>a {
    text-shadow: -1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white;
    font-family: basier_squaremedium,sans-serif;
    font-weight: 700;
    letter-spacing: 0em;
    color: #db302f
}

nav.main ul.main>li:first-of-type {
    margin-right: auto;
    border-radius: .5rem;
    padding-right: .5rem
}

nav.main ul.main>li:first-of-type a {
    margin-top: 0;
    margin-right: 1.5rem;
    vertical-align: middle;
    font-size: 1.875rem;
    line-height: 2.25rem
}

nav.main:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(to bottom,#ffffff 0%,rgba(255,255,255,.9) 60%,rgba(255,255,255,0) 100%);
    z-index: -1
}

body .tippy-box {
    background-color: transparent;
    z-index: 1000;
    position: relative
}

body .tippy-content {
    padding: 0;
    border: 0px white solid;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

body .tippy-arrow {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

div.submenu,div.dropdown,.tippy-content {
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

div.submenu .wrapper,div.dropdown .wrapper,.tippy-content .wrapper {
    border-radius: .5rem;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: .5rem;
    padding-bottom: 1rem
}

div.submenu .wrapper.info,div.dropdown .wrapper.info,.tippy-content .wrapper.info {
    padding: 1rem
}

div.submenu .wrapper ul li,div.dropdown .wrapper ul li,.tippy-content .wrapper ul li {
    display: block;
    width: 100%;
    cursor: pointer;
    border-width: 4px;
    border-color: transparent;
    padding: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: .25rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 400
}

div.submenu .wrapper ul li:hover,div.dropdown .wrapper ul li:hover,.tippy-content .wrapper ul li:hover {
    border-width: 4px;
    --tw-text-opacity: 1;
    color: rgb(119 29 29 / var(--tw-text-opacity))
}

div.submenu .wrapper ul li,div.dropdown .wrapper ul li,.tippy-content .wrapper ul li {
    font-family: basier_squaremedium,sans-serif!important;
    letter-spacing: 0em!important;
    font-weight: 400!important;
    color: #db302f
}

.language-switcher {
    cursor: pointer;
    border-radius: .75rem;
    border-bottom-width: 2px;
    border-color: transparent;
    font-size: 1.25rem;
    line-height: 1.75rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .1s
}

.language-switcher:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(252 233 106 / var(--tw-bg-opacity))
}

.language-switcher {
    font-family: basier_squaremedium,sans-serif;
    font-weight: 700;
    letter-spacing: 0em;
    color: #db302f
}

.language-switcher span.fi {
    margin-right: .25rem;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-width: 2px;
    outline-color: #fff;
    border-radius: 50%
}

.language-dropdown span.fi {
    margin-right: 1rem;
    border-radius: 50%
}

.dropdown-extended.wrapper:after {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(100% / 3);
    background: radial-gradient(circle at 20% 30%,rgba(94,230,218,.09375) 0%,rgba(64,224,208,.09375) 20%,transparent 40%),linear-gradient(45deg,rgba(64,255,255,.09375) 0%,rgba(0,255,255,.09375) 30%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(159,255,223,.09375) 0%,rgba(127,255,212,.09375) 40%,transparent 70%),linear-gradient(-45deg,rgba(232,255,255,.09375) 0%,rgba(224,255,255,.09375) 50%,transparent 80%),radial-gradient(circle at 90% 90%,rgba(255,255,255,.09375) 0%,rgba(255,255,255,.09375) 30%,transparent 50%);
    z-index: 1;
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 4px;
    width: calc((100% - 4px) / 3);
    background-color: #e9faff;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.dropdown-extended.wrapper>* {
    position: relative;
    z-index: 2
}

.dropdown-extended li {
    display: flex;
    align-items: center
}

.dropdown-extended li .icon-container {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4em
}

.dropdown-extended li .icon-container img.menu-icon {
    height: 4em;
    width: auto!important;
    margin-right: 1em
}

.dropdown-extended li .icon-container.small {
    width: 2em;
    margin-right: 1em
}

.dropdown-extended li .icon-container.small img.menu-icon {
    height: 2em!important;
    vertical-align: top
}

.dropdown-extended li .text-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.dropdown-extended li a {
    display: flex;
    text-decoration: none
}

.dropdown-extended li a h3 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700
}

.dropdown-extended li a p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.dropdown-extended li span {
    display: block
}

.dropdown-extended li:hover h3 {
    --tw-text-opacity: 1;
    color: rgb(255 105 0 / var(--tw-text-opacity))
}

.dropdown-extended li:hover svg .background {
    fill: url(#gradient-highlight)
}

.dropdown-extended div.secondary ul {
    margin-top: 1rem
}

.dropdown-extended div.secondary ul h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700
}

[data-theme=megamenu] {
    margin-left: 1.6vw
}

.dropdown-megamenu ul {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media (min-width: 640px) {
    .dropdown-megamenu ul {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }
}

@media (min-width: 768px) {
    .dropdown-megamenu ul {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 1024px) {
    .dropdown-megamenu ul {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 1280px) {
    .dropdown-megamenu ul {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}

.dropdown-megamenu li {
    display: flex;
    align-items: flex-start
}

.dropdown-megamenu li .icon-container {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start
}

.dropdown-megamenu li .icon-container img.menu-icon {
    height: 4em;
    width: auto!important;
    margin-right: 1em
}

.dropdown-megamenu li .text-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.dropdown-megamenu li a {
    display: flex;
    text-decoration: none
}

.dropdown-megamenu li a h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700
}

.dropdown-megamenu li a p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.dropdown-megamenu li span {
    display: block
}

.dropdown-megamenu li:hover h3 {
    text-decoration-line: underline
}

.style-btn a,.style-btn button {
    color: #fff!important;
    background-color: orange;
    padding-left: 1.5em;
    padding-right: 1.5em!important;
    text-decoration: none!important;
    outline: 2px white solid;
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fbc520 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease;
    border-radius: .125rem;
    transition: all .2s ease-in-out;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0;
    padding-bottom: 0;
    text-shadow: none!important
}

.style-btn a.gradient-clip-text,.style-btn button.gradient-clip-text {
    background-clip: content-box;
    -webkit-background-clip: text;
    background-clip: text
}

.style-btn a.gradient-direction-vertical,.style-btn button.gradient-direction-vertical {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.style-btn a.gradient-default,.style-btn button.gradient-default {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fbc520 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

.style-btn a.gradient-default:hover,.style-btn button.gradient-default:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

.style-btn a.gradient-default-dark,.style-btn button.gradient-default-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #ff8b40 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

.style-btn a.gradient-default-dark:hover,.style-btn button.gradient-default-dark:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

.style-btn a.gradient-text,.style-btn button.gradient-text {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

.style-btn a.gradient-darker,.style-btn button.gradient-darker {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

.style-btn a.gradient-dark,.style-btn button.gradient-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #db302f var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(219 48 47 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #f23534 var(--tw-gradient-to-position)
}

.style-btn a.gradient-direction-circles,.style-btn button.gradient-direction-circles {
    background: radial-gradient(circle at 10% 20%,#fbc520 40%,transparent 60%),radial-gradient(circle at 70% 120%,#fbc520 55%,transparent 75%),radial-gradient(circle at 90% 40%,#fc5f06 48%,transparent 98%);
    background-size: 100% 100%;
    background-blend-mode: overlay
}

.style-btn a:hover,.style-btn button:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    text-decoration: underline!important
}

div.wrapper .primary ul li {
    padding: 0!important
}

ul.tab-head {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center
}

ul.tab-head li {
    display: inline-block
}

ul.tab-head li button {
    font-size: 1.5rem;
    line-height: 2rem
}

.home .header-wrapper {
    position: relative;
    margin-top: -5em;
    padding-top: 5em
}

.home .header-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 80%,#ffffff 100%),url(/build/assets/home-hero-b2b8ab1e.jpg);
    background-size: cover;
    background-position: left 0,left -12em;
    background-repeat: no-repeat;
    opacity: .3;
    z-index: -1
}

@media (max-width: 767px) {
    .home .header-wrapper {
        margin-top:-8em
    }

    .home .header-wrapper:before {
        background-position: center top
    }
}

.home .home-features {
    display: flex;
    width: 100%;
    max-width: 36rem;
    flex-direction: column;
    gap: .25rem;
    text-align: left;
    font-family: basier_squaremedium,sans-serif;
    letter-spacing: 0em;
    font-weight: 400
}

.home .home-features .home-feature {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #710000
}

.home .home-features .home-feature .home-feature-icon {
    font-size: 1.5rem;
    line-height: 2rem
}

.home .home-features .home-feature a {
    text-decoration: underline;
    color: inherit
}

.home .home-features .home-feature .badge {
    margin-left: .5rem;
    border-radius: .375rem;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    border-width: 1px
}

.home .home-features .home-feature .badge.free {
    display: none;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(14 159 110 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(243 250 247 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(4 108 78 / var(--tw-text-opacity))
}

.home .home-features .home-feature .badge.soon {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(139 92 246 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(245 243 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(109 40 217 / var(--tw-text-opacity))
}

.home .home-features .home-feature .badge.pro {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    background: linear-gradient(to right,#f44336,#ff5722,#ff9800,#ffc107,#ffeb3b)
}

.newsletter-box {
    width: 100%;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: #db302f;
    position: relative;
    background-color: transparent
}

.newsletter-box strong {
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(253 246 178 / var(--tw-bg-opacity));
    padding-left: .25rem;
    padding-right: .25rem
}

.newsletter-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/build/assets/bg-blue-cloud-d43fc516.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .4;
    z-index: -1
}

.datatable {
    width: 100%
}

.datatable td {
    padding: 1rem .25rem
}

.datatable.social-tramos {
    width: 100%;
    border-collapse: collapse
}

.datatable.social-tramos th,.datatable.social-tramos td {
    padding-top: 1.5rem;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem
}

.datatable.social-tramos th.income-range,.datatable.social-tramos th.minimum-contribution {
    border-top: 2px solid red;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.datatable.social-tramos tbody tr:last-child .income-range,.datatable.social-tramos tbody tr:last-child .minimum-contribution {
    border-bottom: 2px solid red;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    padding-bottom: 1.5rem
}

.datatable.social-tramos tr:nth-child(odd) .income-range,.datatable.social-tramos tr:nth-child(odd) .minimum-contribution {
    --tw-bg-opacity: 1;
    background-color: rgb(253 253 234 / var(--tw-bg-opacity))
}

.datatable.social-tramos tr:nth-child(even) .income-range,.datatable.social-tramos tr:nth-child(even) .minimum-contribution {
    --tw-bg-opacity: 1;
    background-color: rgb(253 246 178 / var(--tw-bg-opacity))
}

.datatable.social-tramos th {
    font-weight: 700
}

.datatable.social-tramos .tramo {
    width: 10%
}

.datatable.social-tramos .income-range {
    width: 20%;
    border-left: 2px solid red
}

.datatable.social-tramos .minimum-base,.datatable.social-tramos .minimum-contribution,.datatable.social-tramos .maximum-base,.datatable.social-tramos .maximum-contribution {
    width: 15%
}

.datatable.social-tramos .minimum-contribution {
    border-right: 2px solid red
}

.datatable.social-tramos .tramo-code {
    text-align: center
}

.datatable.social-tramos .income-range,.datatable.social-tramos .minimum-base,.datatable.social-tramos .minimum-contribution,.datatable.social-tramos .maximum-base,.datatable.social-tramos .maximum-contribution {
    white-space: nowrap
}

.datatable.social-tramos .minimum-base,.datatable.social-tramos .maximum-base,.datatable.social-tramos .maximum-contribution {
    opacity: .5
}

.datatable.social-tramos .maximum-base {
    padding-right: 2.5rem
}

.datatable.social-tramos th.income-range,.datatable.social-tramos td.income-range {
    border-left: 2px solid red;
    position: relative;
    text-align: center
}

.datatable.social-tramos td.income-range:after {
    content: "👉";
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    color: red;
    font-weight: 700
}

.datatable.social-tramos th.minimum-contribution,.datatable.social-tramos td.minimum-contribution {
    border-right: 2px solid red;
    text-align: center
}

svg.icon:not(button svg.icon):not(a.action svg.icon) {
    overflow: visible;
    height: 2em!important;
    color: #db302f;
    display: inline-block;
    fill: #db302f;
    stroke: #db302f;
    stroke-width: 1
}

svg.icon:not(button svg.icon):not(a.action svg.icon) .background {
    fill: #fff;
    fill: linear-gradient(45deg,#f44336,#ff5722,#ff9800,#ffc107,#ffeb3b);
    fill: -webkit-linear-gradient(45deg,#f44336,#ff5722,#ff9800,#ffc107,#ffeb3b);
    fill: -moz-linear-gradient(45deg,#f44336,#ff5722,#ff9800,#ffc107,#ffeb3b);
    fill: -o-linear-gradient(45deg,#f44336,#ff5722,#ff9800,#ffc107,#ffeb3b);
    fill: url(#gradient)
}

svg.icon:not(button svg.icon):not(a.action svg.icon) .silhouette {
    filter: drop-shadow(0 .7em .7em rgba(0,0,0,.5));
    stroke: #fff;
    stroke-width: 1.5em;
    paint-order: stroke fill
}

svg.icon:not(button svg.icon):not(a.action svg.icon).social {
    transform: scale(1.5)
}

svg.icon:not(button svg.icon):not(a.action svg.icon).rates {
    transform: scale(1.2)
}

svg.icon:not(button svg.icon):not(a.action svg.icon) .silhouette {
    stroke: #ffffffb3
}

svg.icon:not(button svg.icon):not(a.action svg.icon) .g {
    color: #db302f
}

svg.icon:not(button svg.icon):not(a.action svg.icon).large {
    height: 5em!important;
    transform: scale(1);
    margin-top: .5rem;
    margin-bottom: .5rem
}

body.blog.post article {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: auto;
    padding: 1.5rem
}

@media (min-width: 1024px) {
    body.blog.post article {
        margin-left:auto;
        margin-right: auto;
        width: 1080px
    }
}

@media (min-width: 1280px) {
    body.blog.post article {
        width:1080px
    }
}

body.blog.post article {
    font-size: 1.5rem;
    line-height: 2rem
}

@media (min-width: 1536px) {
    body.blog.post article.expand-on-big-screens {
        width:75%
    }
}

body.blog.post article p.intro {
    margin-top: 1.5rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

body.blog.post article p.content {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem
}

section.posts {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: auto;
    padding: 1.5rem
}

@media (min-width: 1024px) {
    section.posts {
        margin-left:auto;
        margin-right: auto;
        width: 1080px
    }
}

@media (min-width: 1280px) {
    section.posts {
        width:1080px
    }
}

@media (min-width: 1536px) {
    section.posts.expand-on-big-screens {
        width:75%
    }
}

section.posts article.post {
    margin-bottom: 1.5rem;
    width: 100%;
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width: 640px) {
    section.posts article.post {
        width:50%
    }
}

@media (min-width: 768px) {
    section.posts article.post {
        width:33.333333%
    }
}

@media (min-width: 1280px) {
    section.posts article.post {
        width:25%
    }
}

section.posts article.post {
    display: block;
    border: 2px solid #db302f;
    border-radius: .5rem;
    padding: 1rem;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

section.posts article.post img.thumb {
    width: 100%;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    margin: -1rem -1rem 1rem;
    width: calc(100% + 2rem)
}

section.posts article.post h2 {
    margin-bottom: .5rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: #db302f
}

section.posts article.post h2 a {
    color: inherit;
    text-decoration: none
}

section.posts article.post h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    font-family: basier_squaremedium,sans-serif;
    letter-spacing: 0em;
    font-weight: 400
}

section.tools.style-dark .tool-card,section.tools-slideshow.style-dark .tool-card {
    --tw-bg-opacity: 1;
    background-color: rgb(224 36 36 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #db302f var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(219 48 47 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #f23534 var(--tw-gradient-to-position);
    border-color: #fff
}

section.tools.style-dark .tool-card.gradient-clip-text,section.tools-slideshow.style-dark .tool-card.gradient-clip-text {
    background-clip: content-box;
    -webkit-background-clip: text;
    background-clip: text
}

section.tools.style-dark .tool-card.gradient-direction-vertical,section.tools-slideshow.style-dark .tool-card.gradient-direction-vertical {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

section.tools.style-dark .tool-card.gradient-default,section.tools-slideshow.style-dark .tool-card.gradient-default {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fbc520 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

section.tools.style-dark .tool-card.gradient-default:hover,section.tools-slideshow.style-dark .tool-card.gradient-default:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

section.tools.style-dark .tool-card.gradient-default-dark,section.tools-slideshow.style-dark .tool-card.gradient-default-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff6e10 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 110 16 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #ff8b40 var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline;
    transition: all .8s ease
}

section.tools.style-dark .tool-card.gradient-default-dark:hover,section.tools-slideshow.style-dark .tool-card.gradient-default-dark:hover {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #ff9951 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 153 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fcd45e var(--tw-gradient-to-position);
    color: transparent;
    text-decoration-line: underline
}

section.tools.style-dark .tool-card.gradient-text,section.tools-slideshow.style-dark .tool-card.gradient-text {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

section.tools.style-dark .tool-card.gradient-darker,section.tools-slideshow.style-dark .tool-card.gradient-darker {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #fbc520 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 197 32 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(252 233 106 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #FCE96A var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ff6e10 var(--tw-gradient-to-position)
}

section.tools.style-dark .tool-card.gradient-dark,section.tools-slideshow.style-dark .tool-card.gradient-dark {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: #db302f var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(219 48 47 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #f23534 var(--tw-gradient-to-position)
}

section.tools.style-dark .tool-card.gradient-direction-circles,section.tools-slideshow.style-dark .tool-card.gradient-direction-circles {
    background: radial-gradient(circle at 10% 20%,#fbc520 40%,transparent 60%),radial-gradient(circle at 70% 120%,#fbc520 55%,transparent 75%),radial-gradient(circle at 90% 40%,#fc5f06 48%,transparent 98%);
    background-size: 100% 100%;
    background-blend-mode: overlay
}

section.tools.style-dark .tool-card .tool-title,section.tools-slideshow.style-dark .tool-card .tool-title {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

section.tools.style-dark .tool-card .tool-description,section.tools-slideshow.style-dark .tool-card .tool-description {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

section.tools.style-bright .tool-card,section.tools-slideshow.style-bright .tool-card {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))!important;
    --tw-text-opacity: 1 !important;
    color: rgb(224 36 36 / var(--tw-text-opacity))!important
}

section.tools.style-bright .tool-title,section.tools-slideshow.style-bright .tool-title {
    --tw-text-opacity: 1;
    color: rgb(224 36 36 / var(--tw-text-opacity))
}

section.tools.style-bright .tool-description,section.tools-slideshow.style-bright .tool-description {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

section.tools.style-small .tool-card,section.tools-slideshow.style-small .tool-card {
    border-style: none!important;
    padding: .5rem!important;
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important
}

section.tools.style-small a,section.tools-slideshow.style-small a {
    border-radius: .75rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(219 48 47 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
    padding: 1rem 1.5rem
}

section.tools.style-small .tool-title,section.tools-slideshow.style-small .tool-title {
    text-align: left;
    font-size: 1.25rem!important;
    line-height: 1.75rem!important;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(224 36 36 / var(--tw-text-opacity))
}

section.tools.style-small .tool-description,section.tools-slideshow.style-small .tool-description {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

section.tools.tools,section.tools-slideshow.tools {
    margin-left: auto;
    margin-right: auto;
    display: grid;
    gap: 1.5rem;
    padding: 0;
    grid-template-columns: repeat(auto-fit,15em);
    justify-content: start
}

section.tools.tools h2.title,section.tools-slideshow.tools h2.title {
    grid-column: 1 / -1;
    display: inline-block;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-text-opacity: 1;
    color: rgb(224 36 36 / var(--tw-text-opacity))
}

section.tools.tools.list,section.tools-slideshow.tools.list {
    grid-template-columns: repeat(24,1fr)
}

section.tools.tools.list .tool-card,section.tools-slideshow.tools.list .tool-card {
    width: auto!important;
    grid-column: span 12
}

section.tools.tools-slideshow .tool-card,section.tools-slideshow.tools-slideshow .tool-card {
    margin-top: 1em;
    width: auto
}

section.tools .tool-card,section.tools-slideshow .tool-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .75rem;
    padding: 1rem .5rem .5rem;
    text-align: center;
    border: 2px solid #db302f;
    box-shadow: 4px 4px #db302f1a;
    transition: all .2s;
    width: 15em;
    position: relative
}

section.tools .tool-card:hover,section.tools-slideshow .tool-card:hover {
    transform: translateY(-2px);
    box-shadow: 6px 6px #db302f26
}

section.tools .tool-card .badge:first-child,section.tools-slideshow .tool-card .badge:first-child {
    position: absolute;
    top: -.75rem;
    right: 0rem;
    border-radius: .375rem;
    z-index: 10;
    box-shadow: 2px 2px 4px #0000001a
}

section.tools .tool-icon,section.tools-slideshow .tool-icon {
    margin-bottom: 1rem;
    font-size: 1.875rem;
    line-height: 2.25rem
}

section.tools .tool-title,section.tools-slideshow .tool-title {
    margin-bottom: .75rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    text-decoration-line: underline;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

section.tools .tool-title:hover,section.tools-slideshow .tool-title:hover {
    opacity: .8
}

section.tools .tool-title,section.tools-slideshow .tool-title {
    font-family: basier_squaremedium,sans-serif;
    font-weight: 700;
    letter-spacing: 0em;
    color: #db302f
}

section.tools .tool-description,section.tools-slideshow .tool-description {
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

section.tools .badge,section.tools-slideshow .badge {
    border-radius: .375rem;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    border-width: 1px
}

section.tools .badge.free,section.tools-slideshow .badge.free {
    --tw-border-opacity: 1;
    border-color: rgb(166 216 107 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(166 216 107 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

section.tools .badge.soon,section.tools-slideshow .badge.soon {
    --tw-border-opacity: 1;
    border-color: rgb(139 92 246 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(245 243 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(109 40 217 / var(--tw-text-opacity))
}

section.tools .badge.pro,section.tools-slideshow .badge.pro {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    background: linear-gradient(to right,#f44336,#ff5722,#ff9800,#ffc107,#ffeb3b)
}

section.tools-links {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    justify-content: center
}

section.tools-links .tool-link {
    display: flex;
    align-items: center;
    gap: .75rem;
    border-radius: .75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 0;
    padding-right: 1.5rem;
    transition: all .2s
}

section.tools-links .tool-link a {
    text-decoration-line: underline
}

section.tools-links .tool-link:hover {
    transform: translateY(-2px);
    box-shadow: 6px 6px #db302f26
}

section.tools-links .tool-title,section.tools-links .tool-label {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    text-decoration-line: underline;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

section.tools-links .tool-title:hover,section.tools-links .tool-label:hover {
    opacity: .8
}

section.tools-links .tool-title,section.tools-links .tool-label {
    color: #db302f
}

section.tools-links .tool-label {
    padding-right: 1rem;
    font-weight: 400;
    text-decoration-line: none;
    opacity: .6
}

section.tools-links .badge {
    border-radius: .375rem;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    border-width: 1px
}

section.tools-links .badge.free {
    --tw-border-opacity: 1;
    border-color: rgb(166 216 107 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(166 216 107 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

section.tools-links .badge.soon {
    --tw-border-opacity: 1;
    border-color: rgb(139 92 246 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(245 243 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(109 40 217 / var(--tw-text-opacity))
}

section.tools-links .badge.pro {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    background: linear-gradient(to right,#f44336,#ff5722,#ff9800,#ffc107,#ffeb3b)
}