@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
  --MainFont:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --BG:"";
  --InLine:3;
  --InPLine:3;
  --Color2:#6646D5;
  --Color6:#99ba2b;
  --Red:#EB2B1E;
  --MainFrameBg:#150B37;
  --MainFrameBg1:#EDF2F7;
  --Color4:#BFC3C8;
  --spacing: .25rem;
  --tracking-wider: .05em;
  --font-weight-black:900;
  --font-size: 16px;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-gray-50: oklch(.985 .002 247.839);
  --color-gray-200: oklch(.928 .006 264.531);
  --color-gray-300: oklch(.872 .01 258.338);
  --color-gray-400: oklch(.707 .022 261.325);
  --color-gray-500: oklch(.551 .027 264.364);
  --color-gray-700: oklch(.373 .034 259.733);
  --color-gray-800: oklch(.278 .033 256.848);
  --color-black: #000;
  --color-white: #fff;
  --color-white1: #fff9;
  --color-white3: #ffffff4d;
  --container-4xl: 56rem;
  --container-6xl: 72rem;
  --container-7xl: 80rem;
  --text-xs: .75rem;
  --text-xs--line-height: calc(1 / .75);
  --text-sm: .875rem;
  --text-sm--line-height: calc(1.25 / .875);
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --text-9xl: 8rem;
  --text-9xl--line-height: 1;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --tracking-tight: -.025em;
  --tracking-widest: .1em;
  --leading-relaxed: 1.625;
  --radius-3xl: 1.5rem;
  --blur-sm: 8px;
  --default-transition-duration: .15s;
  --default-transition-timing-function:
  		cubic-bezier(.4, 0, .2, 1);
  --tw-space-y-reverse: 0;
  --tw-gradient-position: initial;
  --tw-gradient-from: #0000;
  --tw-gradient-via: #0000;
  --tw-gradient-to: #0000;
  --tw-gradient-stops: initial;
  --tw-gradient-via-stops: initial;
  --tw-gradient-from-position: 0%;
  --tw-gradient-via-position: 50%;
  --tw-gradient-to-position: 100%;
  --tw-shadow: 0 0 #0000;
  --tw-inset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-inset-ring-shadow: 0 0 #0000;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-backdrop-blur: initial;
  --Bfr:"";
  --MainGap:calc(var(--30));
  --Gap:var(--30);
  ---150:calc(-1*var(--spacing)*37.5);
  ---50:calc(-1*var(--spacing)*12.5);
  ---10:calc(-1*var(--spacing)*2.5);
  --1:calc(var(--spacing)/4);
  --2:calc(var(--spacing)/2);
  --3:calc(var(--spacing)*.75);
  --4:var(--spacing);
  --8:calc(var(--spacing)*2);
  --10:calc(var(--spacing)*2.5);
  --11:calc(var(--spacing)*2.75);
  --15:calc(var(--spacing)*3.75);
  --16:calc(var(--spacing)*4);
  --18:calc(var(--spacing)*4.5);
  --19:calc(var(--spacing)*4.75);
  --20:calc(var(--spacing)*5);
  --22:calc(var(--spacing)*5.5);
  --24:calc(var(--spacing)*6);
  --26:calc(var(--spacing)*6.5);
  --30:calc(var(--spacing)*7.5);
  --33:calc(var(--spacing)*8.25);
  --36:calc(var(--spacing)*9);
  --39:calc(var(--spacing)*9.75);
  --40:calc(var(--spacing)*10);
  --42:calc(var(--spacing)*10.5);
  --44:calc(var(--spacing)*11);
  --45:calc(var(--spacing)*11.25);
  --50:calc(var(--spacing)*12.5);
  --60:calc(var(--spacing)*15);
  --64:calc(var(--spacing)*16);
  --72:calc(var(--spacing)*18);
  --80:calc(var(--spacing)*20);
  --90:calc(var(--spacing)*22.5);
  --100:calc(var(--spacing)*25);
  --142:calc(var(--spacing)*35.5);
  --150:calc(var(--spacing)*37.5);
  --195:calc(var(--spacing)*48.75);
  --230:calc(var(--spacing)*57.5);
  --395:calc(var(--spacing)*98.75);
  --560:calc(var(--spacing)*140);
  --567:calc(var(--spacing)*141.75);
  --600:calc(var(--spacing)*150);
  --800:calc(var(--spacing)*200);
  --880:calc(var(--spacing)*220);
  --970:calc(var(--spacing)*242.5);
  --1015:calc(var(--spacing)*253.75);
  --MainContentGap:var(--50);
  --MainPadding:var(--80);
  --MoreGap:var(--15);
  --HeaderSliderPaddingTB:var(--230);
  --HeaderSliderPaddingLR:0;
  --ContentVerticalGapTB:var(--40);
  --ContentVerticalGapLR:0;
  --MainBorderRadius:var(--10);
  --MainBlockPadding:var(--50);
  --ContentShortGap:var(--30);
  --HalfPadding:var(--880);
  --LogoHeight:var(--50);
  --LogoWidth:var(--142);
  --Type3Padding:var(--150);
  --PhotoSize:var(--150);
  --S5-8Padding:var(--970);
  --ButtonPaddingTB:var(--19);
  --BlockIconWidth:var(--60);
  --BigIconWidth:var(--100);
  --SideTitleWidth:var(--567);
  --MainHeaderFontSize:var(--40);
  --Type2-1Width:var(--560);
  --SidePadding:var(--44);
  --Type4Height:auto;
  --MoreImageURL:url("/images/more.svg");
  --ArrowRight:var(--40);
  --ArrowBottom:var(--40);
  --ArrowWidth:var(--50);
  --ArrowHeight:var(--50);
  --ArrowImageURL:url("/images/arrow.svg");
  --ArrowHoverImageURL:url("/images/arrow-h.svg");
  --BorderColor:var(--Color2);
  --HalfBorderRadius:50%;
}

