body{--containerPadding:40px;--headerHeight:88px;--sectionMarginSmall:40px;--sectionMarginMedium:56px;--sectionMarginBig:100px}@media (max-width:1024px){body{--headerHeight:80px;--sectionMarginSmall:32px;--sectionMarginMedium:48px;--sectionMarginBig:80px;--containerPadding:16px}}@media (max-width:568px){body{--headerHeight:61px;--sectionMarginSmall:20px;--sectionMarginMedium:32px}}.app-input{position:relative;width:100%}.app-input input{border:1px solid rgba(57,43,48,.239);color:#392b30;font-family:TT Chocolates;font-size:16px;font-weight:600;font-weight:400;height:40px;line-height:20px;padding-left:12px;width:100%}.app-input input::-moz-placeholder{color:#392b3066;font-family:TT Chocolates;font-size:16px;font-weight:600;font-weight:400;line-height:20px}.app-input input::placeholder{color:#392b3066;font-family:TT Chocolates;font-size:16px;font-weight:600;font-weight:400;line-height:20px}.app-input label{align-items:center;background-color:#fff;color:#392b3066;display:flex;font-family:TT Chocolates;font-size:16px;font-weight:600;font-weight:400;height:18px;justify-content:center;left:10px;line-height:20px;padding:0 2px;pointer-events:none;position:absolute;top:50%;transition:.4s;translate:0 -50%;white-space:nowrap}.app-input.filled label{top:0}.app-input:has(input:focus) label{top:0}.app-input ul{background-color:#fff;display:flex;flex-direction:column;left:0;opacity:0;pointer-events:none;position:absolute;top:100%;transition:.3s;width:100%;z-index:2}.app-input ul.open{opacity:1;pointer-events:all}.app-input ul li{cursor:pointer;font-family:TT Chocolates;font-size:16px;font-weight:600;font-weight:400;line-height:20px;padding:10px 12px;transition:.4s}@media (hover:hover){.app-input ul li:hover{background-color:#fdf9ed}}