/*--------------------*/
/*  Helpers           */
/*--------------------*/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/Roboto-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/Roboto-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/Roboto-Bold.woff2') format('woff2');
}

.informer,
.cart,
.cart-informer,
.cookies-informer,
.popup-wrapper {display: none;}
/* spacers */
[class*=spacer] {clear: both;width: 100%;}
.spacer-xl {height: var(--sp-xl);}
.spacer-lg {height: var(--sp-lg);}
.spacer-md {height: var(--sp-md);}
.spacer-sm {height: var(--sp-sm);}
.spacer-xs {height: var(--sp-xs);}
/* gutters */
.g-xl,
.gy-xl {--bs-gutter-y: var(--sp-xl);}
.g-lg,
.gy-lg {--bs-gutter-y: var(--sp-lg);}
.g-md,
.gy-md {--bs-gutter-y: var(--sp-md);}
.g-sm,
.gy-sm {--bs-gutter-y: var(--sp-sm);}
.g-xs,
.gy-xs {--bs-gutter-y: var(--sp-xs);}
.g-xl,
.gx-xl {--bs-gutter-x: var(--sp-xl);}
.g-lg,
.gx-lg {--bs-gutter-x: var(--sp-lg);}
.g-md,
.gx-md {--bs-gutter-x: var(--sp-md);}
.g-sm,
.gx-sm {--bs-gutter-x: var(--sp-sm);}
.g-xs,
.gx-xs {--bs-gutter-x: var(--sp-xs);}
.g-10 {--bs-gutter-x: 10px;--bs-gutter-y: 10px;}
/* margins */
.mt-xl {margin-top: var(--sp-xl);}
.mt-lg {margin-top: var(--sp-lg);}
.mt-md {margin-top: var(--sp-md);}
.mt-sm {margin-top: var(--sp-sm);}
.mt-xs {margin-top: var(--sp-xs);}
.mb-xl {margin-bottom: var(--sp-xl);}
.mb-lg {margin-bottom: var(--sp-lg);}
.mb-md {margin-bottom: var(--sp-md);}
.mb-sm {margin-bottom: var(--sp-sm);}
.mb-xs {margin-bottom: var(--sp-xs);}
.mx-auto {margin-inline: auto;}
.mt-0 {margin-top: 0;}
/* colors */
.clr-white {color: var(--clr-white) !important;}
.clr-black {color: var(--clr-black) !important;}
.clr-primary {color: var(--clr-primary) !important;}
.clr-secondary {color: var(--clr-secondary) !important;}
.clr-green {color: var(--clr-green) !important;}
.clr-red {color: var(--clr-red) !important;}
/* cover */
.image {position: relative;}
.image img {display: block;position: relative;width: 100%;}
:where(.image-cover),
:where(.video-cover),
:where(.image-contain) {position: relative;overflow: hidden;padding-bottom: 50%;}
:where(.image-round) {overflow: hidden;border-radius: 100%;padding-bottom: 100%;}
.video-cover video,
.image-cover img,
.image-contain img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.image-contain img {-o-object-fit: scale-down;object-fit: scale-down;}
a .image-cover img,
a .video-cover video {transition: transform var(--transition-1);}
@media (min-width: 1200px) {
a:hover .image-cover img,
a:hover .video-cover video {transform: scale(1.04);}
}
/* icon */
.icon {--size: 1.5rem;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.icon > * {display: block;width: 100%;height: 100%;}
.decor-links a {position: relative;padding-bottom: 0.25rem;}
.decor-links a::before {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;transform: scaleX(0);transform-origin: center;background-color: var(--clr-primary);transition: var(--transition-1);}
.social.text-social {margin-top: 1.25rem;}
.social.text-social ul {list-style: none;justify-content: flex-start;align-items: center;}
.social.text-social ul > * + * {margin-top: 0;}
.social.text-social ul li {padding-left: 0;}
.social.text-social ul li:before {display: none;}
@media (min-width: 1200px) {
.decor-links a:hover {color: var(--clr-primary);}
.decor-links a:hover::before {content: "";transform: scaleX(1);}
}
/* sticky block */
@media (min-width: 1200px) {
.show-sticky {overflow: visible;}
.sticky-block {position: sticky;top: calc(var(--h-height) + 2rem);}
}
/*--------------------*/
/*  BANNER            */
/*--------------------*/
.banner-section {margin-top: 0;}
.banner {position: relative;}
.banner-media {position: absolute;overflow: hidden;z-index: 0;inset: 0;}
.banner-media img,
.banner-media video {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.video {position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;clip: rect(auto, auto, auto, auto);display: none;}
.video.video-present {display: block;overflow: hidden;}
.video video {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: auto;height: auto;min-width: calc(100% + 8px);min-height: calc(100% + 8px);}
.banner-align {position: relative;z-index: 1;display: table-cell;vertical-align: middle;width: 625rem;height: auto;}
.banner-align.align-bottom {vertical-align: bottom;}
.banner-align.align-top {vertical-align: top;}
@media (min-width: 768px) {
.banner {--clr-title: var(--clr-title);--clr-text: var(--clr-title);}
.banner-align {padding-block: max(1rem, 3vw);height: 40rem;}
.banner-info {text-align: center;}
.banner-info > * + * {margin-top: 1.25rem;}
:is(.banner-btns) {display: flex;align-items: center;justify-content: center;gap: 1.25rem;margin-top: 2.5rem;}
}
@media (min-width: 1200px) {
.banner.full .banner-align {height: calc(100svh - var(--h-height));}
.banner-slider .swiper-button-prev {left: 2.5rem;}
.banner-slider .swiper-button-next {right: 2.5rem;}
}
@media (max-width: 1199px) {
.banner-slider .swiper-button-prev {left: 0.375rem;display: block;}
.banner-slider .swiper-button-next {right: 0.375rem;display: block;}
}
@media (max-width: 767px) {
.banner-media {position: relative;padding-top: 100%;pointer-events: none;margin-top: calc(var(--sp-md) * -1);}
.banner-info {text-align: center;}
.banner-info > * {margin-top: 1.5rem;}
:is(.banner-btns) > * {display: block;width: 100%;}
:is(.banner-btns) > * + * {margin-top: 1rem;}
}
.banner-section {opacity: 1;}
/*--------------------*/
/*  Brands            */
/*--------------------*/
:root {--h-marquee: 6.25rem;--gap-marquee: 1.5rem;}
.marquee-line {will-change: transform;backface-visibility: hidden;overflow: clip;width: 100%;height: var(--h-marquee);}
.marquee-item {position: absolute;transform: translate3d(var(--x), 0, 0);padding-inline: calc(var(--gap-marquee) / 2);gap: var(--gap-marquee);display: inline-flex;align-items: center;}
.marquee-content {gap: var(--gap-marquee);display: inline-flex;align-items: center;width: -moz-max-content;width: max-content;}
.marquee-content > * {flex-shrink: 0;}
.brand-item {position: relative;display: block;aspect-ratio: 2;height: var(--h-marquee);}
.brand-item img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 75%;max-height: 60%;width: 100%;-o-object-fit: contain;object-fit: contain;}
@media (max-width: 767px) {
:root {--h-marquee: 5.25rem;--gap-marquee: 0.5rem;}
}
@media (max-width: 575px) {
:root {--h-marquee: 3.25rem;--gap-marquee: 0.125rem;}
}
.srv-items {--items: 2;display: grid;grid-template-columns: repeat(var(--items), 1fr);gap: var(--sp-md);}
.srv-item > * + * {margin-top: 1.25rem;}
.srv-items .srv-item .text {width: 70%; line-height: 1.2em;}
.srv-image-block > * + * {margin-top: var(--sp-md);}
.srv-img {position: relative;padding-bottom: 50%;max-width: 80%;margin-inline: auto;}
.srv-img .srv-img-svg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;content-visibility: auto;}
.srv-img .srv-img-svg  img {width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;content-visibility: auto;}
@media (max-width: 1199px) {
.srv-inner .row {--bs-gutter-x: var(--sp-md);}
}
@media (max-width: 1199px) and (max-width: 767px) {
.srv-image-block .srv-img {display: none;}
.srv-image-block > * + * {margin-top: 0;}
.srv-title {margin-bottom: 2.5rem;}
.srv-items {--items: 1;}
.srv-items .h3 {font-size: 2rem;}
.srv-item {padding-bottom: 1.875rem;border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.05);}
.srv-item > * + * {margin-top: 0.75rem;}
.srv-item:has(.btn-link) .h2 {grid-column: 1/-1;grid-row: 1;}
.srv-item:has(.btn-link) .btn-link {grid-column: 2;grid-row: 2;justify-self: end;align-self: end;}
}
.section-solutions h2.h1-sm{line-height: 1.1em;}
@media (max-width: 767px) {
.section-solutions:has(.btn) .btn {display: block;}
}
.section-cta {position: relative;}
.cta-align {position: relative;z-index: 1;display: table-cell;vertical-align: middle;width: 625rem;height: auto;height: 32.25rem;}
.cta-align.align-top {vertical-align: top;}
.cta-info > * + * {margin-top: var(--sp-xs);}
.cta-info :is(.btn) {margin-top: var(--sp-md);}
.cta-media {position: absolute;right: 0;bottom: 0;z-index: 0;}
.cta-media img {display: block;width: 73vw;height: 100%;-o-object-fit: contain;object-fit: contain;}
@media (max-width: 1199px) {
.cta-align {height: 21.25rem;}
}
@media (max-width: 767px) {
.section-cta {padding-bottom: 0;}
.section-cta .btn {display: block;}
.section-cta .title {text-align: left;font-size: 3.25rem !important;}
.section-cta .text {text-align: left;}
.cta-align {height: auto;text-align: center;}
.cta-media {position: relative;padding-top: 66%;pointer-events: none;margin-top: calc(var(--sp-md) * -1);}
.cta-media img {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;content-visibility: auto;}
}
.partners-list {--arrowSz: 2.725rem;display: flex;gap: var(--sp-md);align-items: center;flex-wrap: wrap;}
.partners-list li {display: flex;align-items: center;gap: 0.875rem;font-size: 2rem;line-height: 1;}
.partners-list li svg {width: var(--arrowSz);flex: 0 0 var(--arrowSz);height: auto;}
.partners-image {position: relative;padding-bottom: 50%;}
.partners-image img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 62%;height: 66%;-o-object-fit: contain;object-fit: contain;}
@media (max-width: 767px) {
.section-partners {text-align: center;}
.section-partners:has(.btn) .btn {display: block;}
.partners-list {justify-content: center;margin-top: 2.125rem;}
}
@media (max-width: 767px) {
.section-tech .title {text-align: center;}
.section-tech .row {justify-content: center;align-items: center;}
}
.section-glr .slide-img {position: relative;aspect-ratio: 16/10;height: 100%;overflow: hidden;}
.section-glr .slide-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.whom-w {--columns: 2;gap: 1rem;display: grid;}
.whom-content > * + * {margin-top: 1.75rem;}
.whom-image {overflow: hidden;}
.whom-img {position: relative;overflow: hidden;height: 100%;aspect-ratio: 1.05;}
.whom-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
@media (min-width: 768px) {
.whom-w {grid-template-columns: repeat(var(--columns), 1fr);grid-template-rows: auto auto;gap: var(--sp-md);}
.whom-content {align-self: end;}
.whom-content > * + * {margin-top: 2.75rem;}
.whom-image {grid-column: 2/-1;grid-row: 1/-1;}
}
.blok-row {--bs-gutter-x: 2.5rem;--bs-gutter-y: 5rem;}
.blok-item {position: relative;display: block;}
.blok-item > * + * {margin-top: 1.25rem;}
.blok-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 660/325;}
.blok-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;transition: transform var(--transition-1);}
.blok-content > * + * {margin-top: 0.75rem;}
.blok-label {color: #06101a;}
.blok-content-top {display: flex;align-items: center;justify-content: space-between;gap: 2rem;}
.blok-content-bottom {display: flex;justify-content: space-between;gap: 2rem;}
.blok-content-bottom .text {max-width: 65%;}
@media (min-width: 1200px) {
a.blok-img:hover img {transform: scale(1.05);}
.blok-item a.title:hover {color: var(--clr-primary);}
}
@media (max-width: 767px) {
.blok-row {--bs-gutter-x: 1rem;--bs-gutter-y: 3.75rem;}
.blok-img {aspect-ratio: 660/400;}
.blok-content-top {flex-direction: column-reverse;gap: 0.125rem;align-items: flex-start;}
.blok-content-bottom {flex-direction: column;gap: 1.25rem;}
.blok-content-bottom .text {max-width: 100%;}
.blok-content-bottom .btn-link {align-self: flex-start;}
}
.sidebar-list {--li-arrowSz: 1.25rem;margin-top: var(--sp-sm) !important;}
.sidebar-list li a {font-size: var(--h5);opacity: 0.5;text-decoration: none !important;}
.sidebar-list li.active a {opacity: 1;}
@media (min-width: 1200px) {
.sidebar-list li a:hover {opacity: 1;}
}
@media (max-width: 767px) {
.sidebar-list {display: none;}
}
/*--------------------*/
/*  LR Block          */
/*--------------------*/
.lr-img {position: relative;padding-top: 75%;height: 100%;overflow: hidden;}
.lr-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.lr-content {height: 100%;display: flex;justify-content: space-between;gap: var(--sp-md);flex-direction: column;}
.lr-desc {text-wrap: balance;}
.lr-desc > * + * {margin-top: 4%;}
@media (max-width: 991px) {
.lr-img {margin-bottom: 4%;}
}
@media (max-width: 767px) {
.lr-logo {display: none;}
.lr-desc br {display: none;}
}
/*--------------------*/
/*  Sub links         */
/*--------------------*/
.sub-links {--space: 0.75rem;margin-bottom: var(--sp-sm);overflow-y: clip;overflow-x: auto;scroll-snap-type: x mandatory;}
.sub-links::-webkit-scrollbar {display: none;}
.sub-links ul {width: -moz-max-content;width: max-content;gap: var(--space);display: flex;justify-content: center;}
.sub-links li {display: inline-block;cursor: pointer;font-size: 1rem;font-weight: 400;line-height: 1em;color: var(--clr-title);padding: 0.5rem 0.8125rem;border-radius: var(--rd-1);background-color: var(--clr-white);border: 0.0625rem solid var(--clr-border);transition: var(--transition-1);scroll-snap-align: center;scroll-margin-left: var(--space);}
.sub-links li.is-active {color: var(--clr-white);background-color: var(--clr-title);border-color: currentColor;}
.sub-links li:has(a) {padding: 0;}
.sub-links li:has(a) a {padding: 0.5rem 0.8125rem;transition: none;}
@media (min-width: 992px) {
.sub-links.type-2 ul {width: 100%;margin-inline: 0;gap: var(--space);flex-direction: column;}
}
@media (min-width: 1200px) {
.sub-links li:hover {color: var(--clr-white);background-color: var(--clr-title);border-color: currentColor;}
}
@media (max-width: 1199px) {
.sub-links {font-size: 0.875rem;}
}
@media (max-width: 575px) {
.sub-links {--space: 0.75rem;margin-inline: calc(-1 * var(--space));}
.sub-links ul {padding-inline: var(--space);}
}
/*--------------------*/
/*  Blog              */
/*--------------------*/
.blog-wrap > * + * {margin-top: var(--sp-lg);}
.blog-item {position: relative;gap: var(--sp-xs) var(--sp-sm);display: flex;flex-direction: column;}
.blog-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1.25;}
.blog-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;transition: transform var(--transition-1);}
.blog-content {gap: var(--sp-xs);display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;}
.blog-content .title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.15;}
.blog-content .text {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blog-content-bottom > * + * {margin-top: 1.5rem;}
.blog-content-bottom-item > * + * {margin-top: 0.5rem;}
.blog-content-bottom-item .title {font-weight: 600;}
@media (min-width: 768px) {
.blog-wrap .blog-item {flex-direction: row;}
.blog-wrap .blog-img {align-self: flex-start;flex: 0 0 50%;}
.blog-wrap.type-2 .blog-item:nth-child(even) {flex-direction: row-reverse;}
}
@media (min-width: 1200px) {
a.blog-img:hover img {transform: scale(1.05);}
.blog-item a.title:hover {color: var(--clr-primary);}
}
@media (max-width: 1199px) {
.blog-row {--bs-gutter-x: 1rem;}
.blog-label {font-size: 0.75rem;}
.blog-tags b {font-size: 0.75rem;}
}
@media (max-width: 767px) {
.blog-content {gap: 0;}
.blog-content > * {width: 100%;}
.blog-content-top {padding-bottom: 1.875rem;}
.blog-content-bottom {padding-top: 1.875rem;border-top: 0.0625rem solid rgba(0, 0, 0, 0.05);}
.blog-item .title,
.blog-item .text {display: block;}
.blog-text-row * {text-align: center;}
}
/*--------------------*/
/*  Contacts          */
/*--------------------*/
.ct-items-row {--bs-gutter-y: 1.875rem;}
.contact-item {display: flex;align-items: center;}
.contact-item + .contact-item {margin-top: 1.875rem;}
.contact-item-img {--size: 3.75rem;position: relative;align-self: flex-start;flex-shrink: 0;width: var(--size);height: var(--size);margin-right: 4%;border-radius: 100%;border: 0.0625rem solid var(--clr-black);}
.contact-item-img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 50%;max-height: 50%;}
.contact-item-info {display: flex;flex-direction: column;align-items: flex-start;font-weight: 500;font-size: var(--h6);line-height: 1.3em;color: var(--clr-text);}
.contact-item-info > * + * {margin-top: 0.25rem;}
.contact-block {position: relative;overflow: hidden;display: block;padding-top: max(22.5rem, 36vw);border-radius: var(--rd-1);}
.map {position: absolute;inset: 0;}
@media (min-width: 1200px) {
.contact-item-info a:hover {color: var(--clr-primary);}
}
@media (max-width: 575px) {
.contact-item-img {--size: 2.5rem;}
}
/*--------------------*/
/*  Footer            */
/*--------------------*/
.footer {padding-block: 3.75rem;}
.footer-logo {display: block;max-width: 15.0625rem;width: 100%;}
.footer-logo img {display: block;width: 100%;}
.footer-logo-w {display: flex;flex-direction: column;height: 100%;justify-content: space-between;align-items: flex-start;gap: 1rem;}
.footer-links ul {display: inline-flex;flex-direction: column;align-items: flex-start;gap: 0.5rem;}
.footer-links li {line-height: 0;}
.footer-links a {font-size: var(--h6);font-weight: 400;line-height: 1;color: var(--clr-primary);}
.footer-links > * + * {margin-top: 0.625rem;}
.footer-links-title {opacity: 0.6;}
.footer-copy {display: flex;flex-wrap: wrap;align-items: center;gap: 0 2vw;}
.footer-copy > * {font-size: var(--text);line-height: 1;color: var(--clr-text);opacity: 0.6;}
.social ul {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 1rem;}
.social li {line-height: 0;}
.social a {position: relative;width: 1.5rem;height: 1.5rem;}
.social a > * {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;}
.dev-link {font-size: 1rem;line-height: 1.25em;color: var(--clr-text);gap: 0.5rem;display: flex;align-items: center;justify-content: flex-end;}
@media (min-width: 1200px) {
.footer-cnt-item:hover,
.footer-links a:hover,
.footer-copy a:hover {color: var(--clr-primary);}
.social a:hover {transform: scale(1.1);}
.dev-link:hover {color: var(--clr-primary);}
}
@media (max-width: 991px) {
.footer-logo {margin-inline: auto;}
.footer-copy,
.dev-link {justify-content: center;}
}
@media (max-width: 767px) {
.footer {padding: 3.75rem;border-top: 0.0625rem solid rgba(0, 0, 0, 0.05);}
.footer-links {text-align: center;}
.footer-links ul {align-items: center;}
}
/*--------------------*/
/*  Popups            */
/*--------------------*/
.popup-wrapper {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;transition-delay: 0.3s;display: block;}
.popup-wrapper .bg-layer {position: absolute;left: 0;right: 0;top: -6.25rem;bottom: -6.25rem;background: rgba(6, 16, 26, 0.6);backdrop-filter: blur(26px);opacity: 0;transition: opacity var(--transition-1);}
.popup-wrapper.active {left: 0;transition-delay: 0s;}
.popup-wrapper.active .bg-layer {opacity: 1;}
.popup-content {position: absolute;inset: 0;font-size: 0;text-align: center;letter-spacing: 0;padding: 0.9375rem;overflow: auto;-webkit-overflow-scrolling: touch;backface-visibility: hidden;opacity: 0;visibility: hidden;transform: translateX(-6.25rem);transition: var(--transition-1);}
.popup-content.active {transform: translateX(0%);opacity: 1;visibility: visible;}
.popup-content:after {content: "";display: inline-block;vertical-align: middle;height: 100%;}
.popup-content .layer-close {position: absolute;left: 0;bottom: 0;right: 0;height: 625rem;}
.popup-container {position: relative;display: inline-block;vertical-align: middle;width: 100%;max-width: 30.25rem;background: var(--clr-white);}
.popup-container.size-2 {max-width: 48.75rem;}
.popup-container .btn-close {position: absolute;z-index: 10;top: -2rem;right: 0;font-weight: 400;font-size: var(--text);line-height: 1;color: var(--clr-white);}
.popup-align {position: relative;z-index: 1;padding: 2.5rem;}
.popup-info > * + * {margin-top: 3%;}
.popup-info .title {font-size: 2.625rem !important;}
.open-popup {cursor: pointer;}
@media (max-width: 575px) {
.popup-align {padding: 1.25rem;}
.popup-info > * {text-align: left;}
}
/*--------------------*/
/*  Cookies           */
/*--------------------*/
.cookies-informer {--cookie-pd: clamp(1rem, 0.5789rem + 0.8772vw, 1.5rem);--cookie-gap: 1.5rem;position: fixed;bottom: var(--cookie-gap);left: calc(var(--cookie-gap) / 2);transform: translate(0%, 100%);max-width: min(100%, 45rem);width: calc(100% - var(--cookie-gap));padding: var(--cookie-pd);padding-right: calc(var(--cookie-pd) * 3);border-radius: var(--rd-1);background: var(--clr-white);border: 0.0625rem solid var(--clr-border);opacity: 0;visibility: hidden;backface-visibility: hidden;transition: var(--transition-1);display: block;}
.cookies-informer .btn-close {position: absolute;top: var(--cookie-pd);right: 1rem;}
.cookies-informer.active {z-index: 500;visibility: visible;opacity: 1;transform: translate(0%, 0%);}
.cookies-informer-inner {width: 100%;}
.cookies-informer-inner > * + * {margin-top: 1rem;}
.cookies-btn-wrap {display: flex;align-items: center;gap: 1.25rem;}
.cookies-btn-wrap > *:first-child:not(:hover) {color: var(--clr-primary);}