textarea {
  -webkit-appearance: none;
}

*,
*:before,
*:after {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  scroll-behavior: smooth;
  box-sizing: border-box;
  transform-style: flat;
  backface-visibility: hidden;
}

/** {
	&::-webkit-scrollbar {
		width: var(--10);
		height: var(--10);
		background: transparent;
	}

	&::-webkit-scrollbar-track {
		background: transparent;
		border-radius: var(--5);
	}

	&::-webkit-scrollbar-thumb {
		border-radius: var(--5);
		border:0;
		background: var(--color-gray-400);
	}
}*/
.description > * + * {
  margin-top: var(--20);
}
.description ul,
.description ol {
  display: flex;
  flex-direction: column;
  gap: var(--10);
  margin-top: 0;
  margin-bottom: 0;
}
.description ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.description ul > li {
  position: relative;
  padding-left: var(--33);
}
.description ul > li:before {
  content: "";
  display: block;
  position: absolute;
  left: var(--15);
  top: var(--15);
  width: var(--3);
  height: var(--3);
  background: var(--color-white);
  border-radius: var(--1);
}
.description > p + ol, .description > p + ul {
  margin-top: var(--10);
}
.description:empty {
  display: none;
}
.description.annotation {
  font-size: var(--18);
  line-height: var(--26);
}
.description p:has(.btn) {
  font-size: 0;
  line-height: 0;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 6);
}

p {
  padding: 0;
  margin: 0;
}

p + p,
p + ul,
ul + p,
ol + p,
p + ol {
  margin: 0;
}

h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0;
  font-size: var(--40);
  font-weight: 400;
  color: var(--color-black);
  font-family: var(--MainFont), system-ui;
}
h1:empty, h2:empty, h3:empty, h4:empty, h5:empty {
  display: none;
}

.h1,
h1.title {
  font-size: var(--40);
  color: var(--color-black);
  font-weight: 400;
  font-family: var(--MainFont), system-ui;
}

.h2,
h2.title {
  font-size: var(--40);
  color: var(--color-black);
  font-family: var(--MainFont), system-ui;
}

.h3,
h3.title {
  font-size: var(--30);
  font-weight: 500;
  color: var(--color-black);
  font-family: var(--MainFont), system-ui;
}

.h2.up,
h2.title.up {
  text-transform: uppercase;
}

.description,
.type33aaa:before {
  color: var(--color-gray-700);
  font-size: var(--text-lg);
  line-height: var(--leading-relaxed);
  hyphens: auto;
}
.description a,
.type33aaa:before a {
  color: var(--color-black);
}
.description > * + *,
.type33aaa:before > * + * {
  margin-top: calc(var(--spacing) * 6 * (1 - var(--tw-space-y-reverse)));
}

