/* /static/theme/css/contacts-page.css */
.chips--blue{padding:4px 8px;border-radius:20px;background-color:#9000ed;color:#fffeff;font-size:16px;font-weight:700;line-height:130%;letter-spacing:0.32px}html.dark .chips--blue{background-color:#9000ed;color:#fffeff}.input{position:relative;height:fit-content;max-height:120px}.input__label{position:absolute;left:14px;top:16px;font-size:16px;line-height:20px;letter-spacing:0.32px;color:#a5a7b1;transition:all 250ms cubic-bezier(0.4,0,0.2,1)}.input__label.active{top:6px;color:#a5a7b1;font-size:12px;line-height:16px}.input__field{height:48px;padding-left:14px;padding-right:14px;padding-top:22px;width:100%;border-radius:12px;border:1px solid #d2d3d8;transition:all 250ms cubic-bezier(0.4,0,0.2,1);outline:none;background-color:transparent;font-family:"Manrope",sans-serif;color:#1d233b;font-size:16px;line-height:20px;letter-spacing:0.32px}.input__field:hover + .input__label{color:#1d233b}.input__field:focus{border-color:#1d233b}.input__field:focus + .input__label{top:6px;color:#a5a7b1;font-size:12px;line-height:16px}.input__field.error{border-color:#f1c5cf;background-color:rgba(241,197,207,0.2)}.input__field--area{height:fit-content;min-height:48px;padding-bottom:16px;resize:none}.input__counter{position:absolute;bottom:6px;right:8px;color:#a5a7b1;text-align:right;font-size:12px;line-height:16px;letter-spacing:0.24px}html.dark .input{border-color:rgba(255,254,255,0.2);color:#fffeff}html.dark .input__label{color:rgba(255,254,255,0.4)}html.dark .input__field{border-color:rgba(255,254,255,0.2);color:#fffeff}html.dark .input__field:hover + .input__label{color:#fffeff}html.dark .input__field:focus{border-color:#fffeff}html.dark .input__field:focus + .input__label{color:rgba(255,254,255,0.4)}html.dark .input__field.error{border-color:#ac2945;background-color:rgba(241,197,207,0.2)}.checkbox{display:flex;align-items:center;gap:16px}.checkbox__field{position:relative}.checkbox__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;cursor:pointer}.checkbox__input:hover + .checkbox__square{background-color:#e8e9eb}.checkbox__input:checked + .checkbox__square{background-color:#1d233b}.checkbox__input:checked + .checkbox__square .checkbox__icon{opacity:1}.checkbox__input:checked:hover + .checkbox__square .checkbox__icon path{fill:#9000ed}.checkbox__square{display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:4px;border:1px solid #1d233b;background-color:transparent;transition:all 250ms cubic-bezier(0.4,0,0.2,1)}.checkbox__icon{opacity:0;pointer-events:none}.checkbox__icon path{transition:all 250ms cubic-bezier(0.4,0,0.2,1);fill:#fffeff}.checkbox__label{color:#1d233b;font-size:16px;line-height:20px;letter-spacing:0.32px;cursor:pointer}html.dark .checkbox__square{border-color:#fffeff}html.dark .checkbox__label{color:#fffeff}html.dark .checkbox__input:hover + .checkbox__square{background-color:rgba(255,254,255,0.1)}html.dark .checkbox__input:checked + .checkbox__square{background-color:rgba(255,254,255,0.1);border-color:transparent}.contacts-modal-request__overlay{position:fixed;top:0;left:0;z-index:999;display:flex;align-items:end;width:100vw;height:100dvh;background:rgba(0,0,0,0.2);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:all 250ms cubic-bezier(0.4,0,0.2,1)}.contacts-modal-request__overlay.isOpen{opacity:1;pointer-events:auto}.contacts-modal-request__overlay.isOpen>.contacts-modal-request{transform:translateY(0)}@media only screen and (min-width:1024px){.contacts-modal-request__overlay.isOpen>.contacts-modal-request{bottom:50%;left:50%;transform:translate(-50%,50%)}}.contacts-modal-request{position:relative;width:100%;height:fit-content;padding:48px 8px 16px 8px;transform:translateY(200%);border-radius:16px 16px 0px 0px;background:#fffeff;box-shadow:0px -4px 16px 0px rgba(96,46,132,0.15)}@media only screen and (min-width:1024px){.contacts-modal-request{width:600px;border-radius:16px 16px 16px 16px;padding:48px 8px 48px 8px}}.contacts-modal-request__close{position:absolute;top:0;right:0;padding:14px;background:none;border:none;outline:none;cursor:pointer}.contacts-modal-request__content{display:flex;flex-direction:column;align-items:center;gap:16px}.contacts-modal-request__title{display:flex;flex-direction:column;color:#1d233b;text-align:center;font-size:30px;font-weight:600;line-height:38px;letter-spacing:0.6px}@media only screen and (min-width:768px){.contacts-modal-request__title{flex-direction:row}}.contacts-modal-request__subtitle{display:flex;flex-direction:column;color:#1d233b;text-align:center;font-size:18px;font-weight:400;line-height:24px;letter-spacing:0.36px}@media only screen and (min-width:768px){.contacts-modal-request__subtitle{flex-direction:row}}.contacts-modal-request__btn{width:100%}@media only screen and (min-width:1024px){.contacts-modal-request__btn{width:140px}}html.dark .contacts-modal-request{background:#1d233b}html.dark .contacts-modal-request__icon-close{stroke:#fffeff}html.dark .contacts-modal-request__title,html.dark .contacts-modal-request__subtitle{color:#fffeff}.contacts{color:#1d233b;margin-top:24px}.contacts__head{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}@media only screen and (min-width:768px){.contacts__head{flex-direction:row;justify-content:space-between;align-items:center}}@media only screen and (min-width:1920px){.contacts__head{margin-bottom:64px}}.contacts__social{display:flex;flex-wrap:wrap;gap:16px}@media only screen and (min-width:768px){.contacts__social{align-items:center;flex-wrap:nowrap}}.contacts__social_text{width:100%;color:#7a7d8d}@media only screen and (min-width:768px){.contacts__social_text{width:fit-content}}.contacts__social_link{width:calc(33% - 11px)}@media only screen and (min-width:768px){.contacts__social_link{width:48px;height:48px}}@media only screen and (min-width:1024px){.contacts__content{display:flex;gap:16px}}.contacts__fields{display:flex;flex-direction:column;gap:32px;margin-bottom:104px}@media only screen and (min-width:1024px){.contacts__fields{flex:1;min-width:0;margin-bottom:0;padding:24px 0;gap:56px}}.contacts__area{display:flex;flex-direction:column;gap:16px}@media only screen and (min-width:768px){.contacts__item-single{max-width:calc(50% - 8px)}}.contacts__top{display:flex;align-items:center;justify-content:space-between;padding:8px 0}@media only screen and (min-width:768px){.contacts__top{justify-content:flex-start;gap:16px;padding:0}}.contacts__top .chips{font-size:16px;line-height:20px}.contacts__col{display:flex;flex-direction:column;gap:8px;width:100%}.contacts__col-4{display:flex;flex-direction:column;gap:8px;width:100%}@media only screen and (min-width:1024px){.contacts__col-4{gap:4px}}.contacts__row-8{display:flex;flex-direction:column;gap:8px}@media only screen and (min-width:768px){.contacts__row-8{flex-direction:row;gap:16px}}.contacts__row{display:flex;flex-direction:column;gap:16px}@media only screen and (min-width:768px){.contacts__row{flex-direction:row}}.contacts__divider{width:100%;height:1px;background-color:#e8e9eb}@media only screen and (min-width:768px){.contacts__divider{display:none}}.contacts__label{color:#4a4f62}.contacts__form{display:flex;flex-direction:column;gap:16px}@media only screen and (min-width:1024px){.contacts__form{flex-shrink:0;width:394px;padding:24px;border-radius:22px;border:1px solid #d2d3d8}}@media only screen and (min-width:1200px){.contacts__form{width:454px}}@media only screen and (min-width:1440px){.contacts__form{width:544px}}@media only screen and (min-width:1920px){.contacts__form{width:788px}}@media only screen and (min-width:768px){.contacts__form .checkbox__label{max-width:424px}}@media only screen and (min-width:1024px){.contacts__form .checkbox__label{max-width:448px}}.contacts__inputs{display:flex;flex-direction:column;gap:16px}.contacts__inputs .input{width:100%}@media only screen and (min-width:768px){.contacts__inputs{flex-direction:row}}@media only screen and (min-width:1024px){.contacts__inputs{flex-direction:column}}@media only screen and (min-width:1920px){.contacts__inputs{flex-direction:row}}.contacts__submit{width:100%}@media only screen and (min-width:768px){.contacts__submit{width:fit-content}}.contacts__picture{position:relative;display:none}@media only screen and (min-width:1024px){.contacts__picture{display:flex;justify-content:center;padding-top:94px;width:100%;height:410px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(214,215,251,0.4) 0%,rgba(90,81,194,0.4) 100%)}}.contacts__picture__filter-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#9000ED 0%,rgba(151,71,255,0) 100%);mix-blend-mode:soft-light}.contacts__picture .reflection__img_layer{top:56%;filter:blur(14px);z-index:0}html.dark .contacts{color:#fffeff}html.dark .contacts__social_text{color:rgba(255,254,255,0.7)}html.dark .contacts__divider{background-color:rgba(255,254,255,0.1)}html.dark .contacts__label{color:rgba(255,254,255,0.8)}html.dark .contacts__form{border-color:rgba(255,254,255,0.2)}html.dark .contacts__picture{background:linear-gradient(180deg,#9000ED 0%,rgba(151,71,255,0) 100%),linear-gradient(180deg,rgba(214,215,251,0.4) 0%,rgba(90,81,194,0.4) 100%)}.contact-item{position:relative;display:flex;gap:8px;width:100%;height:fit-content;min-height:48px;padding:12px;border-radius:12px;background-color:rgba(29,35,59,0.03)}.contact-item--full-height{height:auto}.contact-item__icon{width:24px;height:24px}.contact-item__icon svg path{stroke:#9000ed}.contact-item__tooltip{right:0;top:-42px}.contact-item__tooltip .tooltip__arrow{left:90%}@media only screen and (min-width:768px){.contact-item__tooltip{transform:translateX(25%)}.contact-item__tooltip .tooltip__arrow{left:50%}}.contact-item__link{flex-grow:1;font-size:18px;line-height:24px;letter-spacing:0.36px;text-decoration:none;color:#1d233b;transition:all 250ms cubic-bezier(0.4,0,0.2,1)}.contact-item a.contact-item__link:hover{color:#9000ed}.contact-item__copy{width:24px;height:24px;border:none;background-color:transparent;cursor:pointer}.contact-item__copy svg path{transition:all 250ms cubic-bezier(0.4,0,0.2,1);stroke:#d2d3d8}.contact-item__copy:hover svg path{stroke:#9000ed}html.dark .contact-item{background-color:rgba(255,254,255,0.05)}html.dark .contact-item__icon svg path{stroke:#a85bf6}html.dark .contact-item__link{color:#fffeff}html.dark .contact-item__copy svg path{stroke-opacity:0.2;stroke:#fffeff}html.dark .contact-item__copy:hover svg path{stroke-opacity:1;stroke:#a85bf6}