:root { --primary: #57C7FF; --secondary: #FA6161; --tertiary: hsla(198, 74%, 51%, 1); --tab: #E8BFFF; --bg-body: hsla(0, 0%, 90%, 1); --bg-surface: hsla(0, 0%, 100%, 1); --bg-body-head: hsla(0, 0%, 90%, 0.52); --text-body: #292929; --text-title: hsla(0, 0%, 11%, 1); --border-primary: hsla(0, 0%, 50%, 0.25); --shadow-primary: hsla(0, 0%, 0%, 0.15); --light: hsla(85, 0%, 100%, 1); --light-t-1: hsla(0, 0%, 100%, 0.09); --light-t-2: hsla(0, 0%, 100%, 0.18); --light-t-3: hsla(0, 0%, 100%, 0.27); --light-t-4: hsla(0, 0%, 100%, 0.36); --light-t-5: hsla(0, 0%, 100%, 0.45); --light-t-6: hsla(0, 0%, 100%, 0.55); --light-t-7: hsla(0, 0%, 100%, 0.64); --light-t-8: hsla(0, 0%, 100%, 0.73); --light-t-9: hsla(0, 0%, 100%, 0.82); --light-t-10: hsla(0, 0%, 100%, 0.91); --dark: hsla(0, 0%, 0%, 1); --dark-t-1: hsla(0, 0%, 0%, 0.09); --dark-t-2: hsla(0, 0%, 0%, 0.18); --dark-t-3: hsla(0, 0%, 0%, 0.27); --dark-t-4: hsla(0, 0%, 0%, 0.36); --dark-t-5: hsla(0, 0%, 0%, 0.45); --dark-t-6: hsla(0, 0%, 0%, 0.55); --dark-t-7: hsla(0, 0%, 0%, 0.64); --dark-t-8: hsla(0, 0%, 0%, 0.73); --dark-t-9: hsla(0, 0%, 0%, 0.82); --dark-t-10: hsla(0, 0%, 0%, 0.91); --success: hsla(136, 95%, 56%, 1); --success-t-1: hsla(136, 95%, 56%, 0.09); --success-t-2: hsla(136, 95%, 56%, 0.18); --success-t-3: hsla(136, 95%, 56%, 0.27); --success-t-4: hsla(136, 95%, 56%, 0.36); --success-t-5: hsla(136, 95%, 56%, 0.45); --success-t-6: hsla(136, 95%, 56%, 0.55); --success-t-7: hsla(136, 95%, 56%, 0.64); --success-t-8: hsla(136, 95%, 56%, 0.73); --success-t-9: hsla(136, 95%, 56%, 0.82); --success-t-10: hsla(136, 95%, 56%, 0.91); --error: hsla(351, 95%, 56%, 1); --error-t-1: hsla(351, 95%, 56%, 0.09); --error-t-2: hsla(351, 95%, 56%, 0.18); --error-t-3: hsla(351, 95%, 56%, 0.27); --error-t-4: hsla(351, 95%, 56%, 0.36); --error-t-5: hsla(351, 95%, 56%, 0.45); --error-t-6: hsla(351, 95%, 56%, 0.55); --error-t-7: hsla(351, 95%, 56%, 0.64); --error-t-8: hsla(351, 95%, 56%, 0.73); --error-t-9: hsla(351, 95%, 56%, 0.82); --error-t-10: hsla(351, 95%, 56%, 0.91); --text-2xs: clamp(0.68rem, calc(0.0014814814814814808 * (100vw - 36rem) + 0.68rem), 0.84rem); --text-xs: clamp(0.9rem, calc(0.0021296296296296285 * (100vw - 36rem) + 0.9rem), 1.13rem); --text-s: clamp(1.2rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.2rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2.13rem, calc(0.005 * (100vw - 36rem) + 2.13rem), 2.67rem); --text-xl: clamp(2.84rem, calc(0.006574074074074073 * (100vw - 36rem) + 2.84rem), 3.55rem); --text-2xl: clamp(3.79rem, calc(0.008796296296296299 * (100vw - 36rem) + 3.79rem), 4.74rem); --space-2xs: clamp(0.57rem, calc(0.0012962962962962965 * (100vw - 36rem) + 0.57rem), 0.71rem); --space-xs: clamp(0.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 0.8rem), 1rem); --space-s: clamp(1.13rem, calc(0.002592592592592593 * (100vw - 36rem) + 1.13rem), 1.41rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2.26rem, calc(0.0052777777777777805 * (100vw - 36rem) + 2.26rem), 2.83rem); --space-xl: clamp(3.2rem, calc(0.007407407407407406 * (100vw - 36rem) + 3.2rem), 4rem); --space-2xl: clamp(4.52rem, calc(0.01046296296296297 * (100vw - 36rem) + 4.52rem), 5.65rem);}.bg-bg-body-head { background-color: var(--bg-body-head); }.text-text-body { color: var(--text-body); }.text-text-title { color: var(--text-title); }.border-border-primary { border-color: var(--border-primary); }.border-shadow-primary { border-color: var(--shadow-primary); }.bg-light { background-color: var(--light); }.bg-light-t-1 { background-color: var(--light-t-1); }.bg-light-t-2 { background-color: var(--light-t-2); }.bg-light-t-3 { background-color: var(--light-t-3); }.bg-light-t-4 { background-color: var(--light-t-4); }.bg-light-t-5 { background-color: var(--light-t-5); }.bg-light-t-6 { background-color: var(--light-t-6); }.bg-light-t-7 { background-color: var(--light-t-7); }.bg-light-t-8 { background-color: var(--light-t-8); }.bg-light-t-9 { background-color: var(--light-t-9); }.bg-light-t-10 { background-color: var(--light-t-10); }.text-light { color: var(--light); }.text-light-t-1 { color: var(--light-t-1); }.text-light-t-2 { color: var(--light-t-2); }.text-light-t-3 { color: var(--light-t-3); }.text-light-t-4 { color: var(--light-t-4); }.text-light-t-5 { color: var(--light-t-5); }.text-light-t-6 { color: var(--light-t-6); }.text-light-t-7 { color: var(--light-t-7); }.text-light-t-8 { color: var(--light-t-8); }.text-light-t-9 { color: var(--light-t-9); }.text-light-t-10 { color: var(--light-t-10); }.border-light { border-color: var(--light); }.border-light-t-1 { border-color: var(--light-t-1); }.border-light-t-2 { border-color: var(--light-t-2); }.border-light-t-3 { border-color: var(--light-t-3); }.border-light-t-4 { border-color: var(--light-t-4); }.border-light-t-5 { border-color: var(--light-t-5); }.border-light-t-6 { border-color: var(--light-t-6); }.border-light-t-7 { border-color: var(--light-t-7); }.border-light-t-8 { border-color: var(--light-t-8); }.border-light-t-9 { border-color: var(--light-t-9); }.border-light-t-10 { border-color: var(--light-t-10); }.bg-dark { background-color: var(--dark); }.bg-dark-t-1 { background-color: var(--dark-t-1); }.bg-dark-t-2 { background-color: var(--dark-t-2); }.bg-dark-t-3 { background-color: var(--dark-t-3); }.bg-dark-t-4 { background-color: var(--dark-t-4); }.bg-dark-t-5 { background-color: var(--dark-t-5); }.bg-dark-t-6 { background-color: var(--dark-t-6); }.bg-dark-t-7 { background-color: var(--dark-t-7); }.bg-dark-t-8 { background-color: var(--dark-t-8); }.bg-dark-t-9 { background-color: var(--dark-t-9); }.bg-dark-t-10 { background-color: var(--dark-t-10); }.text-dark { color: var(--dark); }.text-dark-t-1 { color: var(--dark-t-1); }.text-dark-t-2 { color: var(--dark-t-2); }.text-dark-t-3 { color: var(--dark-t-3); }.text-dark-t-4 { color: var(--dark-t-4); }.text-dark-t-5 { color: var(--dark-t-5); }.text-dark-t-6 { color: var(--dark-t-6); }.text-dark-t-7 { color: var(--dark-t-7); }.text-dark-t-8 { color: var(--dark-t-8); }.text-dark-t-9 { color: var(--dark-t-9); }.text-dark-t-10 { color: var(--dark-t-10); }.border-dark { border-color: var(--dark); }.border-dark-t-1 { border-color: var(--dark-t-1); }.border-dark-t-2 { border-color: var(--dark-t-2); }.border-dark-t-3 { border-color: var(--dark-t-3); }.border-dark-t-4 { border-color: var(--dark-t-4); }.border-dark-t-5 { border-color: var(--dark-t-5); }.border-dark-t-6 { border-color: var(--dark-t-6); }.border-dark-t-7 { border-color: var(--dark-t-7); }.border-dark-t-8 { border-color: var(--dark-t-8); }.border-dark-t-9 { border-color: var(--dark-t-9); }.border-dark-t-10 { border-color: var(--dark-t-10); }.bg-success { background-color: var(--success); }.bg-success-t-1 { background-color: var(--success-t-1); }.bg-success-t-2 { background-color: var(--success-t-2); }.bg-success-t-3 { background-color: var(--success-t-3); }.bg-success-t-4 { background-color: var(--success-t-4); }.bg-success-t-5 { background-color: var(--success-t-5); }.bg-success-t-6 { background-color: var(--success-t-6); }.bg-success-t-7 { background-color: var(--success-t-7); }.bg-success-t-8 { background-color: var(--success-t-8); }.bg-success-t-9 { background-color: var(--success-t-9); }.bg-success-t-10 { background-color: var(--success-t-10); }.text-success { color: var(--success); }.text-success-t-1 { color: var(--success-t-1); }.text-success-t-2 { color: var(--success-t-2); }.text-success-t-3 { color: var(--success-t-3); }.text-success-t-4 { color: var(--success-t-4); }.text-success-t-5 { color: var(--success-t-5); }.text-success-t-6 { color: var(--success-t-6); }.text-success-t-7 { color: var(--success-t-7); }.text-success-t-8 { color: var(--success-t-8); }.text-success-t-9 { color: var(--success-t-9); }.text-success-t-10 { color: var(--success-t-10); }.border-success { border-color: var(--success); }.border-success-t-1 { border-color: var(--success-t-1); }.border-success-t-2 { border-color: var(--success-t-2); }.border-success-t-3 { border-color: var(--success-t-3); }.border-success-t-4 { border-color: var(--success-t-4); }.border-success-t-5 { border-color: var(--success-t-5); }.border-success-t-6 { border-color: var(--success-t-6); }.border-success-t-7 { border-color: var(--success-t-7); }.border-success-t-8 { border-color: var(--success-t-8); }.border-success-t-9 { border-color: var(--success-t-9); }.border-success-t-10 { border-color: var(--success-t-10); }.bg-error { background-color: var(--error); }.bg-error-t-1 { background-color: var(--error-t-1); }.bg-error-t-2 { background-color: var(--error-t-2); }.bg-error-t-3 { background-color: var(--error-t-3); }.bg-error-t-4 { background-color: var(--error-t-4); }.bg-error-t-5 { background-color: var(--error-t-5); }.bg-error-t-6 { background-color: var(--error-t-6); }.bg-error-t-7 { background-color: var(--error-t-7); }.bg-error-t-8 { background-color: var(--error-t-8); }.bg-error-t-9 { background-color: var(--error-t-9); }.bg-error-t-10 { background-color: var(--error-t-10); }.text-error { color: var(--error); }.text-error-t-1 { color: var(--error-t-1); }.text-error-t-2 { color: var(--error-t-2); }.text-error-t-3 { color: var(--error-t-3); }.text-error-t-4 { color: var(--error-t-4); }.text-error-t-5 { color: var(--error-t-5); }.text-error-t-6 { color: var(--error-t-6); }.text-error-t-7 { color: var(--error-t-7); }.text-error-t-8 { color: var(--error-t-8); }.text-error-t-9 { color: var(--error-t-9); }.text-error-t-10 { color: var(--error-t-10); }.border-error { border-color: var(--error); }.border-error-t-1 { border-color: var(--error-t-1); }.border-error-t-2 { border-color: var(--error-t-2); }.border-error-t-3 { border-color: var(--error-t-3); }.border-error-t-4 { border-color: var(--error-t-4); }.border-error-t-5 { border-color: var(--error-t-5); }.border-error-t-6 { border-color: var(--error-t-6); }.border-error-t-7 { border-color: var(--error-t-7); }.border-error-t-8 { border-color: var(--error-t-8); }.border-error-t-9 { border-color: var(--error-t-9); }.border-error-t-10 { border-color: var(--error-t-10); }.text-2xs { font-size: var(--text-2xs); }.text-xs { font-size: var(--text-xs); }.text-s { font-size: var(--text-s); }.text-m { font-size: var(--text-m); }.text-l { font-size: var(--text-l); }.text-xl { font-size: var(--text-xl); }.text-2xl { font-size: var(--text-2xl); }