.HeaderSliderDescription {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  color: var(--color-gray-300);
  font-weight: var(--font-weight-light);
  hyphens: none;
  padding: 0 calc(var(--spacing) * 25);
}
.HeaderSliderDescription p {
  margin: 0 0 calc(var(--spacing) * 6 * (1 - var(--tw-space-y-reverse)));
}
.HeaderSliderDescription p + p {
  margin: 0;
}
.HeaderSliderDescription p:has(.btn) {
  margin-top: calc(var(--spacing) * 16);
  align-items: center;
  justify-content: center;
}
.HeaderSliderDescription p.alt {
  color: var(--color-gray-400);
  line-height: var(--leading-relaxed);
  font-size: var(--text-lg);
  font-family: var(--font-mono);
  margin-bottom: calc(var(--spacing) * 8 * (1 - var(--tw-space-y-reverse)));
}
.HeaderSliderDescription p.price {
  padding-top: calc(var(--spacing) * 12);
  font-size: var(--text-7xl);
  line-height: var(--tw-leading, var(--text-7xl--line-height));
  color: transparent;
  font-weight: var(--font-weight-black);
  background-clip: text;
  --tw-gradient-to: #6646d5;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-from: #99ba2b;
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  margin-bottom: calc(var(--spacing) * 2);
  display: inline-block;
}

.more {
  display: inline-flex;
  gap: var(--MoreGap);
  align-items: center;
  color: var(--Color2);
  font-size: var(--22);
  line-height: var(--44);
  text-decoration: none;
  /*&:empty {
  	display: none;
  }*/
}
.more:hover {
  text-decoration: underline;
}
.more.sm {
  font-size: var(--18);
  line-height: var(--26);
  text-decoration: underline;
}
.more.sm:hover {
  text-decoration: none;
}
.more.sm:after {
  content: none;
}
.more:after {
  content: "";
  display: block;
  background: var(--MoreImageURL) no-repeat center center/contain;
  width: var(--24);
  height: var(--24);
}

.BlockTitleWhite {
  color: var(--color-black);
  font-size: var(--30);
}

.BlockTitle {
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--26);
  color: var(--color-white);
}

.btn {
  color: var(--color-white);
  letter-spacing: var(--tracking-widest);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-family: var(--font-mono);
  padding-block: calc(var(--spacing) * 4);
  padding-inline: calc(var(--spacing) * 8);
  border: var(--2) solid var(--color-white3);
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  transform: scale(1);
  transform-origin: center;
  transition: all 0.3s linear;
  text-decoration: none;
}
.btn:hover {
  transform: scale(1.05);
  text-decoration: none;
}
.btn.cl {
  --tw-gradient-to: #99ba2b;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-from: #6646d5;
  letter-spacing: var(--tracking-wider);
  font-weight: var(--font-weight-black);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  padding-block: calc(var(--spacing) * 6);
  padding-inline: calc(var(--spacing) * 12);
  --tw-gradient-position: to right in oklab;
  background: linear-gradient(var(--tw-gradient-stops));
  border: 0;
  color: var(--color-white);
}

.ValueString {
  font-size: var(--22);
  line-height: var(--30);
}

.Type21H {
  font-size: var(--36);
  font-weight: 600;
  line-height: var(--42);
  cursor: pointer;
  padding: var(--ButtonPaddingTB) 0;
}

.MenuDep {
  font-size: var(--64);
  color: var(--color-white);
}

body, html {
  padding: 0;
  margin: 0;
  min-height: 100vh;
  font-size: 0;
  scroll-behavior: smooth;
}

html {
  font-size: var(--font-size);
}

body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  width: 100%;
  min-height: 100vh;
  color: var(--color-black);
  font-style: normal;
  position: relative;
  background: var(--color-white);
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  font-size: 0;
}
body:has(.popupBox.visible) {
  overflow: hidden;
}
body > div.mb {
  width: 100%;
}
body.loading > * {
  opacity: 0;
  transition: opacity 0.3s linear;
}
body.loading:after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  transform-origin: center center;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: #6646D5;
  --c:radial-gradient(farthest-side,currentColor 92%,#0000);
  background: var(--c) 50% 0/12px 12px, var(--c) 50% 100%/12px 12px, var(--c) 100% 50%/12px 12px, var(--c) 0 50%/12px 12px, var(--c) 50% 50%/12px 12px, linear-gradient(currentColor 0 0) 50% 50%/4px 100%, linear-gradient(currentColor 0 0) 50% 50%/100% 4px;
  background-repeat: no-repeat;
  animation: s8 1s infinite linear;
}

