:root{--color-primary: hsl(232, 63%, 62%);--color-secondary: hsl(237, 46%, 70%);--color-secondary-12: hsla(237, 46%, 70%, .12);--color-red: hsl(0, 82%, 59%);--color-red-08: hsla(0, 82%, 59%, .08);--color-green: hsl(127, 81%, 35%);--color-greena: hsl(133, 82%, 59%);--color-greena-16: hsla(133, 82%, 59%, .16);--color-greena-8: hsla(133, 82%, 59%, .08)}.light{--color-base: hsl(0, 0%, 0%);--color-base-80: hsla(0, 0%, 0%, .8);--color-base-64: hsla(0, 0%, 0%, .64);--color-base-48: hsla(0, 0%, 0%, .48);--color-base-24: hsla(0, 0%, 0%, .24);--color-base-16: hsla(0, 0%, 0%, .16);--color-base-8: hsla(0, 0%, 0%, .08);--color-base-4: hsla(0, 0%, 0%, .04);--color-base-0: hsla(0, 0%, 100%, 1)}.dark{--color-base: hsl(0, 0%, 100%);--color-base-80: hsla(0, 0%, 100%, .8);--color-base-64: hsla(0, 0%, 100%, .64);--color-base-48: hsla(0, 0%, 100%, .48);--color-base-24: hsla(0, 0%, 100%, .24);--color-base-16: hsla(0, 0%, 100%, .16);--color-base-8: hsla(0, 0%, 100%, .08);--color-base-4: hsla(0, 0%, 100%, .04);--color-base-0: hsla(0, 0%, 0%, 1)}.light,.dark{color:var(--color-base)}h1,h2,h3,h4,h5,h6{font-family:Inter Tight,Arial,sans-serif}h1{font-weight:800;font-size:30px;line-height:36px}@media screen and (min-width: 1280px){h1{font-size:64px;line-height:68px}}h2{font-weight:800;font-size:28px;line-height:36px}@media screen and (min-width: 1280px){h2{font-size:40px;line-height:48px}}h3{font-weight:600;font-size:24px;line-height:32px}@media screen and (min-width: 1280px){h3{font-size:28px;line-height:36px}}h4{font-weight:500;font-size:18px;line-height:26px}@media screen and (min-width: 1280px){h4{font-size:20px;line-height:28px}}h5{font-weight:500;font-size:18px;line-height:26px}@media screen and (min-width: 1280px){h5{font-size:18px;line-height:26px}}body{font-family:Inter,Arial,sans-serif;color:var(--color-base);font-size:16px;line-height:24px}@media screen and (min-width: 1280px){body{font-size:18px;line-height:26px}}button,input,select,textarea{font-family:Inter,Arial,sans-serif}small{font-size:14px;line-height:20px}.button{--background-color: var(--color-base);--vertical-padding: 12px;--horizontal-padding: 18px;--border-width: 0;position:relative;display:inline-block;font-weight:600;font-size:16px;line-height:20px;text-decoration:none;padding:var(--vertical-padding) var(--horizontal-padding);border:var(--border-width) solid currentColor;border-radius:120px;background:var(--background-color);cursor:pointer;transition:color .2s ease-in-out,background-color .2s ease-in-out,border .2s ease-in-out}@media screen and (min-width: 1280px){.button{font-size:20px;line-height:28px;--vertical-padding: 18px;--horizontal-padding: 24px}}.button--primary{color:var(--color-base-0);--border-width: 2px;--background-color: var(--color-base);border-color:var(--background-color)}.button--secondary{color:var(--color-base);--border-width: 2px;--background-color: var(--color-base-0)}.button--small.button--secondary,.button--small.button--primary{--border-width: 1px}.button:hover{color:#fff;--background-color: var(--color-primary);border-color:var(--background-color)}.button[disabled]{opacity:.24;cursor:default;pointer-events:none}.button--loading{cursor:default;pointer-events:none}.button--loading:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--background-color);border-radius:inherit}.button--loading:after{content:"";display:block;--size: 18px;--half-circle: calc(var(--size) / 2);width:var(--size);height:var(--size);position:absolute;top:calc(50% - var(--half-circle));left:calc(50% - var(--half-circle));border:2px solid currentColor;border-bottom-color:transparent;border-radius:50%;animation:rotation 1s linear infinite}.button--small.button--loading:after{--size: 18px;border-width:2px}.button--large.button--loading:after{--size: 30px;border-width:3px}@media screen and (min-width: 1280px){.button--large.button--loading:after{--size: 40px;border-width:5px}}.button--small{font-size:14px;line-height:18px;--vertical-padding: 9px;--horizontal-padding: 12px}@media screen and (min-width: 1280px){.button--small{font-size:16px;line-height:20px;--vertical-padding: 8px;--horizontal-padding: 16px}}.button--large{font-size:20px;line-height:26px;--vertical-padding: 14px;--horizontal-padding: 24px}@media screen and (min-width: 1280px){.button--large{font-size:32px;line-height:40px;--vertical-padding: 24px;--horizontal-padding: 40px}}.button--block{width:100%}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}