:root{--template-1-h1-color:#000;--template-1-bg-color:#efddd3;--template-1-accent-color:#4b4b4a;--template-1-secondary-color:#fff;--template-2-h1-color:#000;--template-2-bg-color:#f0fcf0;--template-2-accent-color:#213e21;--template-2-secondary-color:#739472;--template-3-h1-color:#000;--template-3-bg-color:#feeeee;--template-3-accent-color:#460617;--template-3-secondary-color:#739472;--template-4-h1-color:#000;--template-4-bg-color:#ebebeb;--template-4-accent-color:#760f12}.examples__link-back{background:#fff;border-radius:50px;bottom:20px;display:flex;padding:10px 20px;position:fixed;width:-moz-max-content;width:max-content;z-index:10}.examples.examples_1{background:var(--template-1-bg-color)}.examples.examples_1 .container{position:relative;z-index:1}.examples.examples_1 input,.examples.examples_1 textarea{border:1px solid var(--template-1-accent-color);caret-color:var(--template-1-accent-color)}.examples.examples_1 input:focus,.examples.examples_1 textarea:focus{border:1px solid var(--template-1-accent-color)}.examples.examples_2{background:var(--template-2-bg-color)}.examples.examples_2 h2{font-size:40px;font-weight:500}@media (max-width:990px){.examples.examples_2 h2{font-size:35px}}@media (max-width:460px){.examples.examples_2 h2{font-size:30px}}.examples.examples_2 .form__item label,.examples.examples_2 .form__item-title{font-size:18px}.examples.examples_2 .container{position:relative;z-index:1}.examples.examples_2 *{color:var(--template-2-accent-color);font-family:Montserrat;font-size:22px;line-height:140%}@media (max-width:990px){.examples.examples_2 *{font-size:20px}}@media (max-width:460px){.examples.examples_2 *{font-size:18px}}.examples.examples_2 input,.examples.examples_2 textarea{background-color:var(--template-2-bg-color);caret-color:var(--template-2-accent-color)}.examples.examples_2 input:focus,.examples.examples_2 textarea:focus{border:1px solid var(--template-2-accent-color)}.examples.examples_3{background:var(--template-3-bg-color)}.examples.examples_3 .container{position:relative;z-index:1}.examples.examples_3 input,.examples.examples_3 textarea{background-color:var(--template-3-bg-color);border:1px solid var(--template-3-accent-color);caret-color:var(--template-3-accent-color)}.examples.examples_3 input:focus,.examples.examples_3 textarea:focus{border:1px solid var(--template-3-accent-color)}.examples.examples_3 section{margin-bottom:120px}.examples.examples_3 *{font-family:Roboto;font-weight:100}.examples.examples_3 h2{font-size:50px;font-weight:100;margin-bottom:50px}@media (max-width:1250px){.examples.examples_3 h2{font-size:45px}}@media (max-width:820px){.examples.examples_3 h2{font-size:40px}}@media (max-width:460px){.examples.examples_3 h2{font-size:30px}}.examples.examples_4{background:var(--template-4-bg-color)}.examples.examples_4 h1{color:#fff;display:grid;font-family:carolina;font-size:160px;height:100%;line-height:115%;place-items:center;text-align:center;z-index:1}.examples.examples_4 h2{background-clip:text;background:linear-gradient(45deg,#656565,#000,#656565);-webkit-background-clip:text;font-family:carolina;font-size:100px;font-weight:100;text-align:center;text-transform:capitalize;-webkit-text-fill-color:transparent;padding:10px}@media (max-width:990px){.examples.examples_4 h2{font-size:80px}}@media (max-width:460px){.examples.examples_4 h2{font-size:60px}}.examples.examples_4 .container{position:relative;z-index:1}.examples.examples_4 *{font-family:FS-Elliot;font-size:30px;text-align:center}@media (max-width:990px){.examples.examples_4 *{font-size:25px}}@media (max-width:460px){.examples.examples_4 *{font-size:20px}}.examples.examples_4 .form__item label{font-size:20px;margin-bottom:5px}.examples.examples_4 .select .select__option,.examples.examples_4 .select .select__value{font-size:20px;text-align:start}.examples.examples_4 input,.examples.examples_4 option,.examples.examples_4 select,.examples.examples_4 textarea{border:1px solid var(--template-4-accent-color);caret-color:var(--template-4-accent-color);font-size:20px;text-align:left}.examples.examples_4 input:focus,.examples.examples_4 option:focus,.examples.examples_4 select:focus,.examples.examples_4 textarea:focus{border:1px solid var(--template-4-accent-color)}.examples.examples_4 .popup__option:hover,.examples.examples_4 .select .select__active-option-tab{background:var(--template-4-accent-color)}.examples.examples_4 .textarea{text-align:left}.examples.examples_4 .form-item__select *{font-size:20px}