@keyframes s8 {
  to {
    transform: translate(-50%, -50%) rotate(0.5turn);
  }
}
@media print {
  body:has(.popupBox.visible) {
    overflow: auto !important;
    background: #fff !important;
  }
  body:has(.popupBox.visible) > *:not(.popupBox) {
    display: none !important;
  }
  .popupBox {
    padding: 0 !important;
    position: relative;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    background: #fff !important;
    height: auto;
  }
  .popupBox .popup {
    height: auto;
  }
  .popupBox .popup .cover {
    max-height: none !important;
  }
  .popupBox .popup a.close,
  .popupBox .popup a.print,
  .popupBox .popup a.arrow {
    display: none !important;
  }
}
.popupBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-black);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s linear, visibility 0.3s linear, z-index 0.3s linear 0.3s;
  padding: var(--MainPadding);
  overflow: hidden;
  pointer-events: none;
}
.popupBox.visible {
  opacity: 1;
  pointer-events: auto;
  z-index: 1000;
}
.popupBox .popup {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--color-black);
  border-radius: var(--MainBorderRadius);
  overflow: hidden;
  max-height: calc(100% - var(--MainPadding) * 2);
  transition: all 0.3s linear;
}
.popupBox .popup > .title {
  font-family: var(--MainFont), serif;
  font-size: var(--40);
  line-height: var(--48);
  color: var(--color-white);
}
.popupBox .popup .description {
  color: var(--color-white);
}
.popupBox .popup > a.close {
  display: block;
  width: var(--MainGap);
  height: var(--MainGap);
  background: url("/images/close.svg") no-repeat center center/contain;
  position: absolute;
  right: var(--45);
  top: var(--39);
}
.popupBox#thank, .popupBox#requestPopup {
  display: flex;
  background: rgba(255, 255, 255, 0.9);
  justify-content: center;
  align-items: center;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  z-index: 2;
  backdrop-filter: blur(0);
}
.popupBox#thank.visible, .popupBox#requestPopup.visible {
  backdrop-filter: blur(3px) saturate(180%);
}
.popupBox#thank.visible .popup, .popupBox#requestPopup.visible .popup {
  opacity: 1;
}
.popupBox#thank.visible .popup > a.close, .popupBox#requestPopup.visible .popup > a.close {
  background-image: url("/images/close-w.svg");
}
.popupBox#thank .popup, .popupBox#requestPopup .popup {
  background: var(--MainFrameBg);
  padding: var(--30) var(--45);
  width: var(--800);
  opacity: 0;
  transition: all 0.3s linear;
  border-radius: 0;
  gap: var(--MainGap);
  cursor: auto;
}
.popupBox#thank .popup form, .popupBox#requestPopup .popup form {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: var(--15);
}
.popupBox#thank .popup form .list, .popupBox#requestPopup .popup form .list {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: var(--15);
}
.popupBox#thank .popup form .list .description, .popupBox#requestPopup .popup form .list .description {
  color: var(--color-black);
}
.popupBox#thank .popup form .list .line, .popupBox#requestPopup .popup form .list .line {
  display: flex;
  flex-direction: column;
  gap: var(--ContentShortGap);
}
.popupBox#thank .popup form .list .line > label:first-child, .popupBox#requestPopup .popup form .list .line > label:first-child {
  cursor: pointer;
  font-size: var(--20);
  color: var(--color-black);
}
.popupBox#thank .popup form .list .line .text, .popupBox#requestPopup .popup form .list .line .text {
  padding: var(--11);
}
.popupBox#thank .popup form .actions, .popupBox#requestPopup .popup form .actions {
  display: flex;
  gap: var(--MainGap);
}
.popupBox#thank .popup .cb + label, .popupBox#requestPopup .popup .cb + label {
  color: var(--color-black);
}
.popupBox#thank .popup .cb + label:after, .popupBox#requestPopup .popup .cb + label:after {
  border-color: var(--color-black);
}

input[type=button],
input[type=submit],
input[type=reset] {
  -webkit-appearance: none;
}

:has(> .cb) {
  position: relative;
}

.cb {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
}
.cb:checked label:after {
  display: block;
}
.cb + label {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  font-size: var(--20);
  padding-left: var(--30);
}
.cb + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: var(--24);
  height: var(--24);
  border: var(--2) solid var(--Color2);
  background-color: var(--color-black);
  border-radius: var(--3);
}
.cb + label:after {
  content: "";
  position: absolute;
  display: none;
  left: var(--8);
  top: var(--2);
  width: var(--8);
  height: var(--16);
  border: solid var(--Color2);
  border-width: 0 var(--2) var(--2) 0;
  transform: rotate(45deg);
}

img {
  height: auto;
  max-width: 100%;
}

