:root{--primary-color:hsl(344, 100%, 57%);--primary-color-background:hsl(344, 100%, 35%);--primary-color-header:#db4364;--primary-color-slightly-lighter:hsl(344, 100%, 60%);--primary-color-lighter:hsl(344, 100%, 92.5%);--primary-color-lightest:hsl(344, 100%, 96%);--primary-color-tint:hsl(344, 100%, 98%);--secondary-color:hsl(239, 53%, 16%);--secondary-color-medium:hsl(239, 53%, 35%);--secondary-color-lighter:hsl(239, 53%, 50%);--secondary-color-slightly-lighter:hsl(239, 53%, 60%);--secondary-color-almost-lighter:#e3e3f7;--secondary-color-almost-lightest:hsl(240, 57%, 95%);--secondary-color-lightest:#f1f1ff;--secondary-color-lightest-alpha:hsla(240, 57%, 97%, 0.25);--secondary-color-lightest-hover:hsl(240, 57%, 94%);--secondary-color-tinted:hsl(239, 53%, 98.5%);--ternary-color:hsl(49, 98%, 50%);--ternary-color-lighter:hsl(50, 93%, 77%);--ternary-color-lightest:hsl(50, 93%, 95%);--green-color-soft:hsl(170, 100%, 38%);--green-color:hsl(161, 73%, 45%);--green-color-light:hsl(161, 73%, 80%);--green-color-lighter:hsl(161, 73%, 90%);--gray-color:hsl(228, 2%, 59%);--gray-color-light:hsl(240, 3%, 85%);--gray-color-lighter:hsl(240, 3%, 90%);--gray-color-lightest:hsl(240, 3%, 95%);--background-color:hsl(0, 0%, 100%);--background-color-1:hsl(240, 100%, 99%);--background-color-2:hsl(240, 100%, 99%);--background-color-3:hsl(0, 0%, 90%);--background-color-alt:hsl(233, 67%, 98%);--background-color-input:white;--background-color-hover:#f4f4f9;--background-color-hover-light:hsl(240, 57%, 98.5%);--background-color-selected:hsl(239, 53%, 96%);--text-color:#111;--text-color-1:#404040;--text-color-2:white;--text-color-light:#737373;--text-color-lighter:#939393;--text-color-warning:#a00;--border-color:#f4f4f4;--border-color-1:#f4f4f4;--border-color-2:#d9d9d9;--border-color-gray:#f4f4f4;--border-color-gray-medium:#e9e9e9;--border-color-gray-medium-dark:#c9c9c9;--border-color-gray-dark:#aaa;--border-color-primary:hsl(344, 100%, 96%);--border-color-primary-darker:hsl(344, 100%, 90%);--border-color-selected:hsl(239, 53%, 50%);--button-background-color:hsl(239, 53%, 95%);--button-background-color-hover:hsl(239, 53%, 97.25%);--button-text-color:#111;--button-submit-background-color:hsl(344, 85%, 49%);--button-submit-background-color-hover:hsl(344, 85%, 44%);--button-submit-text-color:#fff;--button-following-background-color:hsl(344, 100%, 57%);--button-following-text-color:#fff;--link-color:#6365cf;--input-background-disabled-color:#ececec;--input-text-disabled-color:#aaa;--toolbar-button-hover:hsl(239, 53%, 98%);--toolbar-text-color:hsl(239, 53%, 16%);--toolbar-button-selected:hsl(239, 53%, 50%);--toolbar-button-selected-text-color:white;--review-star-color:hsl(344, 100%, 57%);--review-pin-color:hsl(239, 53%, 50%);--element-border-radius-smallest:4px;--element-border-radius-small:8px;--element-border-radius-small-medium:16px;--element-border-radius:25px;--element-border-radius-medium:25px;--element-border-radius-large:35px;--element-border-radius-larger:40px;--element-border-radius-largest:50px;--element-box-shadow-color:rgba(0, 0, 0, 0.075);--element-box-shadow-color-lighter:rgba(0, 0, 0, 0.05);--element-box-shadow:0px 6px 9px var(--element-box-shadow-color);--element-box-shadow-small:0px 3px 5px var(--element-box-shadow-color);--uikit-notification-border-color:hsl(49, 98%, 50%);--uikit-notification-background-color:white;--uikit-notification-text-color:#000;--uikit-notification-box-shadow-color:hsla(239, 53%, 16%, 0.5)}:root{--surface-page-color:#ffffff;--surface-rail-color:#f8fafd;--surface-section-color:#fff;--surface-section-alternate-color:#f9fcff;--surface-footer-color:#f3f6ff;--accent-color-red:#ff245e;--accent-color-red-strong:#ff245e;--accent-color-red-soft:#ffa7be;--accent-color-red-tint:#ffecf1;--accent-color-blue:#3c3ec3;--accent-color-blue-strong:#3c3ec3;--accent-color-blue-soft:#8a8aff;--accent-color-blue-tint:#8a8aff;--accent-color-green:#00c4a3;--accent-color-green-strong:#00c4a3;--accent-color-green-soft:#00c4a3;--accent-color-green-tint:#8a8aff;--text-color:#111;--text-color-secondary:#494949;--text-color-soft:#737373;--text-color-disabled:#999;--text-color-warning:#800;--navigation-background-color:#f8fafd;--navigation-icon-color:#47515a;--navigation-icon-color-active:#041e49 --navigation-icon-color-hover: #041e49;--navigation-background-color-active:#e3eeff;--navigation-background-color-hover:#e9ecf3;--navigation-border-color:#e8ebf5;--border-color-default:#e9e9e9;--border-color-subtle:#f4f4f4;--border-color-medium:#e3e3e3;--border-color-strong:#dadada;--border-color-muted:#f9f9f9;--border-color-focus:var(--border-color-selected);--border-accent-color:var(--border-color-primary);--border-weight-default:1px;--border-weight-strong:2px;--link-color-default:#2c67ca;--hover-color-default:#f3f3fd;--hover-color-strong:#3c3ec3;--color-status-success:var(--green-color);--color-status-success-soft:var(--green-color-lighter);--color-status-warning:var(--ternary-color);--color-status-warning-soft:var(--ternary-color-lightest);--color-status-danger:var(--text-color-warning);--color-review-star:var(--review-star-color);--color-review-pin:var(--review-pin-color);--border-radius-none:0;--border-radius-xxsmall:4px;--border-radius-xsmall:8px;--border-radius-small:16px;--border-radius-small-medium:20px;--border-radius-medium:24px;--border-radius-medium-large:28px;--border-radius-large:32px;--border-radius-xlarge:40px;--border-radius-xxlarge:48px;--color-shadow-default:var(--element-box-shadow-color);--shadow-default:var(--element-box-shadow);--shadow-small:var(--element-box-shadow-small)}