.x,.x__block{block-size:100%}.x,.x__end{inset-inline-start:0}.x__btn,.x__end-code{font-weight:700}@-webkit-keyframes spin{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes spin{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.x{background-color:rgba(31,31,31,.85);inline-size:100%;inset-block-start:0;opacity:0;pointer-events:none;position:fixed;-webkit-transition:opacity .4s ease-out .2s;-o-transition:opacity .4s ease-out .2s;transition:opacity .4s ease-out .2s;z-index:999999}.x__close,.x__end,.x__end-result,.x__label{position:absolute}.x.is-active{opacity:1;pointer-events:all}.x--error .x__end-result--time,.x--success .x__end-result--time,.x__end{opacity:0}.x__block{background-color:#fff;border-block:5px solid #00ba18;display:block;inline-size:calc(32.5% + 35px);-webkit-margin-start:auto;margin-inline-start:auto;min-inline-size:320px;overflow:hidden auto;padding-block:22px 15px;padding-inline:calc(15px + 15 * ((100vw - 320px)/ (1920 - 320)));text-align:center;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.x.is-active .x__block{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .4s ease-out .6s;transition:transform .4s ease-out .6s;-o-transition:transform .4s ease-out .6s;transition:transform .4s ease-out .6s,-webkit-transform .4s ease-out .6s}.x--success .x__block{border-block-color:#13a463}.x--error .x__block,.x__input.is-error{border-block-color:#d91d0b}.x__close{block-size:30px;inline-size:30px;inset-block-start:calc(17.28px + 5.22 * ((100vw - 320px)/ (1920 - 320)));inset-inline-end:10px;stroke:#1f1f1f;-webkit-transition:stroke .4s ease-out;-o-transition:stroke .4s ease-out;transition:stroke .4s ease-out;z-index:9}.x__close-svg,.x__end{block-size:100%;inline-size:100%;pointer-events:none}.x__close-svg{fill:none}.x__close:active,.x__close:focus-visible{stroke:#00c519}.x__end{background-color:rgba(251,251,253,.95);inset-block-start:0;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out;z-index:10}.x__end-result{inset-block-start:50%;inset-inline-start:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.x__end-result--time{background-color:currentColor;block-size:60px;border-block:5px solid currentColor;border-end-end-radius:50%;border-end-start-radius:50%;border-inline:5px solid currentColor;border-start-end-radius:50%;border-start-start-radius:50%;-webkit-box-shadow:inset 0 0 0 22px #fff;box-shadow:inset 0 0 0 22px #fff;color:#d6d6d6;inline-size:60px;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out;z-index:1}.x__btn,.x__input{border-end-end-radius:4px;border-end-start-radius:4px;border-start-end-radius:4px;border-start-start-radius:4px;display:block;font-size:inherit}.x__end-result--time::after,.x__end-result--time::before{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:currentColor;border-end-end-radius:2.4px;border-end-start-radius:2.4px;border-start-end-radius:2.4px;border-start-start-radius:2.4px;content:"";inline-size:4.8px;inset-block-start:50%;inset-inline-start:calc(50% - 2.4px);position:absolute;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0}.x__end-result--time::before{-webkit-animation-duration:.75s;animation-duration:.75s;block-size:21.6px}.x__end-result--time::after{-webkit-animation-duration:9s;animation-duration:9s;block-size:15px}.x--error .x__end-result--error,.x--loading .x__end,.x--success .x__end-result--success{opacity:1;pointer-events:all}.x__end-result--error,.x__end-result--success{inline-size:100%;opacity:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.x__end-result--success{z-index:2}.x__end-result--error{z-index:3}.x__end-icon{pointer-events:none;display:block;block-size:calc(60px + 30 * ((100vw - 320px)/ (1920 - 320)));inline-size:calc(60px + 30 * ((100vw - 320px)/ (1920 - 320)));margin-block:0 7.5px;margin-inline:auto}.x--success .x__end-icon{fill:#13a463}.x--error .x__end-icon{fill:#d91d0b}.x__end-title{-webkit-margin-after:7.5px;margin-block-end:7.5px;text-transform:uppercase}.x--success .x__end-title{color:#13a463}.x--error .x__end-title{color:#d91d0b}.x--error .x__end,.x--success .x__end{z-index:8}.x__title{-webkit-margin-after:.3333333333em;margin-block-end:.3333333333em;-webkit-padding-end:20px;padding-inline-end:20px}.x__text{-webkit-margin-after:1.875em;margin-block-end:1.875em}.x__group{-webkit-margin-after:.9375em;margin-block-end:.9375em}.x__group:last-of-type{-webkit-margin-after:1.40625em;margin-block-end:1.40625em}.x__input{background-color:#fbfbfd;border-block:2px solid #dddfe3;border-inline:2px solid #dddfe3;font-family:I,sans-serif;inline-size:100%;line-height:1.4;min-block-size:52px;padding-block:18px 7.5px;padding-inline:15px;-webkit-transition:border-block-color .4s ease-out,border-inline-color .4s ease-out;-o-transition:border-block-color .4s ease-out,border-inline-color .4s ease-out;transition:border-block-color .4s ease-out,border-inline-color .4s ease-out}.x__input::-webkit-input-placeholder{color:transparent;opacity:0}.x__input::-moz-placeholder{color:transparent;opacity:0}.x__input:-ms-input-placeholder{color:transparent;opacity:0}.x__input::-ms-input-placeholder{color:transparent;opacity:0}.x__input::placeholder{color:transparent;opacity:0}.x__input--message{min-block-size:142px}.x__input.is-error{border-inline-color:#d91d0b}.x__label{display:block;inline-size:calc(100% - 30px);inset-block-start:16px;inset-inline-start:15px;pointer-events:none;text-align:left;-webkit-transition:font-size .2s ease-out,inset-block-start .2s ease-out,color .2s ease-out;-o-transition:font-size .2s ease-out,inset-block-start .2s ease-out,color .2s ease-out;transition:font-size .2s ease-out,inset-block-start .2s ease-out,color .2s ease-out}.x__input:not(:-moz-placeholder-shown)+.x__label{background-color:#fbfbfd;color:rgba(31,31,31,.65);font-size:12px;inset-block-start:2px;line-height:1.5}.x__input:not(:-ms-input-placeholder)+.x__label{background-color:#fbfbfd;color:rgba(31,31,31,.65);font-size:12px;inset-block-start:2px;line-height:1.5}.x__input:focus-visible+.x__label,.x__input:not(:placeholder-shown)+.x__label{background-color:#fbfbfd;color:rgba(31,31,31,.65);font-size:12px;inset-block-start:2px;line-height:1.5}.x__input.is-error+.x__label{color:#d91d0b}.x__btn{background-color:#00ba18;border-block:2px solid #00ba18;border-inline:2px solid #00ba18;color:#fbfbfc;inline-size:100%;line-height:2;padding-block:.625em;padding-inline:1.40625em;text-align:center;-webkit-transition:background-color .4s ease-out,border-block-color .4s ease-out,border-inline-color .4s ease-out;-o-transition:background-color .4s ease-out,border-block-color .4s ease-out,border-inline-color .4s ease-out;transition:background-color .4s ease-out,border-block-color .4s ease-out,border-inline-color .4s ease-out}.x__btn:active,.x__btn:focus-visible{background-color:#00c519;border-block-color:#00c519;border-inline-color:#00c519}@media (hover:hover){.x__close:hover{stroke:#00c519}.x__btn:hover{background-color:#00c519;border-block-color:#00c519;border-inline-color:#00c519}}@media (min-width:1921px){.x__close{block-size:1.5625vw;inline-size:1.5625vw;inset-block-start:1.171875vw;inset-inline-end:.5208333333vw}.x__end-result--time{block-size:3.125vw;border-block-width:.25vw;border-inline-width:.25vw;-webkit-box-shadow:inset 0 0 0 1.15625vw #fff;box-shadow:inset 0 0 0 1.15625vw #fff;inline-size:3.125vw}.x__end-result--time::after,.x__end-result--time::before{border-end-end-radius:.125vw;border-end-start-radius:.125vw;border-start-end-radius:.125vw;border-start-start-radius:.125vw;inset-inline-start:calc(50% - .125vw);inline-size:.25vw}.x__end-result--time::before{block-size:1.125vw}.x__end-result--time::after{block-size:.78125vw}.x__end-icon{block-size:4.6875vw;inline-size:4.6875vw;-webkit-margin-after:.390625vw;margin-block-end:.390625vw}.x__title{-webkit-padding-end:1.0416666667vw;padding-inline-end:1.0416666667vw}.x__block{border-block-width:.2604166667vw;inline-size:calc(32.5% + 1.8229166667vw);padding-block:1.171875vw .78125vw;padding-inline:1.5625vw}.x__btn,.x__input{border-block-width:.1041666667vw;border-inline-width:.1041666667vw;border-end-end-radius:.2083333333vw;border-end-start-radius:.2083333333vw;border-start-end-radius:.2083333333vw;border-start-start-radius:.2083333333vw}.x__input{min-block-size:2.7083333333vw;padding-block:.9375vw .390625vw;padding-inline:.78125vw}.x__input:not(:-moz-placeholder-shown)+.x__label{font-size:.625vw;inset-block-start:.1041666667vw}.x__input:not(:-ms-input-placeholder)+.x__label{font-size:.625vw;inset-block-start:.1041666667vw}.x__input:focus-visible+.x__label,.x__input:not(:placeholder-shown)+.x__label{font-size:.625vw;inset-block-start:.1041666667vw}.x__input--message{min-block-size:7.3958333333vw}.x__label{inline-size:calc(100% - 1.5625vw);inset-block-start:.8333333333vw;inset-inline-start:.78125vw}}