a {
  color: var(--color-white);
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline;
}
a img {
  border: 0;
  max-width: 100%;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

select::-ms-expand {
  display: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
main,
nav,
section,
summary {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  clear: both;
}

option {
  color: var(--color-white);
}

div.text,
input.text,
select.text,
textarea.text {
  width: 100%;
  border: 1px solid var(--BorderColor);
  border-radius: var(--MainBorderRadius);
  padding: var(--ButtonPaddingTB);
  background: transparent;
  color: var(--color-white);
  font-size: var(--22);
  line-height: var(--30);
}

textarea.text {
  resize: vertical;
  height: var(--195);
}

.message {
  font-weight: 500;
  font-size: var(--text-base);
}
.message.error {
  color: var(--Red);
}
.message.success {
  color: var(--Color2);
}
.message.success:first-child {
  margin-bottom: var(--MainGap);
}

.text + .message {
  margin-top: var(--10);
}

.body {
  margin: 0;
}

#mb {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--MainContentGap);
}

#gvp {
  padding: 0;
  background: var(--color-black);
  display: flex;
  flex-direction: column;
}
#gvp .popup {
  display: flex;
  gap: var(--MainBlockPadding);
  max-height: 100vh;
  width: 100%;
  background: var(--color-black);
  flex-direction: row;
  padding: var(--MainPadding);
  flex: 1;
}
#gvp .popup .info-block {
  flex: 0 0 var(--Type2-1Width);
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}
#gvp .popup .photo {
  flex: 1;
  display: flex;
}
#gvp .popup .photo > .arrow {
  flex: 0 0 var(--MainContentGap);
  display: flex;
  align-items: center;
}
#gvp .popup .photo > .arrow .arrow {
  display: block;
  width: var(--MainContentGap);
  height: var(--MainContentGap);
  background: url("/images/arrow-nb.svg") center center/contain no-repeat;
  transition: background-image 0.3s linear;
}
#gvp .popup .photo > .arrow .arrow:hover {
  background-image: url("/images/arrow-h.svg");
}
#gvp .popup .photo > .arrow .arrow.right .arrow {
  transform: rotate(180deg);
}
#gvp .popup .photo > .cover {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
}

footer.footer {
  padding: var(--30) var(--SidePadding);
}
footer.footer .body {
  display: flex;
  gap: var(--MainGap);
  align-items: center;
}
footer.footer .logo {
  flex: 0 0 var(--LogoWidth);
}
footer.footer .logo img {
  max-height: var(--LogoHeight);
}
footer.footer .contacts {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  gap: var(--90);
  color: var(--color-white, #000);
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--26);
}
footer.footer .contacts .phones {
  display: flex;
  align-items: center;
  gap: var(--10);
}
footer.footer .contacts .phones a.whatsapp {
  flex: 0 0 var(--20);
  height: var(--20);
  width: var(--20);
  background: url("/images/whatsapp.svg") no-repeat center center/contain;
}

@keyframes headerLogoSlideIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
header.header {
  mix-blend-mode: difference;
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 6);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  pointer-events: none;
  z-index: 10;
}
header.header .logo {
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 1);
  animation: headerLogoSlideIn 1s ease-out;
}
header.header .logo .pixio {
  letter-spacing: var(--tracking-wider);
  font-weight: var(--font-weight-black);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  color: var(--color-white);
}
header.header .logo .label {
  color: var(--color-white1);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  font-family: var(--font-mono);
}
header.header .contacts {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
  pointer-events: auto;
}
header.header .contacts a {
  --BG: url("/images/phone.svg");
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--spacing) * 12);
  height: calc(var(--spacing) * 12);
  transition-property: color, transform, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  border: var(--1) solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
header.header .contacts a:before {
  content: "";
  background: var(--BG) center center/contain no-repeat;
  display: block;
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}
header.header .contacts a.whatsapp {
  --BG: url("/images/whatsapp.svg");
}
header.header .contacts a.whatsapp:hover {
  background: oklab(51.4583% 0.0604939 -0.198297 / 0.2);
}
header.header .contacts a:hover {
  background-color: oklab(73.9073% -0.0882264 0.139838 / 0.2);
  transform: scale(1.1);
}
header.header .contacts a span {
  display: none;
}

@supports (color: color-mix(in lab, red, red)) {
  header.header .logo .label {
    color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
  header.header .contacts a {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
  .btn {
    border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
  }
}
@keyframes slideIn {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

/*# sourceMappingURL=main.css.map */